{
  "format": 1,
  "slug": "content-black-friday-split",
  "title": "Bold red Black Friday split",
  "description": "A loud red split modal: lifestyle photo on the left with a rotated \"Up to −60%\" tag, a huge condensed Black Friday headline and a single black pill button on the right. Streetwear, sneaker and sports stores announcing the sale is live.",
  "type": "image_and_content",
  "categories": [
    "seasonal",
    "sales",
    "e-commerce"
  ],
  "season": "black-friday",
  "requires": {
    "pro": false,
    "plugins": []
  },
  "preview": "preview.webp",
  "images": [
    "photo.jpg"
  ],
  "popup": {
    "popup_name": "Bold red Black Friday split",
    "wdpop_item_tab": {
      "popup_type": "image_and_content",
      "popup_image": "{{IMAGE:photo.jpg}}",
      "popup_image_layout": "left",
      "popup_title": "Black <span class=\"wdpop-hl\">Friday</span>",
      "Popup_content": "<span class=\"wdpop-eyebrow\">Live now</span><span class=\"wdpop-tag\">Up to −60%</span><p>Every sneaker, every hoodie, every drop from this year — marked down until Sunday night.</p>",
      "popup_close_text": "Not today",
      "cta_link": {
        "url": "/sale/",
        "text": "Shop the sale",
        "target": ""
      },
      "popup_display_mode": "modal",
      "popup_width": "modal-custom-width",
      "popup_custom_width": {
        "width": "780",
        "unit": "px"
      },
      "popup_position": "wdpop_core_middle_center",
      "popup_style_accordions": {
        "style_bg": "#ff1f3d",
        "style_text": "#ffffff",
        "style_radius": "20",
        "style_padding": {
          "top": "44",
          "right": "40",
          "bottom": "40",
          "left": "40",
          "unit": "px"
        },
        "style_shadow": "large",
        "style_overlay_color": "#000000",
        "style_overlay_opacity": "60",
        "style_overlay_blur": "0",
        "style_heading_size": "64",
        "style_heading_weight": "400",
        "style_heading_color": "#ffffff",
        "style_body_size": "15",
        "style_align": "left",
        "style_cta_bg": {
          "color": "#111111",
          "hover": "#000000"
        },
        "style_cta_color": {
          "color": "#ffe600",
          "hover": "#fff44d"
        },
        "style_btn_radius": "50",
        "style_btn_font_size": "14",
        "style_btn_padding": {
          "top": "15",
          "right": "26",
          "bottom": "15",
          "left": "26",
          "unit": "px"
        },
        "style_btn_width": "auto",
        "style_dismiss_bg": {
          "color": "transparent",
          "hover": "transparent"
        },
        "style_dismiss_color": {
          "color": "#ffe3e7",
          "hover": "#ffffff"
        },
        "style_dismiss_border": {
          "color": "transparent",
          "hover": "transparent"
        },
        "style_dismiss_radius": "0",
        "style_dismiss_font_size": "13",
        "style_dismiss_padding": {
          "top": "0",
          "right": "0",
          "bottom": "0",
          "left": "0",
          "unit": "px"
        },
        "close_btn_color": {
          "color": "#ffffff",
          "hover": "#ffe600"
        },
        "close_btn_bg_color": {
          "color": "#111111",
          "hover": "#000000"
        },
        "close_btn_border_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "anim_in": "zoom",
        "anim_out": "fade",
        "anim_duration": "350",
        "style_mobile_heading_size": "44",
        "custom_css": "/* Red split: Impact stands in for Bebas Neue; the heading scales off the Heading Size slider (x1.4) so the control still works. Selectors carry .wdpop-root so they outrank Pro's stylesheet, which loads after this CSS. */\n{{POPUP}}.wdpop-root{--wdpop-image-width:44%;--wdpop-image-min-height:440px}\n{{POPUP}}.wdpop-root .modal-content{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;overflow:hidden}\n{{POPUP}}.wdpop-root .wing--popup-content-wrap{display:flex;flex-direction:column;align-items:flex-start;text-align:var(--wdpop-align,left)}\n{{POPUP}}.wdpop-root .wing--popup-content{display:contents}\n/* \"Live now\" pill above the heading, the discount tag rotated over the photo's top-left corner */\n{{POPUP}}.wdpop-root .wdpop-eyebrow{order:-1;display:inline-block;margin:0 0 14px;padding:6px 12px;background:#111;color:#fff;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;border-radius:999px;line-height:1.3}\n{{POPUP}}.wdpop-root .wdpop-tag{position:absolute;left:18px;top:18px;z-index:1;padding:6px 14px;background:#111;color:#ffe600;font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;transform:rotate(-6deg)}\n{{POPUP}}.wdpop-root .wing--popup-title{margin:0 0 16px;font-family:Impact,'Arial Narrow',sans-serif;font-size:calc(var(--wdpop-heading-size,64px)*1.4);line-height:.88;letter-spacing:.01em;text-transform:uppercase}\n{{POPUP}}.wdpop-root .wdpop-hl{display:block;color:#111}\n{{POPUP}}.wdpop-root .wing--popup-content p{margin:0 0 24px;line-height:1.5;font-weight:500}\n/* CTA first, the dismiss as an underlined text link beneath it */\n{{POPUP}}.wdpop-root .wdpop-cta{order:8;margin:0;font-weight:800;line-height:1.2;letter-spacing:.04em}\n{{POPUP}}.wdpop-root .btn-secondary{order:9;margin:14px 0 0;border:0;text-decoration:underline;line-height:1.2}\n{{POPUP}}.wdpop-root .wing--popup-close-btn{top:14px;right:16px;width:32px;height:32px;padding:0;border:0;line-height:32px;font-size:20px;text-align:center}\n@container wdpop (max-width:520px){{{POPUP}}.wdpop-root .wdpop-tag{font-size:18px}}"
      },
      "page_load_events": {
        "page_load_status": "1",
        "popup_delay": "0"
      },
      "frequency_events": {
        "freq_mode": "always"
      }
    }
  }
}