/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'section-default-banner.css'"
Line 18:0 Unexpected "<"
Line 21:20 Expected identifier but found whitespace
Line 21:22 Unexpected "{"
Line 21:31 Expected ":"
Line 22:25 Expected identifier but found whitespace
Line 22:27 Unexpected "{"
Line 22:36 Expected ":"
... and 780 more hidden warnings

**/
{{ 'section-default-banner.css' | asset_url | stylesheet_tag }}

<div id="shopify-section-{{ section.id }}" class="shopify-section default-banner-section">
  <style data-shopify="">
    .default-banner {
      --db-bg-color: {{ section.settings.bg_color | default: '#FFF1F6' }};
      --db-heading-color: {{ section.settings.heading_color | default: '#2f0147' }};
      --db-highlight-color: {{ section.settings.highlight_color | default: '#fa679c' }};
      --db-cta-bg: {{ section.settings.cta_bg_color | default: '#00ad21' }};
      --db-cta-border: {{ section.settings.cta_border_color | default: '#40a754' }};
      --db-alert-yellow: {{ section.settings.alert_yellow | default: '#eff759' }};
      --db-alert-dark: {{ section.settings.alert_dark | default: '#2f0147' }};
      --db-review-border: {{ section.settings.review_border_color | default: '#2f0147' }};
      --db-dot-active: {{ section.settings.dot_active_color | default: '#fd689e' }};
      --db-dot-inactive: {{ section.settings.dot_inactive_color | default: '#bfbfbf' }};
      --db-guarantee-green: {{ section.settings.guarantee_green | default: '#32cd32' }};

      position: relative;
      gap: {{ section.settings.gap_desktop | default: '60px' }};
      padding: {{ section.settings.padding_desktop | default: '60px 125px 60px 135px' }};
      overflow: hidden;
      background-color: var(--db-bg-color);
      z-index: 1;
      margin-top: 0;
      clear: both;
    }

    .default-banner__wrapper {
      margin: 0 auto;
      max-width: {{ section.settings.wrapper_width | default: '1400px' }};
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      z-index: 2;
    }

    .default-banner__bg {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
    }

    .default-banner__bg-image {
      position: absolute;
      inset: 0;
      overflow: hidden;
    }

    .default-banner__bg-image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .default-banner__bg-overlay {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: {{ section.settings.overlay_opacity | default: '0.43' }};
    }

    .default-banner__content {
      position: relative;
      z-index: 4;
      display: flex;
      flex-direction: column;
      gap: {{ section.settings.content_gap | default: '30px' }};
      align-items: flex-start;
      max-width: {{ section.settings.content_max_width | default: '660px' }};
    }

    .default-banner__logo {
      width: {{ section.settings.logo_width | default: '185px' }};
      height: {{ section.settings.logo_height | default: '83px' }};
      flex-shrink: 0;
    }

    .default-banner__logo svg {
      width: 100%;
      height: 100%;
    }

    .default-banner__alert {
      display: block;
      width: 100%;
      max-width: {{ section.settings.alert_max_width | default: '440px' }};
      padding: {{ section.settings.alert_padding | default: '8px 10px' }};
      border-radius: {{ section.settings.alert_border_radius | default: '3px' }};
      background: {{ section.settings.alert_gradient | default: 'linear-gradient(90.36deg, #E18C98 -10.68%, #FF68A0 25.99%, #E18C98 67.27%, #FF68A0 119.28%, #FCBFC7 193.45%)' }};
      text-decoration: none;
    }

    .default-banner__alert-inner {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: {{ section.settings.alert_inner_gap | default: '4px' }};
    }

    .default-banner__alert-icon {
      flex-shrink: 0;
      width: {{ section.settings.alert_icon_size | default: '20px' }};
      height: {{ section.settings.alert_icon_size | default: '20px' }};
    }

    .default-banner__alert-icon svg {
      width: 100%;
      height: 100%;
    }

    .default-banner__alert-text {
      font-weight: {{ section.settings.alert_font_weight | default: '500' }};
      font-size: {{ section.settings.alert_font_size | default: '18px' }};
      line-height: {{ section.settings.alert_line_height | default: '1.2' }};
      color: var(--db-alert-yellow);
      text-transform: {{ section.settings.alert_text_transform | default: 'uppercase' }};
      letter-spacing: {{ section.settings.alert_letter_spacing | default: '0.6px' }};
    }

    .default-banner__alert-highlight {
      font-weight: {{ section.settings.alert_highlight_weight | default: '900' }};
      color: var(--db-alert-dark);
    }

    .default-banner__heading {
      font-weight: {{ section.settings.heading_font_weight | default: '800' }};
      font-size: {{ section.settings.heading_font_size | default: '36px' }};
      line-height: {{ section.settings.heading_line_height | default: '1.5' }};
      color: var(--db-heading-color);
      margin: 0;
    }

    .default-banner__heading-highlight {
      font-weight: {{ section.settings.heading_highlight_weight | default: '900' }};
      color: var(--db-highlight-color);
    }

    .default-banner__cta-wrapper {
      position: relative;
      width: 100%;
      padding: 0;
    }

    .default-banner__cta-corner--top-left {
      position: absolute;
      top: -2px;
      left: 0;
      width: 15px;
      height: 15px;
      border-top: 2px solid var(--db-cta-border);
      border-left: 2px solid var(--db-cta-border);
    }

    .default-banner__cta-corner--bottom-right {
      position: absolute;
      bottom: -3px;
      right: -1px;
      width: 15px;
      height: 15px;
      border-bottom: 2px solid var(--db-cta-border);
      border-right: 2px solid var(--db-cta-border);
    }

    .default-banner__cta-button {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: {{ section.settings.cta_button_gap | default: '10px' }};
      width: 100%;
      padding: {{ section.settings.cta_button_padding | default: '15px 24px' }};
      background-color: var(--db-cta-bg);
      color: {{ section.settings.cta_text_color | default: 'white' }};
      font-weight: {{ section.settings.cta_font_weight | default: '700' }};
      font-size: {{ section.settings.cta_font_size | default: '21px' }};
      text-transform: {{ section.settings.cta_text_transform | default: 'uppercase' }};
      letter-spacing: {{ section.settings.cta_letter_spacing | default: '0.6px' }};
      text-decoration: none;
      border: none;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      box-shadow: {{ section.settings.cta_box_shadow | default: '0 3px 3px 2px rgba(0, 0, 0, 0.2)' }};
    }

    .default-banner__cta-button-corner--top-right {
      position: absolute;
      top: -7px;
      right: -7px;
      width: 15px;
      height: 15px;
      border-top: 2px solid var(--db-cta-border);
      border-right: 2px solid var(--db-cta-border);
    }

    .default-banner__cta-button-corner--bottom-left {
      position: absolute;
      bottom: -7px;
      left: -7px;
      width: 15px;
      height: 15px;
      border-bottom: 2px solid var(--db-cta-border);
      border-left: 2px solid var(--db-cta-border);
    }

    .default-banner__cta-icon {
      width: {{ section.settings.cta_icon_width | default: '39px' }};
      height: {{ section.settings.cta_icon_height | default: '33px' }};
      flex-shrink: 0;
    }

    .default-banner__cta-icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .default-banner__guarantees {
      display: flex;
      align-items: center;
      gap: {{ section.settings.guarantees_gap | default: '20px' }};
      padding: {{ section.settings.guarantees_padding | default: '0 22px' }};
      width: 100%;
      margin-top: 10px;
    }

    .default-banner__guarantee {
      display: flex;
      align-items: center;
      gap: {{ section.settings.guarantee_gap | default: '5px' }};
    }

    .default-banner__guarantee-check {
      width: {{ section.settings.guarantee_check_size | default: '14px' }};
      height: {{ section.settings.guarantee_check_size | default: '14px' }};
      border-radius: 50%;
      background-color: var(--db-guarantee-green);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      box-shadow: {{ section.settings.guarantee_check_shadow | default: '0 1px 2px rgba(0, 0, 0, 0.05)' }};
    }

    .default-banner__guarantee-check svg {
      width: {{ section.settings.guarantee_check_svg_width | default: '10px' }};
      height: {{ section.settings.guarantee_check_svg_height | default: '6px' }};
    }

    .default-banner__guarantee-text {
      font-weight: {{ section.settings.guarantee_font_weight | default: '500' }};
      font-size: {{ section.settings.guarantee_font_size | default: '16px' }};
      line-height: {{ section.settings.guarantee_line_height | default: '1.5' }};
      color: {{ section.settings.guarantee_text_color | default: '#000' }};
    }

    .default-banner__guarantee-plus {
      font-weight: {{ section.settings.guarantee_plus_weight | default: '500' }};
      font-size: {{ section.settings.guarantee_plus_size | default: '12px' }};
      color: {{ section.settings.guarantee_plus_color | default: '#000' }};
      margin-left: -2px;
    }

    .default-banner__trustpilot {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 0 22px;
      width: 100%;
      margin-top: 20px;
    }

    .default-banner__trustpilot-stars {
      display: flex;
      align-items: center;
      gap: 2px;
    }

    .default-banner__trustpilot-star {
      width: 18px;
      height: 18px;
      color: #00b67a;
      font-size: 18px;
      line-height: 1;
    }

    .default-banner__trustpilot-text {
      font-weight: 400;
      font-size: 14px;
      color: #1B3D2E;
      line-height: 1.4;
    }

    .default-banner__trustpilot-text strong {
      font-weight: 700;
      color: var(--db-highlight-color);
    }

    .default-banner__reviews {
      position: relative;
      width: {{ section.settings.reviews_width | default: '527px' }};
      overflow: hidden;
      flex-shrink: 0;
      margin-top: 20px;
      z-index: 3;
    }

    /* Swiper Styles */
    .default-banner__reviews .swiper {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .default-banner__reviews .swiper-wrapper {
      display: flex;
      width: 100%;
      height: 100%;
    }

    .default-banner__reviews .swiper-slide {
      flex-shrink: 0;
      width: 100%;
      height: auto;
    }

    .default-banner__reviews .swiper-pagination {
      display: flex;
      justify-content: center;
      gap: {{ section.settings.pagination_gap | default: '13px' }};
      padding: 0;
      margin-top: {{ section.settings.pagination_margin_top | default: '18px' }};
      list-style: none;
      position: relative;
      bottom: 0;
    }

    .default-banner__reviews .swiper-pagination-bullet {
      width: {{ section.settings.pagination_dot_size | default: '8px' }};
      height: {{ section.settings.pagination_dot_size | default: '8px' }};
      border-radius: 50%;
      background: var(--db-dot-inactive);
      border: none;
      cursor: pointer;
      padding: 0;
      opacity: 1;
      margin: 0;
    }

    .default-banner__reviews .swiper-pagination-bullet-active {
      width: {{ section.settings.pagination_dot_size | default: '8px' }};
      height: {{ section.settings.pagination_dot_size | default: '8px' }};
      background: var(--db-dot-active);
      border-radius: 4px;
    }

    .default-banner__review-card {
      display: flex;
      padding: {{ section.settings.review_card_padding | default: '12.5px' }};
      border: {{ section.settings.review_card_border_width | default: '2px' }} solid var(--db-review-border);
      border-radius: {{ section.settings.review_card_border_radius | default: '10px' }};
      background: {{ section.settings.review_card_bg | default: 'white' }};
      align-items: flex-start;
      gap: {{ section.settings.review_card_gap | default: '12.5px' }};
    }

    .default-banner__review-avatar {
      width: {{ section.settings.review_avatar_size | default: '90px' }};
      height: {{ section.settings.review_avatar_size | default: '90px' }};
      border-radius: 50%;
      object-fit: cover;
      flex-shrink: 0;
    }

    .default-banner__review-body {
      display: flex;
      flex-direction: column;
      flex: 1;
    }

    .default-banner__review-text {
      font-weight: {{ section.settings.review_text_weight | default: '400' }};
      font-style: {{ section.settings.review_text_style | default: 'italic' }};
      font-size: {{ section.settings.review_text_size | default: '15px' }};
      line-height: {{ section.settings.review_text_line_height | default: '1.5' }};
      color: {{ section.settings.review_text_color | default: '#000' }};
      margin: 0 0 {{ section.settings.review_text_margin_bottom | default: '12px' }};
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: {{ section.settings.review_text_lines | default: '3' }};
      overflow: hidden;
    }

    .default-banner__review-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .default-banner__review-author {
      display: flex;
      align-items: center;
      gap: {{ section.settings.review_author_gap | default: '5px' }};
    }

    .default-banner__review-name {
      font-weight: {{ section.settings.review_name_weight | default: '700' }};
      font-size: {{ section.settings.review_name_size | default: '18px' }};
      color: var(--db-dot-active);
      letter-spacing: {{ section.settings.review_name_letter_spacing | default: '0.6px' }};
    }

    .default-banner__review-verified {
      width: {{ section.settings.review_verified_size | default: '18px' }};
      height: {{ section.settings.review_verified_size | default: '18px' }};
      flex-shrink: 0;
    }

    .default-banner__review-stars {
      display: flex;
      gap: {{ section.settings.review_stars_gap | default: '2px' }};
    }

    .default-banner__review-stars svg {
      width: {{ section.settings.review_star_size | default: '18px' }};
      height: {{ section.settings.review_star_size | default: '18px' }};
      color: {{ section.settings.review_star_color | default: '#ff68a0' }};
    }

    .default-banner__media {
      position: relative;
      z-index: 2;
      flex-shrink: 0;
    }

    .default-banner__hero-image {
      width: {{ section.settings.hero_image_width | default: '400px' }};
      height: {{ section.settings.hero_image_height | default: '666px' }};
      border-radius: {{ section.settings.hero_image_border_radius | default: '200px' }};
      border: {{ section.settings.hero_image_border_width | default: '1px' }} solid {{ section.settings.hero_image_border_color | default: '#000' }};
      overflow: hidden;
      position: relative;
    }

    .default-banner__hero-image img,
    .default-banner__hero-image video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      cursor: pointer;
    }

    .default-banner__product-image {
      position: absolute;
      top: {{ section.settings.product_image_top | default: '-58px' }};
      right: {{ section.settings.product_image_right | default: '-85px' }};
      width: {{ section.settings.product_image_width | default: '182px' }};
      z-index: 3;
    }

    .default-banner__product-image img {
      width: 100%;
      height: auto;
    }

    .default-banner__hearts {
      position: absolute;
      bottom: {{ section.settings.hearts_bottom | default: '-7px' }};
      left: {{ section.settings.hearts_left | default: '-198px' }};
      width: {{ section.settings.hearts_width | default: '366px' }};
      z-index: 3;
    }

    .default-banner__hearts img {
      width: 100%;
      height: auto;
    }

      @media screen and (max-width: 749px) {
      .default-banner__hearts {
        width: 120px !important;
        bottom: 5px !important;
        left: -35px !important;
      }
    }

    .default-banner__offer-tag {
      position: absolute;
      top: {{ section.settings.offer_tag_top | default: '60%' }};
      right: {{ section.settings.offer_tag_right | default: '-70px' }};
      width: {{ section.settings.offer_tag_width | default: '142px' }};
      height: {{ section.settings.offer_tag_height | default: '142px' }};
      z-index: 4;
      text-decoration: none;
    }

    .default-banner__offer-tag-bg {
      position: absolute;
      inset: 0;
    }

    .default-banner__offer-tag-bg img {
      width: 100%;
      height: 100%;
    }

    .default-banner__offer-tag-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: var(--db-alert-yellow);
      line-height: {{ section.settings.offer_tag_line_height | default: '1.2' }};
      text-transform: {{ section.settings.offer_tag_text_transform | default: 'uppercase' }};
      font-weight: {{ section.settings.offer_tag_font_weight | default: '900' }};
      font-size: {{ section.settings.offer_tag_font_size | default: '23px' }};
    }

    .default-banner__offer-tag-line-1 {
      font-weight: {{ section.settings.offer_tag_line1_weight | default: '400' }};
      font-size: {{ section.settings.offer_tag_line1_size | default: '16px' }}; 
    }

    .default-banner__mobile-only {
      display: none;
    }

    .default-banner__desktop-only {
      display: block;
    }

    .default-banner__left-column {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: {{ section.settings.content_max_width | default: '660px' }};
      z-index: 3;
      position: relative;
    }

    /* Responsive styles */
    @media screen and (max-width: 1279px) {
      .default-banner {
        padding: {{ section.settings.padding_tablet_large | default: '50px 60px' }};
        gap: {{ section.settings.gap_tablet_large | default: '40px' }};
      }
      
      .default-banner__heading {
        font-size: {{ section.settings.heading_font_size_tablet_large | default: '30px' }};
      }
      
      .default-banner__hero-image {
        width: {{ section.settings.hero_image_width_tablet_large | default: '340px' }};
        height: {{ section.settings.hero_image_height_tablet_large | default: '566px' }};
      }
      
      .default-banner__offer-tag {
        width: {{ section.settings.offer_tag_width_tablet_large | default: '120px' }};
        height: {{ section.settings.offer_tag_height_tablet_large | default: '120px' }};
        right: {{ section.settings.offer_tag_right_tablet_large | default: '-50px' }};
      }
      
      .default-banner__product-image {
        width: {{ section.settings.product_image_width_tablet_large | default: '150px' }};
        top: {{ section.settings.product_image_top_tablet_large | default: '-80px' }};
        right: {{ section.settings.product_image_right_tablet_large | default: '-60px' }};
      }
    }

    @media screen and (max-width: 1023px) {
      .default-banner {
        padding: {{ section.settings.padding_tablet | default: '40px 30px' }};
      }
      
      .default-banner__wrapper {
        gap: {{ section.settings.gap_tablet | default: '30px' }};
      }
      
      .default-banner__heading {
        font-size: {{ section.settings.heading_font_size_tablet | default: '26px' }};
      }
      
      .default-banner__hero-image {
        width: {{ section.settings.hero_image_width_tablet | default: '250px' }};
        height: {{ section.settings.hero_image_height_tablet | default: '466px' }};
      }
      
      .default-banner__cta-button {
        font-size: {{ section.settings.cta_font_size_tablet | default: '17px' }};
        padding: {{ section.settings.cta_padding_tablet | default: '12px 20px' }};
      }
      
      .default-banner__cta-icon {
        width: {{ section.settings.cta_icon_width_tablet | default: '28px' }};
        height: {{ section.settings.cta_icon_height_tablet | default: '24px' }};
      }
      
      .default-banner__guarantee-text {
        font-size: {{ section.settings.guarantee_font_size_tablet | default: '14px' }};
      }
      
      .default-banner__review-avatar {
        width: {{ section.settings.review_avatar_size_tablet | default: '70px' }};
        height: {{ section.settings.review_avatar_size_tablet | default: '70px' }};
      }
      
      .default-banner__review-text {
        font-size: {{ section.settings.review_text_size_tablet | default: '13px' }};
      }
      
      .default-banner__review-name {
        font-size: {{ section.settings.review_name_size_tablet | default: '14px' }};
      }
      
      .default-banner__review-verified {
        width: {{ section.settings.review_verified_size_tablet | default: '14px' }};
        height: {{ section.settings.review_verified_size_tablet | default: '14px' }};
      }
      
      .default-banner__review-stars svg {
        width: {{ section.settings.review_star_size_tablet | default: '16px' }};
        height: {{ section.settings.review_star_size_tablet | default: '16px' }};
      }
      
      .default-banner__offer-tag {
        width: {{ section.settings.offer_tag_width_tablet | default: '100px' }};
        height: {{ section.settings.offer_tag_height_tablet | default: '100px' }};
        right: {{ section.settings.offer_tag_right_tablet | default: '-15px' }};
      }
      
      .default-banner__product-image {
        width: {{ section.settings.product_image_width_tablet | default: '120px' }};
        top: {{ section.settings.product_image_top_tablet | default: '-60px' }};
        right: {{ section.settings.product_image_right_tablet | default: '-40px' }};
      }
      
      .default-banner__hearts {
        width: {{ section.settings.hearts_width_tablet | default: '200px' }};
        bottom: {{ section.settings.hearts_bottom_tablet | default: '-10px' }};
        left: {{ section.settings.hearts_left_tablet | default: '-80px' }};
      }
      
      .default-banner__left-column {
        max-width: 100%;
      }
    }

    @media screen and (max-width: 767px) {
      .default-banner {
        padding: {{ section.settings.padding_mobile | default: '30px 20px' }};
        {% if section.settings.mobile_padding_top != blank %}
          padding-top: {{ section.settings.mobile_padding_top }};
        {% endif %}
        margin-top: 0;
        clear: both;
      }

      .default-banner__wrapper {
        flex-direction: column;
        gap: {{ section.settings.gap_mobile | default: '20px' }};
        align-items: center;
      }

      .default-banner__bg-overlay {
        opacity: {{ section.settings.overlay_opacity_mobile | default: '0.26' }};
      }

      .default-banner__left-column {
        order: 1;
        width: 100%;
        align-items: center;
      }

      .default-banner__content {
        align-items: center;
        text-align: center;
        gap: {{ section.settings.content_gap_mobile | default: '20px' }};
        max-width: 100%;
      }

      .default-banner__media {
        {% comment %} order: 2; {% endcomment %}
        width: 100%;
        display: flex;
        justify-content: center;
      }

      .default-banner__trustpilot {
        order: 3;
        justify-content: center;
        padding: 0;
        margin-top: 10px;
        flex-wrap: wrap;
      }

      .default-banner__guarantees {
        order: 4;
        justify-content: center;
        padding: {{ section.settings.guarantees_padding_mobile | default: '0' }};
        margin-top: 10px;
      }

      .default-banner__reviews {
        order: 5;
        width: 100%;
        margin-top: 20px;
      }

      .default-banner__cta-container {
        order: 6;
        width: 100%;
        max-width: {{ section.settings.cta_container_width_mobile | default: '365px' }};
        margin-top: 20px;
      }

      .default-banner__alert {
        max-width: {{ section.settings.alert_max_width_mobile | default: '349px' }};
        padding: {{ section.settings.alert_padding_mobile | default: '8px 5px' }};
      }

      .default-banner__alert-icon {
        width: {{ section.settings.alert_icon_size_mobile | default: '16px' }};
        height: {{ section.settings.alert_icon_size_mobile | default: '16px' }};
      }

      .default-banner__alert-text {
        font-size: {{ section.settings.alert_font_size_mobile | default: '14px' }};
      }

      .default-banner__heading {
        font-size: {{ section.settings.heading_font_size_mobile | default: '26px' }};
      }

      .default-banner__hero-image {
        {% comment %} width: {{ section.settings.hero_image_width_mobile | default: '325px' }}; {% endcomment %}
        width: 100%;
        height: {{ section.settings.hero_image_height_mobile | default: '518px' }};
      }

      .default-banner__cta-button {
        font-size: {{ section.settings.cta_font_size_mobile | default: '17px' }};
        padding: {{ section.settings.cta_padding_mobile | default: '14px 20px' }};
      }

      .default-banner__cta-icon {
        width: {{ section.settings.cta_icon_width_mobile | default: '28px' }};
        height: {{ section.settings.cta_icon_height_mobile | default: '24px' }};
      }

      .default-banner__guarantee-text {
        font-size: {{ section.settings.guarantee_font_size_mobile | default: '12px' }};
      }

      .default-banner__guarantee-plus {
        font-size: {{ section.settings.guarantee_plus_size_mobile | default: '9px' }};
      }

      .default-banner__product-image {
        width: {{ section.settings.product_image_width_mobile | default: '90px' }};
        top: {{ section.settings.product_image_top_mobile | default: '-10px' }};
        right: {{ section.settings.product_image_right_mobile | default: '270px' }};
      }

      .default-banner__hearts {
        width: {{ section.settings.hearts_width_mobile | default: '225px' }};
        bottom: {{ section.settings.hearts_bottom_mobile | default: '0' }};
        left: {{ section.settings.hearts_left_mobile | default: '-90px' }};
      }

      .default-banner__offer-tag {
        width: {{ section.settings.offer_tag_width_mobile | default: '93px' }};
        height: {{ section.settings.offer_tag_height_mobile | default: '93px' }};
        top: {{ section.settings.offer_tag_top_mobile | default: '31px' }};
        right: {{ section.settings.offer_tag_right_mobile | default: '-20px' }};
      }

      .default-banner__offer-tag-line-1 {
        font-size: {{ section.settings.offer_tag_line1_size_mobile | default: '11px' }};
      }

      .default-banner__offer-tag-line-2 {
        font-size: {{ section.settings.offer_tag_line2_size_mobile | default: '14px' }};
      }

      .default-banner__mobile-only {
        display: block;
      }

      .default-banner__desktop-only {
        display: none;
      }

      .default-banner__hide-mobile {
        display: none;
      }
    }
  </style>

  <!-- Swiper CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

  <section class="default-banner">
    <div class="default-banner__wrapper">
      {% if section.settings.show_background %}
        <div class="default-banner__bg" aria-hidden="true">
          <picture>
            {% if section.settings.background_image_desktop != blank %}
              <source class="background__image-desktop" media="(min-width: 1020px)" srcset="{{ section.settings.background_image_desktop | img_url: '2500x' }} 2500w, {{ section.settings.background_image_desktop | img_url: '2000x' }} 2000w, {{ section.settings.background_image_desktop | img_url: '1800x' }} 1800w, {{ section.settings.background_image_desktop | img_url: '1500x' }} 1500w, {{ section.settings.background_image_desktop | img_url: '1400x' }} 1400w, {{ section.settings.background_image_desktop | img_url: '1300x' }} 1300w, {{ section.settings.background_image_desktop | img_url: '1200x' }} 1200w, {{ section.settings.background_image_desktop | img_url: '1100x' }} 1100w, {{ section.settings.background_image_desktop | img_url: '1000x' }} 1000w, {{ section.settings.background_image_desktop | img_url: '900x' }} 900w, {{ section.settings.background_image_desktop | img_url: '800x' }} 800w">
            {% endif %}
            {% if section.settings.background_image_mobile != blank %}
              <source media="(max-width: 767px)" srcset="{{ section.settings.background_image_mobile | img_url: '900x' }} 900w, {{ section.settings.background_image_mobile | img_url: '800x' }} 800w, {{ section.settings.background_image_mobile | img_url: '700x' }} 700w, {{ section.settings.background_image_mobile | img_url: '600x' }} 600w, {{ section.settings.background_image_mobile | img_url: '500x' }} 500w, {{ section.settings.background_image_mobile | img_url: '400x' }} 400w">
            {% endif %}
            <img width="2880" height="{{ 2880 | divided_by: section.settings.background_image_desktop.aspect_ratio | round }}" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" alt="{{ section.settings.background_image_desktop.alt | default: 'Banner' }}" class="object-cover w-full h-full" fetchpriority="high" loading="lazy">
          </picture>
        </div>
      {% endif %}

      <!-- Left Column - Content, Trustpilot, Guarantees, Reviews -->
      <div class="default-banner__left-column">
        <div class="default-banner__content">
          {% if section.settings.show_logo %}
            <div class="default-banner__logo default-banner__top-row default-banner__hide-mobile">
              {% if section.settings.logo_svg != blank %}
                {{ section.settings.logo_svg }}
              {% else %}
                <img src="{{ section.settings.logo_image | img_url: 'master' }}" alt="{{ section.settings.logo_image.alt | default: 'Logo' }}" width="{{ section.settings.logo_width }}" height="{{ section.settings.logo_height }}" loading="lazy">
              {% endif %}
            </div>
          {% endif %}

          {% if section.settings.show_alert %}
            <a href="{{ section.settings.alert_link | default: '#join_pkg' }}" class="default-banner__alert default-banner__top-row">
              <div class="default-banner__alert-inner">
                <div class="default-banner__alert-icon">
                  {% if section.settings.alert_icon_svg != blank %}
                    {{ section.settings.alert_icon_svg }}
                  {% else %}
                    <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M19.8346 2.15357L17.8728 0.199196C17.7273 0.0849393 17.5447 0.0279769 17.3598 0.0391594C17.1749 0.050342 17.0006 0.128888 16.8701 0.259836C16.7396 0.390783 16.662 0.564982 16.6521 0.749251C16.6422 0.933519 16.7006 1.11498 16.8164 1.25907L17.2616 1.71008L16.3636 2.55948C13.1266 -0.85316 6.92406 -0.85316 3.68699 2.55948L2.82679 1.71008L3.27198 1.25907C3.3956 1.11527 3.46019 0.9303 3.45286 0.741119C3.44552 0.551938 3.3668 0.372483 3.23241 0.238612C3.09803 0.104741 2.91789 0.0263164 2.72798 0.0190092C2.53808 0.0117019 2.3524 0.0760506 2.20805 0.199196L0.216002 2.15357C0.074916 2.29811 -0.00275544 2.49255 7.47171e-05 2.69414C0.00290488 2.89572 0.0860048 3.08793 0.231093 3.22848C0.376182 3.36903 0.571375 3.4464 0.773731 3.44358C0.976087 3.44076 1.16903 3.35798 1.31012 3.21344L1.76286 2.76995L2.70606 3.71707C-1.63268 9.45993 2.75133 18.0817 10.0253 17.999C17.2993 18.1043 21.6833 9.48248 17.3446 3.71707L18.3255 2.76995L18.7782 3.21344C18.9237 3.3277 19.1063 3.38466 19.2912 3.37348C19.4761 3.3623 19.6504 3.28375 19.7809 3.1528C19.9114 3.02186 19.989 2.84766 19.9989 2.66339C20.0088 2.47912 19.9503 2.29766 19.8346 2.15357ZM10.0253 10.4822C9.71124 10.4627 9.41116 10.3458 9.16704 10.148C8.92292 9.95023 8.74697 9.68135 8.66382 9.37901C8.58068 9.07668 8.59448 8.75601 8.7033 8.46187C8.81213 8.16773 9.01053 7.91484 9.27075 7.73857V3.71707C9.27075 3.51771 9.35025 3.32652 9.49176 3.18555C9.63326 3.04458 9.82519 2.96539 10.0253 2.96539C10.2254 2.96539 10.4174 3.04458 10.5589 3.18555C10.7004 3.32652 10.7799 3.51771 10.7799 3.71707V7.70099C11.0561 7.8713 11.2698 8.12587 11.3892 8.42686C11.5086 8.72785 11.5273 9.05918 11.4426 9.37161C11.3578 9.68404 11.1741 9.96088 10.9188 10.161C10.6634 10.3611 10.3501 10.4737 10.0253 10.4822Z" fill="#EFF759"></path>
                    </svg>
                  {% endif %}
                </div>
                <span class="default-banner__alert-text">
                  {{ section.settings.alert_text | default: 'LIMITED TIME OFFER:' }}
                  <strong class="default-banner__alert-highlight">{{ section.settings.alert_highlight_text | default: 'GET 1 MONTH FREE' }}</strong>
                </span>
              </div>
            </a>
          {% endif %}

          {% if section.settings.heading != blank %}
            <h1 class="default-banner__heading">
              {{ section.settings.heading | replace: '[highlight]', '<span class="default-banner__heading-highlight">' | replace: '[/highlight]', '</span>' }}
            </h1>
          {% endif %}
        </div>
        
        <div class="default-banner__media default-banner__mobile-only">
        <div class="default-banner__hero-image">
          {% if section.settings.hero_video != blank %}
            <video playsinline="playsinline" class="default-banner__hero-video" autoplay="autoplay" muted="muted" loop preload="metadata" poster="{{ section.settings.hero_video.preview_image | img_url: 'medium' }}">
              <source src="{{ section.settings.hero_video.sources[0].url }}" type="video/mp4">
              <img src="{{ section.settings.hero_video.preview_image | img_url: 'medium' }}">
            </video>
          {% elsif section.settings.hero_image != blank %}
            <img src="{{ section.settings.hero_image | img_url: 'master' }}" alt="{{ section.settings.hero_image.alt }}" loading="lazy">
          {% endif %}
        </div>

        {% if section.settings.hearts_image != blank %}
          <div class="default-banner__hearts">
            <img src="{{ section.settings.hearts_image | img_url: 'master' }}" alt="" loading="lazy" width="{{ section.settings.hearts_width }}" height="auto">
          </div>
        {% endif %}

        {% if section.settings.show_offer_tag %}
          <a href="{{ section.settings.offer_tag_link | default: '#join_pkg' }}" class="default-banner__offer-tag">
            <div class="default-banner__offer-tag-bg">
              {% if section.settings.offer_tag_bg != blank %}
                <img src="{{ section.settings.offer_tag_bg | img_url: 'master' }}" alt="" loading="lazy">
              {% endif %}
            </div>
            <div class="default-banner__offer-tag-text">
              <span class="default-banner__offer-tag-line-1">{{ section.settings.offer_tag_line1 | default: 'GET' }}</span>
              {{ section.settings.offer_tag_text | default: '1 MONTH FREE' }}
            </div>
          </a>
        {% endif %}
      </div>

        <!-- Desktop CTA (visible on desktop) -->
        <div class="default-banner__cta-wrapper default-banner__desktop-only">
          {% comment %} <div class="default-banner__cta-corner--top-left"></div> {% endcomment %}
          {% comment %} <div class="default-banner__cta-corner--bottom-right"></div> {% endcomment %}
          <a href="{{ section.settings.cta_button_link | default: '/collections/all' }}" class="default-banner__cta-button">
            <span class="default-banner__cta-button-corner--top-right"></span>
            <span class="default-banner__cta-button-corner--bottom-left"></span>
            <span class="default-banner__cta-text">{{ section.settings.cta_button_text | default: 'SHOP NOW' }}</span>
            {% if section.settings.cta_button_icon != blank %}
              <span class="default-banner__cta-icon">
                <img src="{{ section.settings.cta_button_icon | img_url: 'master' }}" alt="" loading="lazy">
              </span>
            {% endif %}
          </a>
        </div>

        <!-- Desktop Trustpilot and Guarantees (visible on desktop) -->
        <div class="default-banner__desktop-only">
          {% comment %} <div class="default-banner__trustpilot">
            <div class="default-banner__trustpilot-stars">

              <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span>
            </div>
            <span class="default-banner__trustpilot-text">
              <strong>4.8 out of 5</strong> based on 13,428 reviews
            </span>
          </div> {% endcomment %}

          <div class="default-banner__trustpilot">
            <img class="max-w-[45px] sm:max-w-[65px] max-h-[160px] w-full h-auto mr-[5px]" src="{{ section.settings.reviews_img | image_url }}" width="79" height="37" alt="Customer Images" loading="lazy">
            <span>
              <count-up class="font-bold" data-target="1000000" data-delay="500" data-duration="6000" data-final-text="1M+">                
              </count-up>
            </span>
            <span> Happy Customers •</span>
            <div class="default-banner__trustpilot-stars">
              {% comment %} <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span> {% endcomment %}
              {% for i in (1..5) %}
                <svg height="20" width="20" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 53.867 53.867" xml:space="preserve" fill="#1B3D2E">
                  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                  <g id="SVGRepo_iconCarrier">
                    <polygon style="fill:#1B3D2E;" points="26.934,1.318 35.256,18.182 53.867,20.887 40.4,34.013 43.579,52.549 26.934,43.798 10.288,52.549 13.467,34.013 0,20.887 18.611,18.182 ">
                    </polygon> 
                  </g>
                </svg>
              {% endfor %}
            </div>
            <span>4.61/5</span>
          </div>

          <div class="default-banner__guarantees">
            <div class="default-banner__guarantee">
              <div class="default-banner__guarantee-check">
                <svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1 3.5L4 6.5L9 1" stroke="white" stroke-width="2" stroke-linecap="round"/>
                </svg>
              </div>
              <span class="default-banner__guarantee-text">{{ section.settings.guarantee_text_1 | default: '365-Day Money Back Guarantee' }}</span>
              <span class="default-banner__guarantee-plus">+</span>
            </div>
            <div class="default-banner__guarantee">
              <div class="default-banner__guarantee-check">
                <svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1 3.5L4 6.5L9 1" stroke="white" stroke-width="2" stroke-linecap="round"/>
                </svg>
              </div>
              <span class="default-banner__guarantee-text">{{ section.settings.guarantee_text_2 | default: 'Free Shipping' }}</span>
            </div>
          </div>
        </div>

        <!-- Reviews Section -->
        {% if section.blocks.size > 0 %}
          <div class="default-banner__reviews" id="defaultReviews-{{ section.id }}">
            <div class="swiper">
              <div class="swiper-wrapper">
                {% for block in section.blocks %}
                  <div class="swiper-slide" {{ block.shopify_attributes }}>
                    <div class="default-banner__review-card">
                      {% if block.settings.reviewer_avatar != blank %}
                        <img class="default-banner__review-avatar" src="{{ block.settings.reviewer_avatar | img_url: '180x180', crop: 'center' }}" alt="{{ block.settings.reviewer_name }}" width="90" height="90" loading="lazy">
                      {% endif %}
                      <div class="default-banner__review-body">
                        <p class="default-banner__review-text">{{ block.settings.review_text }}</p>
                        <div class="default-banner__review-bottom">
                          <div class="default-banner__review-author">
                            <span class="default-banner__review-name">{{ block.settings.reviewer_name }}</span>
                            <div class="default-banner__review-verified">
                              <svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                <g clip-path="url(#clip0_44_2975)">
                                  <path d="M17.25 9L15.42 6.9075L15.675 4.14L12.9675 3.525L11.55 1.125L9 2.22L6.45 1.125L5.0325 3.5175L2.325 4.125L2.58 6.9L0.75 9L2.58 11.0925L2.325 13.8675L5.0325 14.4825L6.45 16.875L9 15.7725L11.55 16.8675L12.9675 14.475L15.675 13.86L15.42 11.0925L17.25 9ZM7.035 12.0075L5.25 10.2075C4.9575 9.915 4.9575 9.4425 5.25 9.15L5.3025 9.0975C5.595 8.805 6.075 8.805 6.3675 9.0975L7.575 10.3125L11.4375 6.4425C11.73 6.15 12.21 6.15 12.5025 6.4425L12.555 6.495C12.8475 6.7875 12.8475 7.26 12.555 7.5525L8.115 12.0075C7.8075 12.3 7.335 12.3 7.035 12.0075Z" fill="#2F0147"></path>
                                </g>
                                <defs>
                                  <clipPath id="clip0_44_2975">
                                    <rect width="18" height="18" fill="white"></rect>
                                  </clipPath>
                                </defs>
                              </svg>
                            </div>
                          </div>
                          <div class="default-banner__review-stars">
                            {% for i in (1..5) %}
                              <svg width="15.867mm" height="15.294mm" clip-rule="evenodd" fill-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1" viewBox="0 0 277.6 267.57" xmlns="http://www.w3.org/2000/svg">
                                <polygon class="Star-fill" points="224.09 267.57 209.04 167.23 277.6 98.67 185.62 83.62 137.13 0 95.32 80.27 0 98.67 63.55 165.56 51.84 265.89 137.13 224.09" fill="currentColor"></polygon>
                                <polygon class="Star-stroke stroke-[#2f0147]" points="224.09 267.57 209.04 167.23 277.6 98.67 185.62 83.62 137.13 0 95.32 80.27 0 98.67 63.55 165.56 51.84 265.89 137.13 224.09" fill="none" stroke="currentColor" stroke-width="22"></polygon>
                              </svg>
                            {% endfor %}
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                {% endfor %}
              </div>
              <div class="swiper-pagination"></div>
            </div>
          </div>
        {% endif %}

        <!-- Mobile CTA and Bottom Elements (visible on mobile) -->
        <div class="default-banner__mobile-only" style="width: 100%;">
          <!-- Mobile CTA -->
          <div class="default-banner__cta-wrapper default-banner__cta-container" style="margin-top: 20px;">
            <div class="default-banner__cta-corner--top-left"></div>
            <div class="default-banner__cta-corner--bottom-right"></div>
            <a href="{{ section.settings.cta_button_link | default: '/collections/all' }}" class="default-banner__cta-button">
              <span class="default-banner__cta-button-corner--top-right"></span>
              <span class="default-banner__cta-button-corner--bottom-left"></span>
              <span class="default-banner__cta-text">{{ section.settings.cta_button_text | default: 'SHOP NOW' }}</span>
              {% if section.settings.cta_button_icon != blank %}
                <span class="default-banner__cta-icon">
                  <img src="{{ section.settings.cta_button_icon | img_url: 'master' }}" alt="" loading="lazy">
                </span>
              {% endif %}
            </a>
          </div>

          <!-- Mobile Trustpilot -->
          {% comment %} <div class="default-banner__trustpilot" style="margin-top: 15px; justify-content: center;">
            <div class="default-banner__trustpilot-stars">
              <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span>
              <span class="default-banner__trustpilot-star">⭐</span>
            </div>
            <span class="default-banner__trustpilot-text">
              <strong>4.8 out of 5</strong> based on 13,428 reviews
            </span>
          </div> {% endcomment %}
          <div class="default-banner__trustpilot">
            <img class="max-w-[45px] sm:max-w-[65px] max-h-[160px] w-full h-auto mr-[5px]" src="{{ section.settings.reviews_img | image_url }}" width="79" height="37" alt="Customer Images" loading="lazy">
            <span>
              <count-up class="font-bold" data-target="1000000" data-delay="500" data-duration="6000" data-final-text="1M+">                
              </count-up>
            </span>
            <span> Happy Customers •</span>
            <div class="default-banner__trustpilot-stars">
              {% for i in (1..5) %}
                <svg height="20" width="20" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 53.867 53.867" xml:space="preserve" fill="#1B3D2E">
                  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                  <g id="SVGRepo_iconCarrier">
                    <polygon style="fill:#1B3D2E;" points="26.934,1.318 35.256,18.182 53.867,20.887 40.4,34.013 43.579,52.549 26.934,43.798 10.288,52.549 13.467,34.013 0,20.887 18.611,18.182 ">
                    </polygon> 
                  </g>
                </svg>
              {% endfor %}
            </div>
            <span>4.61/5</span>
          </div>

          <!-- Mobile Guarantees -->
          <div class="default-banner__guarantees" style="margin-top: 10px; justify-content: center;">
            <div class="default-banner__guarantee">
              <div class="default-banner__guarantee-check">
                <svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1 3.5L4 6.5L9 1" stroke="white" stroke-width="2" stroke-linecap="round"/>
                </svg>
              </div>
              <span class="default-banner__guarantee-text">{{ section.settings.guarantee_text_1 | default: '365-Day Money Back Guarantee' }}</span>
              <span class="default-banner__guarantee-plus">+</span>
            </div>
            <div class="default-banner__guarantee">
              <div class="default-banner__guarantee-check">
                <svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1 3.5L4 6.5L9 1" stroke="white" stroke-width="2" stroke-linecap="round"/>
                </svg>
              </div>
              <span class="default-banner__guarantee-text">{{ section.settings.guarantee_text_2 | default: 'Free Shipping' }}</span>
            </div>
          </div>
        </div>
      </div>

      <!-- Right Column - Media -->
      <div class="default-banner__media default-banner__desktop-only">
        <div class="default-banner__hero-image">
          {% if section.settings.hero_video != blank %}
            <video playsinline="playsinline" class="default-banner__hero-video" autoplay="autoplay" muted="muted" loop preload="metadata" poster="{{ section.settings.hero_video.preview_image | img_url: 'medium' }}">
              <source src="{{ section.settings.hero_video.sources[0].url }}" type="video/mp4">
              <img src="{{ section.settings.hero_video.preview_image | img_url: 'medium' }}">
            </video>
          {% elsif section.settings.hero_image != blank %}
            <img src="{{ section.settings.hero_image | img_url: 'master' }}" alt="{{ section.settings.hero_image.alt }}" loading="lazy">
          {% endif %}
        </div>

        {% if section.settings.hearts_image != blank %}
          <div class="default-banner__hearts">
            <img src="{{ section.settings.hearts_image | img_url: 'master' }}" alt="" loading="lazy" width="{{ section.settings.hearts_width }}" height="auto">
          </div>
        {% endif %}

        {% if section.settings.show_offer_tag %}
          <a href="{{ section.settings.offer_tag_link | default: '#join_pkg' }}" class="default-banner__offer-tag">
            <div class="default-banner__offer-tag-bg">
              {% if section.settings.offer_tag_bg != blank %}
                <img src="{{ section.settings.offer_tag_bg | img_url: 'master' }}" alt="" loading="lazy">
              {% endif %}
            </div>
            <div class="default-banner__offer-tag-text">
              <span class="default-banner__offer-tag-line-1">{{ section.settings.offer_tag_line1 | default: 'GET' }}</span>
              {{ section.settings.offer_tag_text | default: '1 MONTH FREE' }}
            </div>
          </a>
        {% endif %}
      </div>
    </div>
  </section>

  <!-- Swiper JS -->
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

  <script>
    document.addEventListener('DOMContentLoaded', function () {
      const sectionEl = document.querySelector('#shopify-section-{{ section.id }}');

      // Video click handler
      const heroVideo = sectionEl.querySelector('.default-banner__hero-video');
      if (heroVideo) {
        heroVideo.addEventListener('click', function () {
          if (heroVideo.paused) {
            heroVideo.muted = false;
            heroVideo.play();
          } else {
            heroVideo.pause();
          }
        });
      }

      // Initialize Swiper for reviews
      const reviewsEl = document.querySelector('#defaultReviews-{{ section.id }} .swiper');
      
      if (reviewsEl && typeof Swiper !== 'undefined') {
        const swiper = new Swiper(reviewsEl, {
          slidesPerView: 1,
          spaceBetween: 10,
          loop: true,
          pagination: {
            el: '.swiper-pagination',
            clickable: true,
          },
          autoplay: {
            delay: {{ section.settings.reviews_interval | default: 5000 }},
            disableOnInteraction: false,
          },
          speed: 800,
        });
      }
    });
  </script>
