{"product_id":"surf-skull-version-2-essential","title":"Surf Skull Version 2 - Essential","description":"\u003c!--\n  SURF SKULL — Version 2 ESSENTIAL\n  Drop-in Shopify section-content block. (Shorter companion to the V2 with Reeflex page.)\n\n  Notes for the team:\n  • All styles are scoped under .ss-section — same design system as the Reeflex page.\n  • Replace the placeholder image URLs (data-swap=\"...\") with your Essential Shopify CDN photos.\n    Still needed: Essential HERO photo, Blue \/ Tan \/ Green product photos, and a lifestyle DETAIL photo.\n    The three color panels currently show flat swatch colors as placeholders.\n  • Prices are intentionally omitted — Shopify's native buy box shows the price. Add per-card\n    price badges later if you want them (see the Reeflex page for the .ss-color-price markup).\n  • Accuracy: this product is NOT certified and has NO Reeflex layer. Copy reflects that on purpose.\n  • Safe to paste inside any Shopify rich-text \/ custom-liquid section.\n--\u003e\n\u003cstyle\u003e\n    \/* Google Fonts fallback — Shopify already loads Prompt + Inter from its CDN,\n       but this guarantees correct rendering if pasted anywhere else. *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@500;700\u0026family=Prompt:wght@700;900\u0026display=swap');\n\n    .ss-section {\n      --ss-cyan:#24FFD5;\n      --ss-green:#5AFF24;\n      --ss-red:#FF2524;\n      --ss-yellow:#FFCC37;\n      --ss-ink:#000;\n      --ss-paper:#fff;\n      --ss-muted:#555;\n      --ss-radius:0px;\n      --ss-heading:\"Prompt\", -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n      --ss-body:\"Inter\", -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n      color:var(--ss-ink);\n      background:var(--ss-paper);\n      font-family:var(--ss-body);\n      font-weight:500;\n      line-height:1.55;\n      -webkit-font-smoothing:antialiased;\n    }\n    .ss-section *, .ss-section *::before, .ss-section *::after { box-sizing:border-box; }\n    .ss-section img { max-width:100%; height:auto; display:block; }\n    .ss-section .ss-wrap { max-width:1200px; margin:0 auto; padding:80px 24px; }\n    \/* !important + .ss-section specificity so these beat the theme's .rte h1\/h2\/h3\n       typography when the block is pasted into a Rich Text section. *\/\n    .ss-section h1, .ss-section h2, .ss-section h3 {\n      font-family:var(--ss-heading) !important;\n      font-weight:900 !important;\n      text-transform:uppercase !important;\n      letter-spacing:0;\n      margin:0 0 .4em;\n      line-height:.95 !important;\n    }\n    .ss-section h2 { font-size:clamp(32px, 5vw, 64px) !important; }\n    .ss-section h3 { font-size:clamp(20px, 2.4vw, 28px) !important; line-height:1.05 !important; }\n    .ss-section p { margin:0 0 1em; color:var(--ss-ink); }\n    .ss-section .ss-eyebrow {\n      display:inline-block;\n      font-family:var(--ss-heading);\n      font-size:13px;\n      letter-spacing:.14em;\n      text-transform:uppercase;\n      color:var(--ss-ink);\n      background:var(--ss-yellow);\n      padding:6px 12px;\n      font-weight:700;\n      margin-bottom:18px;\n    }\n    .ss-section .ss-lede { font-size:clamp(17px,1.4vw,20px); max-width:62ch; font-weight:500; }\n\n    \/* HERO *\/\n    .ss-hero { position:relative; background:var(--ss-cyan); color:var(--ss-ink); overflow:hidden; border:3px solid var(--ss-ink); }\n    .ss-hero .ss-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:0; min-height:540px; }\n    \/* container-type lets the hero headline size itself to THIS column's width\n       (see .ss-hero h1), so it stays readable whether the Shopify section is set\n       to full width or a narrower 2\/3 \/ half width. *\/\n    .ss-hero .ss-hero-copy { padding:clamp(26px,3.4vw,48px); display:flex; flex-direction:column; justify-content:center; container-type:inline-size; }\n    .ss-section .ss-hero h1 {\n      font-family:var(--ss-heading) !important;\n      font-weight:900 !important;\n      text-transform:uppercase !important;\n      \/* Fallback (older browsers): viewport-based, kept small enough that long\n         words fit the narrow copy column instead of breaking mid-word. *\/\n      font-size:clamp(28px,4vw,46px) !important;\n      \/* Preferred: scale to the copy column's own width via container query,\n         so the headline fills the space cleanly at any section width. *\/\n      font-size:clamp(26px,13cqi,58px) !important;\n      line-height:.98 !important;\n      letter-spacing:-0.01em;\n      margin:0 0 22px;\n      overflow-wrap:break-word;\n      hyphens:none;\n    }\n    .ss-hero h1 em { font-style:italic; font-weight:900; }\n    .ss-hero h1 .ss-mark { background:var(--ss-ink); color:var(--ss-cyan); padding:0 .15em; display:inline-block; }\n    .ss-hero p.ss-lede { color:var(--ss-ink); }\n    .ss-hero .ss-hero-img { background:#111 center\/cover no-repeat; min-height:420px; border-left:3px solid var(--ss-ink); }\n    .ss-hero .ss-eyebrow { background:var(--ss-ink); color:var(--ss-cyan); }\n\n    \/* SPECS STRIP *\/\n    .ss-specs {\n      display:grid;\n      grid-template-columns:repeat(4,1fr);\n      background:var(--ss-ink);\n      border:3px solid var(--ss-ink);\n      border-top:0;\n    }\n    .ss-specs .ss-spec { background:var(--ss-ink); color:#fff; padding:24px 22px; border-right:1px solid #2a2a2a; }\n    .ss-specs .ss-spec:last-child { border-right:0; }\n    .ss-specs .ss-spec .ss-spec-k {\n      font-family:var(--ss-heading);\n      font-size:11px;\n      font-weight:700;\n      letter-spacing:.18em;\n      text-transform:uppercase;\n      color:var(--ss-cyan);\n      margin-bottom:8px;\n    }\n    .ss-specs .ss-spec .ss-spec-v {\n      font-family:var(--ss-heading);\n      font-size:18px;\n      font-weight:900;\n      text-transform:uppercase;\n      letter-spacing:.02em;\n    }\n\n    \/* SECTIONS *\/\n    .ss-block { margin-top:96px; }\n    .ss-block--center { text-align:center; }\n    .ss-block--center .ss-lede { margin-left:auto; margin-right:auto; }\n    .ss-two { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }\n    .ss-two.ss-reverse { direction:rtl; }\n    .ss-two.ss-reverse \u003e * { direction:ltr; }\n    .ss-media { background:var(--ss-cyan); border:3px solid var(--ss-ink); aspect-ratio:4\/5; background-size:cover; background-position:center; }\n\n    \/* TECH GRID *\/\n    .ss-tech-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; }\n    .ss-tech-card {\n      background:var(--ss-paper);\n      border:3px solid var(--ss-ink);\n      padding:32px;\n      transition:transform .15s ease, background .15s ease;\n    }\n    .ss-tech-card:hover { transform:translateY(-4px); background:var(--ss-cyan); }\n    .ss-tech-card .ss-tech-num {\n      font-family:var(--ss-heading);\n      font-size:13px;\n      font-weight:900;\n      letter-spacing:.16em;\n      text-transform:uppercase;\n      margin-bottom:14px;\n      display:inline-block;\n      background:var(--ss-ink);\n      color:var(--ss-green);\n      padding:5px 10px;\n    }\n    .ss-tech-card h3 { margin-bottom:12px; }\n    .ss-tech-card p { font-size:15px; margin:0; line-height:1.55; }\n\n    \/* ESSENTIAL vs REEFLEX CHOOSER (reuses the .ss-vs comparison layout) *\/\n    .ss-vs { margin-top:48px; display:grid; grid-template-columns:1fr 1fr; gap:24px; }\n    .ss-vs-col { border:3px solid var(--ss-ink); padding:32px; display:flex; flex-direction:column; }\n    .ss-vs-essential { background:var(--ss-cyan); }\n    .ss-vs-flagship { background:var(--ss-ink); color:#fff; }\n    .ss-vs-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; }\n    .ss-vs-tag {\n      font-family:var(--ss-heading); font-weight:900; text-transform:uppercase;\n      font-size:12px; letter-spacing:.14em; padding:6px 12px; align-self:flex-start;\n    }\n    .ss-vs-essential .ss-vs-tag { background:#000; color:var(--ss-cyan); }\n    .ss-vs-flagship .ss-vs-tag { background:var(--ss-cyan); color:#000; }\n    .ss-vs-thumb {\n      flex:0 0 auto; width:64px; height:64px; object-fit:cover;\n      border:3px solid var(--ss-ink); background:#fff; display:block;\n    }\n    .ss-vs-flagship .ss-vs-thumb { border-color:var(--ss-cyan); }\n    .ss-vs-col h3 { font-size:clamp(22px,2.4vw,30px); margin-bottom:6px; }\n    .ss-vs-flagship h3 { color:#fff; }\n    .ss-vs-col .ss-vs-sub { font-family:var(--ss-body); font-weight:500; font-size:14px; margin-bottom:22px; }\n    .ss-vs-essential .ss-vs-sub { color:#0a4a3e; }\n    .ss-vs-flagship .ss-vs-sub { color:#cfcfcf; }\n    .ss-vs-list { list-style:none; margin:0 auto; padding:0; display:flex; flex-direction:column; gap:14px; width:fit-content; max-width:100%; text-align:left; }\n    .ss-vs-list li { display:flex; gap:12px; align-items:flex-start; font-size:15px; line-height:1.4; text-align:left; }\n    .ss-vs-list li .ss-vs-ic {\n      flex:0 0 22px; width:22px; height:22px; border:2px solid var(--ss-ink);\n      display:inline-flex; align-items:center; justify-content:center;\n      font-family:var(--ss-heading); font-weight:900; font-size:14px; line-height:1; margin-top:1px;\n    }\n    .ss-vs-essential .ss-vs-ic { background:var(--ss-green); color:#000; }\n    .ss-vs-essential li.is-no .ss-vs-ic { background:#fff; color:#b0342a; }\n    .ss-vs-flagship .ss-vs-ic { background:var(--ss-cyan); color:#000; border-color:var(--ss-cyan); }\n    .ss-vs-kicker {\n      margin-top:36px; text-align:center;\n      font-family:var(--ss-heading); font-weight:900; text-transform:uppercase;\n      font-size:clamp(18px,2vw,24px); letter-spacing:.01em; line-height:1.2;\n    }\n    .ss-vs-kicker span { background:var(--ss-yellow); padding:2px 8px; }\n\n    \/* Cross-sell text link — a real, working link to the flagship product (not an in-page anchor) *\/\n    .ss-xlink {\n      display:inline-block; margin-top:20px;\n      font-family:var(--ss-heading); font-weight:900; text-transform:uppercase;\n      font-size:14px; letter-spacing:.06em;\n      color:var(--ss-ink) !important;\n      text-decoration:underline !important;\n      text-decoration-color:var(--ss-ink) !important;\n      text-underline-offset:5px; text-decoration-thickness:2px;\n    }\n    .ss-xlink:hover { color:var(--ss-red) !important; text-decoration-color:var(--ss-red) !important; }\n\n    \/* COLORS *\/\n    .ss-colors { margin-top:48px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }\n    .ss-color {\n      overflow:hidden;\n      background:var(--ss-paper);\n      border:3px solid var(--ss-ink);\n      transition:transform .2s ease;\n    }\n    .ss-color:hover { transform:translateY(-6px); }\n    .ss-color-img { aspect-ratio:1\/1; background-size:cover; background-position:center; border-bottom:3px solid var(--ss-ink); }\n    .ss-color-meta { padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:12px; }\n    .ss-color-meta .ss-color-name {\n      font-family:var(--ss-heading);\n      font-weight:900;\n      text-transform:uppercase;\n      font-size:18px;\n      display:flex;\n      align-items:center;\n      gap:12px;\n    }\n    .ss-color-swatch { width:18px; height:18px; border-radius:50%; border:2px solid var(--ss-ink); display:inline-block; }\n\n    \/* CLOSING CTA *\/\n    .ss-final { margin-top:96px; text-align:center; padding:clamp(48px,6vw,96px) 24px; background:var(--ss-green); border:3px solid var(--ss-ink); }\n    .ss-final h2 { max-width:22ch; margin-left:auto; margin-right:auto; }\n    .ss-final p { max-width:54ch; margin:14px auto 28px; font-size:18px; }\n    .ss-final .ss-finalprint {\n      font-family:var(--ss-heading);\n      font-size:12px;\n      font-weight:700;\n      letter-spacing:.08em;\n      text-transform:uppercase;\n      margin-top:20px;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 880px) {\n      .ss-section .ss-wrap { padding:48px 16px; }\n      .ss-hero .ss-hero-grid { grid-template-columns:1fr; }\n      .ss-hero .ss-hero-img { min-height:320px; order:-1; border-left:0; border-bottom:3px solid var(--ss-ink); }\n      .ss-specs { grid-template-columns:repeat(2,1fr); }\n      .ss-specs .ss-spec:nth-child(2) { border-right:0; }\n      .ss-specs .ss-spec:nth-child(1), .ss-specs .ss-spec:nth-child(2) { border-bottom:1px solid #2a2a2a; }\n      .ss-two { grid-template-columns:1fr; gap:36px; }\n      .ss-tech-grid { grid-template-columns:1fr; }\n      .ss-colors { grid-template-columns:1fr; }\n      .ss-vs { grid-template-columns:1fr; }\n      .ss-block { margin-top:64px; }\n    }\n  \u003c\/style\u003e\n\u003csection class=\"ss-section\"\u003e\n\u003cdiv class=\"ss-wrap\"\u003e\n\u003c!-- ========= HERO ========= --\u003e\n\u003cdiv class=\"ss-hero\"\u003e\n\u003cdiv class=\"ss-hero-grid\"\u003e\n\u003cdiv class=\"ss-hero-copy\"\u003e\n\u003cspan class=\"ss-eyebrow\"\u003eVersion 2 · Essential\u003c\/span\u003e\n\u003ch1\u003eLow-profile surf protection, stripped to the \u003cspan class=\"ss-mark\"\u003eessentials\u003c\/span\u003e.\u003c\/h1\u003e\n\u003cp class=\"ss-lede\"\u003eThe same barely-there bucket-hat silhouette as our V2 line, built around impact-absorbing non-Newtonian foam. The Essential leaves out the Reeflex slip layer and the white-water certification to give you the slimmest, lightest Surf Skull yet — an everyday layer against the knocks, scrapes, and fin contacts that can end sessions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-hero-img\" data-swap=\"ESSENTIAL_HERO_IMAGE_URL\" style=\"background-image: url('https:\/\/thesurfskull.com\/cdn\/shop\/files\/raymon_surfing_v1.5.png?v=1783896897\u0026amp;width=1280');\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= SPECS STRIP ========= --\u003e\n\u003cdiv class=\"ss-specs\"\u003e\n\u003cdiv class=\"ss-spec\"\u003e\n\u003cdiv class=\"ss-spec-k\"\u003eProfile\u003c\/div\u003e\n\u003cdiv class=\"ss-spec-v\"\u003eUltra-low\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-spec\"\u003e\n\u003cdiv class=\"ss-spec-k\"\u003eCore\u003c\/div\u003e\n\u003cdiv class=\"ss-spec-v\"\u003eNon-Newtonian foam\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-spec\"\u003e\n\u003cdiv class=\"ss-spec-k\"\u003eSizes\u003c\/div\u003e\n\u003cdiv class=\"ss-spec-v\"\u003eLarge only\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-spec\"\u003e\n\u003cdiv class=\"ss-spec-k\"\u003eColors\u003c\/div\u003e\n\u003cdiv class=\"ss-spec-v\"\u003eBlue · Tan · Green\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= WHAT IT IS ========= --\u003e\n\u003cdiv class=\"ss-block\"\u003e\n\u003cspan class=\"ss-eyebrow\"\u003eThe Essential\u003c\/span\u003e\n\u003ch2\u003eEveryday protection. Zero bulk.\u003c\/h2\u003e\n\u003cp class=\"ss-lede\"\u003eThe Essential keeps what matters day to day — impact-absorbing foam and a low-profile fit — and strips out everything else. It's the Surf Skull for surfers who want a lightweight layer of protection so effortless, they'll gear up with it every single session.\u003c\/p\u003e\n\u003cdiv class=\"ss-tech-grid\"\u003e\n\u003cdiv class=\"ss-tech-card\"\u003e\n\u003cdiv class=\"ss-tech-num\"\u003e01 \/ FOAM CORE\u003c\/div\u003e\n\u003ch3\u003eNon-Newtonian foam that firms up on impact\u003c\/h3\u003e\n\u003cp\u003eSoft and comfortable while you paddle, the foam stiffens the instant it takes a hit — blunting the everyday knocks, scrapes, and fin contacts that can cut sessions short.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-tech-card\"\u003e\n\u003cdiv class=\"ss-tech-num\"\u003e02 \/ ULTRA-LOW PROFILE\u003c\/div\u003e\n\u003ch3\u003e~10% slimmer than V2 with Reeflex\u003c\/h3\u003e\n\u003cp\u003eWithout the Reeflex plate, the Essential sits even lower and lighter — the most low-key Surf Skull you can wear. It reads as a bucket hat, not safety gear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-tech-card\"\u003e\n\u003cdiv class=\"ss-tech-num\"\u003e03 \/ EVERY SESSION\u003c\/div\u003e\n\u003ch3\u003eHydro-flow fit, all-day comfort\u003c\/h3\u003e\n\u003cp\u003eRefined vents and an adjustable fit let water flow through, not against you. Light enough to forget on a two-hour session, in warm water or cold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= ESSENTIAL vs REEFLEX CHOOSER ========= --\u003e\n\u003cdiv class=\"ss-block ss-block--center\"\u003e\n\u003cspan class=\"ss-eyebrow\"\u003eWhich Surf Skull?\u003c\/span\u003e\n\u003ch2\u003eEssential or Reeflex? Pick your level.\u003c\/h2\u003e\n\u003cp class=\"ss-lede\"\u003eBoth share the same low-profile shape and comfort. The difference is how much protection you want along for the ride. The Essential is the lighter, everyday layer. The Reeflex is our most protective, independently certified build.\u003c\/p\u003e\n\u003cdiv class=\"ss-vs\"\u003e\n\u003cdiv class=\"ss-vs-col ss-vs-essential\"\u003e\n\u003cdiv class=\"ss-vs-head\"\u003e\u003cspan class=\"ss-vs-tag\"\u003eEssential · The DAILY DRIVER\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eV2 Essential\u003c\/h3\u003e\n\u003cp class=\"ss-vs-sub\"\u003eThe slim, light, everyday layer.\u003c\/p\u003e\n\u003cul class=\"ss-vs-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ss-vs-ic\"\u003e✓\u003c\/span\u003e Impact-absorbing non-Newtonian foam\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ss-vs-ic\"\u003e✓\u003c\/span\u003e Slimmest, lightest profile — ~10% thinner than Reeflex\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ss-vs-ic\"\u003e✓\u003c\/span\u003e Available in Large — Blue, Tan \u0026amp; Green\u003c\/li\u003e\n\u003cli class=\"is-no\"\u003e\n\u003cspan class=\"ss-vs-ic\"\u003e✕\u003c\/span\u003e No Reeflex rotational slip layer\u003c\/li\u003e\n\u003cli class=\"is-no\"\u003e\n\u003cspan class=\"ss-vs-ic\"\u003e✕\u003c\/span\u003e Not a certified white water helmet — less protective than Reeflex\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-vs-col ss-vs-flagship\"\u003e\n\u003cdiv class=\"ss-vs-head\"\u003e\u003cspan class=\"ss-vs-tag\"\u003eReeflex · Flagship\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eV2 with Reeflex\u003c\/h3\u003e\n\u003cp class=\"ss-vs-sub\"\u003eMaximum, independently certified protection.\u003c\/p\u003e\n\u003cul class=\"ss-vs-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ss-vs-ic\"\u003e✓\u003c\/span\u003e Everything the Essential has, plus:\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ss-vs-ic\"\u003e✓\u003c\/span\u003e Reeflex slip layer reduces rotational forces\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ss-vs-ic\"\u003e✓\u003c\/span\u003e Independently certified to BS EN 1385:2012 (Large)\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ss-vs-ic\"\u003e✓\u003c\/span\u003e The most protective Surf Skull we make\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ss-vs-ic\"\u003e✓\u003c\/span\u003e Available in S · M · L · XL\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-vs-kicker\"\u003eWant the most protection? \u003cspan\u003eStep up to Reeflex.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"ss-xlink\" href=\"https:\/\/thesurfskull.com\/products\/surf-skull-version-2-with-reeflex\"\u003eShop V2 with Reeflex →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- ========= COLORS ========= --\u003e\n\u003cdiv class=\"ss-block\" id=\"colors\"\u003e\n\u003cspan class=\"ss-eyebrow\"\u003ePick Your Lineup\u003c\/span\u003e\n\u003ch2\u003eThree colorways. One low-profile shape.\u003c\/h2\u003e\n\u003cp class=\"ss-lede\"\u003eDesigned to look like part of your kit — not part of a costume. Available now in Large.\u003c\/p\u003e\n\u003cdiv class=\"ss-colors\"\u003e\n\u003cdiv class=\"ss-color\"\u003e\n\u003cdiv class=\"ss-color-img\" data-swap=\"ESSENTIAL_BLUE_IMAGE_URL\" style=\"background-image: url('https:\/\/thesurfskull.com\/cdn\/shop\/files\/IMG_0026.jpg?v=1696440341\u0026amp;width=1280');\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ss-color-meta\"\u003e\n\u003cdiv class=\"ss-color-name\"\u003e\n\u003cspan class=\"ss-color-swatch\" style=\"background: #2f6fb0;\"\u003e\u003c\/span\u003e Multicolor Blue\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-color\"\u003e\n\u003cdiv class=\"ss-color-img\" data-swap=\"ESSENTIAL_TAN_IMAGE_URL\" style=\"background-image: url('https:\/\/thesurfskull.com\/cdn\/shop\/files\/Photo19-09-2025_091627.jpg?v=1763075095\u0026amp;width=1280');\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ss-color-meta\"\u003e\n\u003cdiv class=\"ss-color-name\"\u003e\n\u003cspan class=\"ss-color-swatch\" style=\"background: #d6c8aa;\"\u003e\u003c\/span\u003e Sand Tan\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-color\"\u003e\n\u003cdiv class=\"ss-color-img\" data-swap=\"ESSENTIAL_GREEN_IMAGE_URL\" style=\"background-image: url('https:\/\/thesurfskull.com\/cdn\/shop\/files\/Untitled_design_9.png?v=1773113657\u0026amp;width=1280');\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ss-color-meta\"\u003e\n\u003cdiv class=\"ss-color-name\"\u003e\n\u003cspan class=\"ss-color-swatch\" style=\"background: #4f8f5f;\"\u003e\u003c\/span\u003e Kelp Green\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= SHARK TANK \/ PHOTO CALLOUT ========= --\u003e\n\u003cdiv class=\"ss-block\"\u003e\n\u003cdiv class=\"ss-two ss-reverse\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"ss-eyebrow\"\u003eAs Seen On Shark Tank\u003c\/span\u003e\n\u003ch2\u003eWe took surf safety into the Tank.\u003c\/h2\u003e\n\u003cp\u003eWhen we pitched Surf Skull on Shark Tank, we weren't selling a hat — we were making the case that surfing's safety gap is real, and that good engineering belongs in the water. The response, from the Sharks and from the lineup, was bigger than we ever expected.\u003c\/p\u003e\n\u003cp\u003eThe Essential carries that same mission to more surfers: the low-profile Surf Skull silhouette in its simplest, lightest form — an everyday layer you'll actually grab on the way to the water.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-media\" data-swap=\"SHARK_TANK_IMAGE_URL\" style=\"background-image: url('https:\/\/i0.wp.com\/lookout.co\/wp-content\/uploads\/2025\/12\/11557-e1765378650202.jpg?fit=1841%2C1765\u0026amp;ssl=1');\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FINAL CTA ========= --\u003e\n\u003cdiv class=\"ss-final\"\u003e\n\u003cspan class=\"ss-eyebrow\"\u003eYour next session\u003c\/span\u003e\n\u003ch2\u003eGrab-and-go protection for every paddle-out.\u003c\/h2\u003e\n\u003cp\u003eSurf Skull Version 2 Essential — the slim, lightweight everyday layer. Available now in Large, in Multicolor Blue, Sand Tan, and Kelp Green. Want the certified, maximum-protection build? That's V2 with Reeflex.\u003c\/p\u003e\n\u003cdiv class=\"ss-finalprint\"\u003eOne size (Large) · Three colors · Not certified — for maximum protection see V2 with Reeflex\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Surf Skull","offers":[{"title":"Green \/ Large","offer_id":52217561874733,"sku":null,"price":98.0,"currency_code":"USD","in_stock":true},{"title":"Beige \/ Large","offer_id":52217575440685,"sku":null,"price":98.0,"currency_code":"USD","in_stock":true},{"title":"Blue \/ Large","offer_id":52217586385197,"sku":null,"price":98.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0741\/3255\/4029\/files\/Emma.png?v=1774402937","url":"https:\/\/thesurfskull.com\/products\/surf-skull-version-2-essential","provider":"Surf Skull","version":"1.0","type":"link"}