/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 21:12 Unexpected "{"
Line 21:24 Expected ":"
Line 21:27 Unexpected "<"
Line 22:5 Unexpected "{"
Line 22:25 Expected ":"
Line 24:4 Unexpected "{"
Line 24:5 Unexpected "{"
Line 24:7 Expected identifier but found "'base.css'"
Line 25:4 Unexpected "{"
... and 4 more hidden warnings

**/
<!doctype html>
<html lang="{{ request.locale.iso_code }}">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>{{ page_title }}</title>
    {{ content_for_header }}

    {{ 'base.css'  | asset_url | stylesheet_tag }}
    {{ 'drive.css' | asset_url | stylesheet_tag }}

    <style>
      footer { background-color: #f5e1d0 !important; }

      .crave4-nav {
        display:flex; flex-wrap:wrap; justify-content:center;
        gap:12px; list-style:none; margin:16px 0 24px; padding:0;
      }
      .crave4-nav .nav-link{
        background-color:#ca4e00; color:#fff !important;
        padding:10px 20px; border-radius:9999px; font-weight:700;
        text-decoration:none; font-size:15px; display:inline-block;
      }
      .crave4-nav .nav-link:hover{ background-color:#a13d00; }

      @media (max-width:500px){
        .crave4-nav{ gap:10px; }
        .crave4-nav .nav-link{ font-size:14px; padding:8px 14px; }
      }

      .mobile-nav{
        position:fixed; top:0; left:-100%;
        width:80%; height:100%; background:#fff; z-index:1001;
        padding:40px 20px; box-shadow:2px 0 12px rgba(0,0,0,.2);
        transition:left .3s ease-in-out;
      }
      .mobile-nav.open{ left:0; }
      .mobile-nav a{
        display:block; padding:14px 0; font-size:18px;
        color:#ca4e00; font-weight:700; text-decoration:none;
      }
      .mobile-nav a:hover{ color:#a13d00; }

      .nav-overlay{
        display:none; position:fixed; inset:0;
        background:rgba(0,0,0,.4); z-index:1000;
      }
      .nav-overlay.show{ display:block; }

      body.lock-scroll{ overflow:hidden; }

      /* Announcement bar */
      .crave4-announcement-bar{
        background-color:#ca4e00; color:#fff;
        font-size:16px; font-weight:600;
        white-space:nowrap; overflow:hidden; position:relative;
        height:40px; display:flex; align-items:center;
      }
      .crave4-announcement-bar span{
        display:inline-block; padding-left:100%;
        animation:scrollText 12s linear infinite;
      }
      @keyframes scrollText{
        0%{ transform:translateX(0); }
        100%{ transform:translateX(-100%); }
      }
      @media (prefers-reduced-motion:reduce){
        .crave4-announcement-bar span{ animation:none; padding-left:0; }
      }

      /* ===== Hide slider arrows ONLY inside Fan Favorites ===== */
      .fan-favorites-carousel slider-component .slider-button,
      .fan-favorites-carousel .slider-buttons,
      .fan-favorites-carousel .slider-button,
      .fan-favorites-carousel .slider-button--prev,
      .fan-favorites-carousel .slider-button--next,
      .fan-favorites-carousel [aria-label="Previous slide"],
      .fan-favorites-carousel [aria-label="Next slide"],
      .fan-favorites-carousel .slick-prev,
      .fan-favorites-carousel .slick-next,
      .fan-favorites-carousel .swiper-button-prev,
      .fan-favorites-carousel .swiper-button-next,
      .fan-favorites-carousel .flickity-button {
        display:none !important;
      }
      /* If theme places arrow bars adjacent to the section */
      .fan-favorites-carousel + .slider-buttons,
      .fan-favorites-carousel ~ .slider-buttons { display:none !important; }
      /* Prevent lone chevron glyphs just under the dots */
      .fan-favorites-carousel .carousel-dots + *:is(button, a, span) {
        font-size:0 !important; line-height:0 !important;
      }
    </style>
  </head>

  <body class="{% if request.path contains 'join-the-crave4-fundraiser' %}page-title-hidden{% endif %}">

    <!-- 🔶 Announcement Bar -->
    <div class="crave4-announcement-bar" role="region" aria-label="Store announcement">
      <span>From Ballpark to Store Shelves • Crave4 is winning fans and shelf space • From Stadium Cheers to Store Aisles • </span>
    </div>

    <!-- Header Row -->
    <div style="display:flex; justify-content:space-between; align-items:center; padding:12px 20px;">
      <!-- Hamburger -->
      <div>
        <button id="hamburger"
/* ==== Force show Dawn slider dots on mobile ==== */
@media (max-width: 749px){
  /* Make sure the counter (dots wrapper) is visible */
  slider-component .slider-counter,
  .slider-counter {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 14px;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Each dot */
  .slider-counter__link,
  .slider-counter__link--dots {
    width: 10px;
    height: 10px;
    border-radius: 9999px;
    background: #ca4e00;
    opacity: .35;
    display: inline-block !important;
  }

  /* Active dot */
  .slider-counter__link--active,
  .slider-counter__link[aria-current="true"] {
    opacity: 1 !important;
  }

  /* Sometimes Dawn hides the counter when arrows are hidden — unhide explicitly */
  .slider-buttons + .slider-counter,
  .slider-counter:not(:empty) {
    display: flex !important;
  }
}/* ==== Force show Dawn slider dots on mobile ==== */
@media (max-width: 749px){
  /* Make sure the counter (dots wrapper) is visible */
  slider-component .slider-counter,
  .slider-counter {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 14px;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Each dot */
  .slider-counter__link,
  .slider-counter__link--dots {
    width: 10px;
    height: 10px;
    border-radius: 9999px;
    background: #ca4e00;
    opacity: .35;
    display: inline-block !important;
  }

  /* Active dot */
  .slider-counter__link--active,
  .slider-counter__link[aria-current="true"] {
    opacity: 1 !important;
  }

  /* Sometimes Dawn hides the counter when arrows are hidden — unhide explicitly */
  .slider-buttons + .slider-counter,
  .slider-counter:not(:empty) {
    display: flex !important;
  }
}