</div>

<script>
  if (!customElements.get('count-up')) {
    class CountUp extends HTMLElement {
      connectedCallback() {
        this.target = parseInt(this.dataset.target, 10);
        this.delay = parseInt(this.dataset.delay, 10);
        this.duration = parseInt(this.dataset.duration, 10);
        this.finalText = this.dataset.finalText;
        this.hasAnimated = false;

        this.observer = new IntersectionObserver(([entry]) => {
          if (!entry.isIntersecting || this.hasAnimated) return;
          this.hasAnimated = true;
          this.observer.disconnect();
          this.textContent = '0';
          setTimeout(() => this.#animate(), this.delay);
        });

        this.observer.observe(this);
      }

      disconnectedCallback() {
        this.observer?.disconnect();
      }

      #animate() {
        const start = performance.now();

        const step = (now) => {
          const elapsed = now - start;
          const progress = Math.min(elapsed / this.duration, 1);
          const eased = progress < 0.5
            ? 4 * Math.pow(progress, 3)
            : 1 - Math.pow(-2 * progress + 2, 3) / 2;
          const current = Math.max(0, Math.round(eased * this.target));

          if (current >= 1000000) {
            this.textContent = `${Math.floor(current / 1000000)}M+`;
          } else if (current >= 1000) {
            this.textContent = `${Math.floor(current / 1000)}K+`;
          } else {
            this.textContent = current.toString();
          }

          if (progress < 1) {
            requestAnimationFrame(step);
          } else {
            this.textContent = this.finalText;
          }
        };

        requestAnimationFrame(step);
      }
    }

    customElements.define('count-up', CountUp);
  }
</script>

{% schema %}
{
  "name": "Default Banner",
  "tag": "section",
  "class": "default-banner-section",
  "max_blocks": 20,
  "settings": [
    {
      "type": "header",
      "content": "General Settings"
    },
    {
      "type": "text",
      "id": "wrapper_width",
      "label": "Wrapper Max Width",
      "default": "1400px",
      "info": "CSS value (e.g., 1400px, 90%)"
    },
    {
      "type": "text",
      "id": "gap_desktop",
      "label": "Gap (Desktop)",
      "default": "60px"
    },
    {
      "type": "text",
      "id": "padding_desktop",
      "label": "Padding (Desktop)",
      "default": "60px 125px 60px 135px"
    },
    {
      "type": "text",
      "id": "content_gap",
      "label": "Content Gap",
      "default": "30px"
    },
    {
      "type": "text",
      "id": "content_max_width",
      "label": "Content Max Width",
      "default": "660px"
    },
    {
      "type": "header",
      "content": "Colors"
    },
    {
      "type": "color",
      "id": "bg_color",
      "label": "Background Color",
      "default": "#FFF1F6"
    },
    {
      "type": "color",
      "id": "heading_color",
      "label": "Heading Color",
      "default": "#2f0147"
    },
    {
      "type": "color",
      "id": "highlight_color",
      "label": "Highlight Color",
      "default": "#fa679c"
    },
    {
      "type": "color",
      "id": "cta_bg_color",
      "label": "CTA Background Color",
      "default": "#00ad21"
    },
    {
      "type": "color",
      "id": "cta_border_color",
      "label": "CTA Border Color",
      "default": "#40a754"
    },
    {
      "type": "color",
      "id": "cta_text_color",
      "label": "CTA Text Color",
      "default": "#ffffff"
    },
    {
      "type": "color",
      "id": "alert_yellow",
      "label": "Alert Text Color",
      "default": "#eff759"
    },
    {
      "type": "color",
      "id": "alert_dark",
      "label": "Alert Highlight Color",
      "default": "#2f0147"
    },
    {
      "type": "color",
      "id": "review_border_color",
      "label": "Review Border Color",
      "default": "#2f0147"
    },
    {
      "type": "color",
      "id": "dot_active_color",
      "label": "Pagination Active Dot Color",
      "default": "#fd689e"
    },
    {
      "type": "color",
      "id": "dot_inactive_color",
      "label": "Pagination Inactive Dot Color",
      "default": "#bfbfbf"
    },
    {
      "type": "color",
      "id": "guarantee_green",
      "label": "Guarantee Check Color",
      "default": "#32cd32"
    },
    {
      "type": "color",
      "id": "guarantee_text_color",
      "label": "Guarantee Text Color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "guarantee_plus_color",
      "label": "Guarantee Plus Color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "review_text_color",
      "label": "Review Text Color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "review_card_bg",
      "label": "Review Card Background",
      "default": "#ffffff"
    },
    {
      "type": "color",
      "id": "review_star_color",
      "label": "Review Star Color",
      "default": "#ff68a0"
    },
    {
      "type": "header",
      "content": "Background"
    },
    {
      "type": "checkbox",
      "id": "show_background",
      "label": "Show Background",
      "default": true
    },
    {
      "type": "image_picker",
      "id": "background_image_desktop",
      "label": "Background Image (Desktop)"
    },
    {
      "type": "image_picker",
      "id": "background_image_mobile",
      "label": "Background Image (Mobile)"
    },
    {
      "type": "range",
      "id": "overlay_opacity",
      "label": "Overlay Opacity",
      "min": 0,
      "max": 1,
      "step": 0.1,
      "default": 0.4
    },
    {
      "type": "range",
      "id": "overlay_opacity_mobile",
      "label": "Overlay Opacity (Mobile)",
      "min": 0,
      "max": 1,
      "step": 0.1,
      "default": 0.3
    },
    {
      "type": "header",
      "content": "Logo"
    },
    {
      "type": "checkbox",
      "id": "show_logo",
      "label": "Show Logo",
      "default": true
    },
    {
      "type": "image_picker",
      "id": "logo_image",
      "label": "Logo Image"
    },
    {
      "type": "textarea",
      "id": "logo_svg",
      "label": "Logo SVG Code",
      "info": "Paste SVG code here if using custom SVG"
    },
    {
      "type": "text",
      "id": "logo_width",
      "label": "Logo Width",
      "default": "185px"
    },
    {
      "type": "text",
      "id": "logo_height",
      "label": "Logo Height",
      "default": "83px"
    },
    {
      "type": "header",
      "content": "Alert Banner"
    },
    {
      "type": "checkbox",
      "id": "show_alert",
      "label": "Show Alert Banner",
      "default": true
    },
    {
      "type": "url",
      "id": "alert_link",
      "label": "Alert Link"
    },
    {
      "type": "textarea",
      "id": "alert_icon_svg",
      "label": "Alert Icon SVG"
    },
    {
      "type": "text",
      "id": "alert_text",
      "label": "Alert Text",
      "default": "LIMITED TIME OFFER:"
    },
    {
      "type": "text",
      "id": "alert_highlight_text",
      "label": "Alert Highlight Text",
      "default": "GET 1 MONTH FREE"
    },
    {
      "type": "text",
      "id": "alert_max_width",
      "label": "Alert Max Width",
      "default": "440px"
    },
    {
      "type": "text",
      "id": "alert_padding",
      "label": "Alert Padding",
      "default": "8px 10px"
    },
    {
      "type": "text",
      "id": "alert_border_radius",
      "label": "Alert Border Radius",
      "default": "3px"
    },
    {
      "type": "color_background",
      "id": "alert_gradient",
      "label": "Alert Background Gradient",
      "default": "linear-gradient(90.36deg, #E18C98 -10.68%, #FF68A0 25.99%, #E18C98 67.27%, #FF68A0 119.28%, #FCBFC7 193.45%)"
    },
    {
      "type": "text",
      "id": "alert_inner_gap",
      "label": "Alert Inner Gap",
      "default": "4px"
    },
    {
      "type": "text",
      "id": "alert_icon_size",
      "label": "Alert Icon Size",
      "default": "20px"
    },
    {
      "type": "text",
      "id": "alert_font_size",
      "label": "Alert Font Size",
      "default": "18px"
    },
    {
      "type": "text",
      "id": "alert_font_weight",
      "label": "Alert Font Weight",
      "default": "500"
    },
    {
      "type": "text",
      "id": "alert_highlight_weight",
      "label": "Alert Highlight Weight",
      "default": "900"
    },
    {
      "type": "text",
      "id": "alert_text_transform",
      "label": "Alert Text Transform",
      "default": "uppercase"
    },
    {
      "type": "text",
      "id": "alert_letter_spacing",
      "label": "Alert Letter Spacing",
      "default": "0.6px"
    },
    {
      "type": "header",
      "content": "Heading"
    },
    {
      "type": "textarea",
      "id": "heading",
      "label": "Heading",
      "default": "Here's Why <span class=\"default-banner__heading-highlight\">Beef Organ Superfoods</span><br class=\"hidden sm:block\"> Are The Secret to Healthy Hormones & Energy",
      "info": "Use [highlight] and [/highlight] tags to wrap highlighted text"
    },
    {
      "type": "text",
      "id": "heading_font_size",
      "label": "Heading Font Size",
      "default": "36px"
    },
    {
      "type": "text",
      "id": "heading_font_weight",
      "label": "Heading Font Weight",
      "default": "800"
    },
    {
      "type": "text",
      "id": "heading_highlight_weight",
      "label": "Heading Highlight Weight",
      "default": "900"
    },
    {
      "type": "text",
      "id": "heading_line_height",
      "label": "Heading Line Height",
      "default": "1.5"
    },
    {
      "type": "header",
      "content": "CTA Section"
    },
    {
      "type": "text",
      "id": "cta_button_text",
      "label": "CTA Button Text",
      "default": "UNLOCK YOUR TRUE POWER"
    },
    {
      "type": "url",
      "id": "cta_button_link",
      "label": "CTA Button Link",
      "default": "/collections/all"
    },
    {
      "type": "image_picker",
      "id": "cta_button_icon",
      "label": "CTA Button Icon"
    },
    {
      "type": "text",
      "id": "cta_button_gap",
      "label": "CTA Button Gap",
      "default": "10px"
    },
    {
      "type": "text",
      "id": "cta_button_padding",
      "label": "CTA Button Padding",
      "default": "15px 24px"
    },
    {
      "type": "text",
      "id": "cta_font_size",
      "label": "CTA Font Size",
      "default": "21px"
    },
    {
      "type": "text",
      "id": "cta_font_weight",
      "label": "CTA Font Weight",
      "default": "700"
    },
    {
      "type": "text",
      "id": "cta_text_transform",
      "label": "CTA Text Transform",
      "default": "uppercase"
    },
    {
      "type": "text",
      "id": "cta_letter_spacing",
      "label": "CTA Letter Spacing",
      "default": "0.6px"
    },
    {
      "type": "text",
      "id": "cta_box_shadow",
      "label": "CTA Box Shadow",
      "default": "0 3px 3px 2px rgba(0, 0, 0, 0.2)"
    },
    {
      "type": "text",
      "id": "cta_icon_width",
      "label": "CTA Icon Width",
      "default": "39px"
    },
    {
      "type": "text",
      "id": "cta_icon_height",
      "label": "CTA Icon Height",
      "default": "33px"
    },
    {
      "type": "header",
      "content": "Review"
    },
    {
      "type": "image_picker",
      "id": "reviews_img",
      "label": "Reviews image"
    },
    {
      "type": "header",
      "content": "Guarantees"
    },
    {
      "type": "text",
      "id": "guarantee_text_1",
      "label": "Guarantee Text 1",
      "default": "365-Day Money Back Guarantee"
    },
    {
      "type": "text",
      "id": "guarantee_text_2",
      "label": "Guarantee Text 2",
      "default": "Free Shipping"
    },
    {
      "type": "text",
      "id": "guarantees_gap",
      "label": "Guarantees Gap",
      "default": "20px"
    },
    {
      "type": "text",
      "id": "guarantees_padding",
      "label": "Guarantees Padding",
      "default": "0 22px"
    },
    {
      "type": "text",
      "id": "guarantee_gap",
      "label": "Guarantee Item Gap",
      "default": "5px"
    },
    {
      "type": "text",
      "id": "guarantee_check_size",
      "label": "Guarantee Check Size",
      "default": "14px"
    },
    {
      "type": "text",
      "id": "guarantee_font_size",
      "label": "Guarantee Font Size",
      "default": "16px"
    },
    {
      "type": "text",
      "id": "guarantee_font_weight",
      "label": "Guarantee Font Weight",
      "default": "500"
    },
    {
      "type": "text",
      "id": "guarantee_line_height",
      "label": "Guarantee Line Height",
      "default": "1.5"
    },
    {
      "type": "header",
      "content": "Hero Media"
    },
    {
      "type": "image_picker",
      "id": "hero_image",
      "label": "Hero Image"
    },
    {
      "type": "video",
      "id": "hero_video",
      "label": "Hero Video"
    },
    {
      "type": "text",
      "id": "hero_image_width",
      "label": "Hero Image Width",
      "default": "400px"
    },
    {
      "type": "text",
      "id": "hero_image_height",
      "label": "Hero Image Height",
      "default": "666px"
    },
    {
      "type": "text",
      "id": "hero_image_border_radius",
      "label": "Hero Image Border Radius",
      "default": "200px"
    },
    {
      "type": "text",
      "id": "hero_image_border_width",
      "label": "Hero Image Border Width",
      "default": "1px"
    },
    {
      "type": "color",
      "id": "hero_image_border_color",
      "label": "Hero Image Border Color",
      "default": "#000000"
    },
    {
      "type": "header",
      "content": "Hearts Decoration"
    },
    {
      "type": "image_picker",
      "id": "hearts_image",
      "label": "Hearts Image"
    },
    {
      "type": "text",
      "id": "hearts_width",
      "label": "Hearts Width",
      "default": "366px"
    },
    {
      "type": "text",
      "id": "hearts_bottom",
      "label": "Hearts Bottom Position",
      "default": "-7px"
    },
    {
      "type": "text",
      "id": "hearts_left",
      "label": "Hearts Left Position",
      "default": "-198px"
    },
    {
      "type": "header",
      "content": "Offer Tag"
    },
    {
      "type": "checkbox",
      "id": "show_offer_tag",
      "label": "Show Offer Tag",
      "default": true
    },
    {
      "type": "image_picker",
      "id": "offer_tag_bg",
      "label": "Offer Tag Background"
    },
    {
      "type": "url",
      "id": "offer_tag_link",
      "label": "Offer Tag Link"
    },
    {
      "type": "text",
      "id": "offer_tag_line1",
      "label": "Offer Tag Line 1",
      "default": "GET"
    },
    {
      "type": "text",
      "id": "offer_tag_text",
      "label": "Offer Tag Main Text",
      "default": "1 MONTH FREE"
    },
    {
      "type": "text",
      "id": "offer_tag_width",
      "label": "Offer Tag Width",
      "default": "142px"
    },
    {
      "type": "text",
      "id": "offer_tag_height",
      "label": "Offer Tag Height",
      "default": "142px"
    },
    {
      "type": "text",
      "id": "offer_tag_top",
      "label": "Offer Tag Top Position",
      "default": "60%"
    },
    {
      "type": "text",
      "id": "offer_tag_right",
      "label": "Offer Tag Right Position",
      "default": "-70px"
    },
    {
      "type": "text",
      "id": "offer_tag_font_size",
      "label": "Offer Tag Font Size",
      "default": "23px"
    },
    {
      "type": "text",
      "id": "offer_tag_font_weight",
      "label": "Offer Tag Font Weight",
      "default": "900"
    },
    {
      "type": "text",
      "id": "offer_tag_line1_size",
      "label": "Offer Tag Line 1 Font Size",
      "default": "16px"
    },
    {
      "type": "text",
      "id": "offer_tag_line1_weight",
      "label": "Offer Tag Line 1 Font Weight",
      "default": "400"
    },
    {
      "type": "header",
      "content": "Reviews Settings"
    },
    {
      "type": "checkbox",
      "id": "reviews_autoplay",
      "label": "Enable Autoplay",
      "default": true
    },
    {
      "type": "range",
      "id": "reviews_interval",
      "label": "Autoplay Interval (ms)",
      "min": 2000,
      "max": 9000,
      "step": 500,
      "default": 5000
    },
    {
      "type": "text",
      "id": "reviews_width",
      "label": "Reviews Container Width",
      "default": "527px"
    },
    {
      "type": "text",
      "id": "pagination_gap",
      "label": "Pagination Gap",
      "default": "13px"
    },
    {
      "type": "text",
      "id": "pagination_margin_top",
      "label": "Pagination Margin Top",
      "default": "10px"
    },
    {
      "type": "text",
      "id": "pagination_dot_size",
      "label": "Pagination Dot Size",
      "default": "8px"
    },
    {
      "type": "text",
      "id": "review_card_padding",
      "label": "Review Card Padding",
      "default": "12.5px"
    },
    {
      "type": "text",
      "id": "review_card_border_width",
      "label": "Review Card Border Width",
      "default": "2px"
    },
    {
      "type": "text",
      "id": "review_card_border_radius",
      "label": "Review Card Border Radius",
      "default": "10px"
    },
    {
      "type": "text",
      "id": "review_card_gap",
      "label": "Review Card Gap",
      "default": "12.5px"
    },
    {
      "type": "text",
      "id": "review_avatar_size",
      "label": "Review Avatar Size",
      "default": "90px"
    },
    {
      "type": "text",
      "id": "review_text_size",
      "label": "Review Text Size",
      "default": "15px"
    },
    {
      "type": "text",
      "id": "review_text_weight",
      "label": "Review Text Weight",
      "default": "400"
    },
    {
      "type": "text",
      "id": "review_text_style",
      "label": "Review Text Style",
      "default": "italic"
    },
    {
      "type": "text",
      "id": "review_text_lines",
      "label": "Review Text Lines to Show",
      "default": "3"
    },
    {
      "type": "text",
      "id": "review_name_size",
      "label": "Review Name Size",
      "default": "18px"
    },
    {
      "type": "text",
      "id": "review_name_weight",
      "label": "Review Name Weight",
      "default": "700"
    },
    {
      "type": "text",
      "id": "review_verified_size",
      "label": "Review Verified Icon Size",
      "default": "18px"
    },
    {
      "type": "text",
      "id": "review_star_size",
      "label": "Review Star Size",
      "default": "18px"
    },
    {
      "type": "header",
      "content": "Responsive - Tablet Large (≤1279px)"
    },
    {
      "type": "text",
      "id": "padding_tablet_large",
      "label": "Padding",
      "default": "50px 60px"
    },
    {
      "type": "text",
      "id": "gap_tablet_large",
      "label": "Gap",
      "default": "40px"
    },
    {
      "type": "text",
      "id": "heading_font_size_tablet_large",
      "label": "Heading Font Size",
      "default": "30px"
    },
    {
      "type": "text",
      "id": "hero_image_width_tablet_large",
      "label": "Hero Image Width",
      "default": "340px"
    },
    {
      "type": "text",
      "id": "hero_image_height_tablet_large",
      "label": "Hero Image Height",
      "default": "566px"
    },
    {
      "type": "text",
      "id": "offer_tag_width_tablet_large",
      "label": "Offer Tag Width",
      "default": "120px"
    },
    {
      "type": "text",
      "id": "offer_tag_height_tablet_large",
      "label": "Offer Tag Height",
      "default": "120px"
    },
    {
      "type": "text",
      "id": "offer_tag_right_tablet_large",
      "label": "Offer Tag Right",
      "default": "-50px"
    },
    {
      "type": "text",
      "id": "product_image_width_tablet_large",
      "label": "Product Image Width",
      "default": "150px"
    },
    {
      "type": "text",
      "id": "product_image_top_tablet_large",
      "label": "Product Image Top",
      "default": "-80px"
    },
    {
      "type": "text",
      "id": "product_image_right_tablet_large",
      "label": "Product Image Right",
      "default": "-60px"
    },
    {
      "type": "header",
      "content": "Responsive - Tablet (≤1023px)"
    },
    {
      "type": "text",
      "id": "padding_tablet",
      "label": "Padding",
      "default": "40px 30px"
    },
    {
      "type": "text",
      "id": "gap_tablet",
      "label": "Gap",
      "default": "30px"
    },
    {
      "type": "text",
      "id": "heading_font_size_tablet",
      "label": "Heading Font Size",
      "default": "26px"
    },
    {
      "type": "text",
      "id": "hero_image_width_tablet",
      "label": "Hero Image Width",
      "default": "250px"
    },
    {
      "type": "text",
      "id": "hero_image_height_tablet",
      "label": "Hero Image Height",
      "default": "466px"
    },
    {
      "type": "text",
      "id": "cta_font_size_tablet",
      "label": "CTA Font Size",
      "default": "17px"
    },
    {
      "type": "text",
      "id": "cta_padding_tablet",
      "label": "CTA Padding",
      "default": "12px 20px"
    },
    {
      "type": "text",
      "id": "cta_icon_width_tablet",
      "label": "CTA Icon Width",
      "default": "28px"
    },
    {
      "type": "text",
      "id": "cta_icon_height_tablet",
      "label": "CTA Icon Height",
      "default": "24px"
    },
    {
      "type": "text",
      "id": "guarantee_font_size_tablet",
      "label": "Guarantee Font Size",
      "default": "14px"
    },
    {
      "type": "text",
      "id": "review_avatar_size_tablet",
      "label": "Review Avatar Size",
      "default": "70px"
    },
    {
      "type": "text",
      "id": "review_text_size_tablet",
      "label": "Review Text Size",
      "default": "13px"
    },
    {
      "type": "text",
      "id": "review_name_size_tablet",
      "label": "Review Name Size",
      "default": "14px"
    },
    {
      "type": "text",
      "id": "review_verified_size_tablet",
      "label": "Review Verified Size",
      "default": "14px"
    },
    {
      "type": "text",
      "id": "review_star_size_tablet",
      "label": "Review Star Size",
      "default": "16px"
    },
    {
      "type": "text",
      "id": "offer_tag_width_tablet",
      "label": "Offer Tag Width",
      "default": "100px"
    },
    {
      "type": "text",
      "id": "offer_tag_height_tablet",
      "label": "Offer Tag Height",
      "default": "100px"
    },
    {
      "type": "text",
      "id": "offer_tag_right_tablet",
      "label": "Offer Tag Right",
      "default": "-15px"
    },
    {
      "type": "text",
      "id": "product_image_width_tablet",
      "label": "Product Image Width",
      "default": "120px"
    },
    {
      "type": "text",
      "id": "product_image_top_tablet",
      "label": "Product Image Top",
      "default": "-60px"
    },
    {
      "type": "text",
      "id": "product_image_right_tablet",
      "label": "Product Image Right",
      "default": "-40px"
    },
    {
      "type": "text",
      "id": "hearts_width_tablet",
      "label": "Hearts Width",
      "default": "200px"
    },
    {
      "type": "text",
      "id": "hearts_bottom_tablet",
      "label": "Hearts Bottom",
      "default": "-10px"
    },
    {
      "type": "text",
      "id": "hearts_left_tablet",
      "label": "Hearts Left",
      "default": "-80px"
    },
    {
      "type": "header",
      "content": "Responsive - Mobile (≤767px)"
    },
    {
      "type": "text",
      "id": "padding_mobile",
      "label": "Padding",
      "default": "30px 20px"
    },
    {
      "type": "text",
      "id": "mobile_padding_top",
      "label": "Mobile Padding Top",
      "info": "Additional top padding for mobile"
    },
    {
      "type": "text",
      "id": "gap_mobile",
      "label": "Gap",
      "default": "20px"
    },
    {
      "type": "text",
      "id": "content_gap_mobile",
      "label": "Content Gap",
      "default": "20px"
    },
    {
      "type": "text",
      "id": "alert_max_width_mobile",
      "label": "Alert Max Width",
      "default": "349px"
    },
    {
      "type": "text",
      "id": "alert_padding_mobile",
      "label": "Alert Padding",
      "default": "8px 5px"
    },
    {
      "type": "text",
      "id": "alert_icon_size_mobile",
      "label": "Alert Icon Size",
      "default": "16px"
    },
    {
      "type": "text",
      "id": "alert_font_size_mobile",
      "label": "Alert Font Size",
      "default": "14px"
    },
    {
      "type": "text",
      "id": "heading_font_size_mobile",
      "label": "Heading Font Size",
      "default": "26px"
    },
    {
      "type": "text",
      "id": "hero_image_width_mobile",
      "label": "Hero Image Width",
      "default": "325px"
    },
    {
      "type": "text",
      "id": "hero_image_height_mobile",
      "label": "Hero Image Height",
      "default": "518px"
    },
    {
      "type": "text",
      "id": "reviews_width_mobile",
      "label": "Reviews Width",
      "default": "330px"
    },
    {
      "type": "text",
      "id": "cta_font_size_mobile",
      "label": "CTA Font Size",
      "default": "17px"
    },
    {
      "type": "text",
      "id": "cta_padding_mobile",
      "label": "CTA Padding",
      "default": "14px 20px"
    },
    {
      "type": "text",
      "id": "cta_icon_width_mobile",
      "label": "CTA Icon Width",
      "default": "28px"
    },
    {
      "type": "text",
      "id": "cta_icon_height_mobile",
      "label": "CTA Icon Height",
      "default": "24px"
    },
    {
      "type": "text",
      "id": "guarantee_font_size_mobile",
      "label": "Guarantee Font Size",
      "default": "12px"
    },
    {
      "type": "text",
      "id": "guarantee_plus_size_mobile",
      "label": "Guarantee Plus Size",
      "default": "9px"
    },
    {
      "type": "text",
      "id": "guarantees_padding_mobile",
      "label": "Guarantees Padding",
      "default": "0"
    },
    {
      "type": "text",
      "id": "product_image_width_mobile",
      "label": "Product Image Width",
      "default": "90px"
    },
    {
      "type": "text",
      "id": "product_image_top_mobile",
      "label": "Product Image Top",
      "default": "-10px"
    },
    {
      "type": "text",
      "id": "product_image_right_mobile",
      "label": "Product Image Right",
      "default": "270px"
    },
    {
      "type": "text",
      "id": "hearts_width_mobile",
      "label": "Hearts Width",
      "default": "225px"
    },
    {
      "type": "text",
      "id": "hearts_bottom_mobile",
      "label": "Hearts Bottom",
      "default": "0"
    },
    {
      "type": "text",
      "id": "hearts_left_mobile",
      "label": "Hearts Left",
      "default": "-90px"
    },
    {
      "type": "text",
      "id": "offer_tag_width_mobile",
      "label": "Offer Tag Width",
      "default": "93px"
    },
    {
      "type": "text",
      "id": "offer_tag_height_mobile",
      "label": "Offer Tag Height",
      "default": "93px"
    },
    {
      "type": "text",
      "id": "offer_tag_top_mobile",
      "label": "Offer Tag Top",
      "default": "31px"
    },
    {
      "type": "text",
      "id": "offer_tag_right_mobile",
      "label": "Offer Tag Right",
      "default": "-20px"
    },
    {
      "type": "text",
      "id": "offer_tag_line1_size_mobile",
      "label": "Offer Tag Line 1 Size",
      "default": "11px"
    },
    {
      "type": "text",
      "id": "offer_tag_line2_size_mobile",
      "label": "Offer Tag Line 2 Size",
      "default": "14px"
    }
  ],
  "blocks": [
    {
      "type": "review",
      "name": "Review",
      "settings": [
        {
          "type": "image_picker",
          "id": "reviewer_avatar",
          "label": "Reviewer Avatar"
        },
        {
          "type": "text",
          "id": "reviewer_name",
          "label": "Reviewer Name",
          "default": "Sarah R."
        },
        {
          "type": "textarea",
          "id": "review_text",
          "label": "Review Text",
          "default": "Since using this product, I feel more balanced, focused, and energized. Highly recommended!"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Default Banner",
      "category": "Custom",
      "blocks": [
        {
          "type": "review",
          "settings": {
            "reviewer_name": "Sarah R.",
            "review_text": "Since using Primal Queen, I feel more balanced, focused, and energized. Highly recommended!"
          }
        },
        {
          "type": "review",
          "settings": {
            "reviewer_name": "Emma L.",
            "review_text": "I feel more energized and even have less bloating. And most importantly, it’s helped in the bedroom"
          }
        },
        {
          "type": "review",
          "settings": {
            "reviewer_name": "Jennifer M.",
            "review_text": "We all heard that beef organs are the superstar of our diets but finding an actual company that tailors to our exact needs is a life saver"
          }
        },
        {
          "type": "review",
          "settings": {
            "reviewer_name": "Samantha H.",
            "review_text": "Better sleep, better PMS, lower estrogen which is indirectly the cause to fix many other issues with balancing my hormones."
          }
        },
        {
          "type": "review",
          "settings": {
            "reviewer_name": "Olivia T.",
            "review_text": "The monthly delivery is very convenient and comes right when my jar is going empty so I never run out and always keep feeling my best"
          }
        }
      ]
    }
  ]
}
{% endschema %}