Showing source for: https://espegard.com/
Duration: 0.312413s
Server: cloudflare



<!doctype html>
<html 
  class="no-js overflow-hidden" 
  lang="en"
  
>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://espegard.com/">
    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//espegard.com/cdn/shop/files/Frame_16.jpg?crop=center&height=32&v=1706881803&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Espegard® | The Campfire Pan - Designed in Norway
 &ndash; Espegard® North America</title>

    
      <meta name="description" content="Outdoor Fireplace. Designed in Norway, made in Europe. Contributing to active, meaningful outdoor living is key for us. Since the early 2000s, our Espegard Campfire Pan has become a Norwegian favorite for campfires and grilling, creating unforgettable, cozy moments for garden parties, birthdays, and everyday life.">
    

    

<meta property="og:site_name" content="Espegard® North America">
<meta property="og:url" content="https://espegard.com/">
<meta property="og:title" content="Espegard® | The Campfire Pan - Designed in Norway">
<meta property="og:type" content="website">
<meta property="og:description" content="Outdoor Fireplace. Designed in Norway, made in Europe. Contributing to active, meaningful outdoor living is key for us. Since the early 2000s, our Espegard Campfire Pan has become a Norwegian favorite for campfires and grilling, creating unforgettable, cozy moments for garden parties, birthdays, and everyday life."><meta property="og:image" content="http://espegard.com/cdn/shop/files/espegard-social-sharing.jpg?v=1710159006">
  <meta property="og:image:secure_url" content="https://espegard.com/cdn/shop/files/espegard-social-sharing.jpg?v=1710159006">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Espegard® | The Campfire Pan - Designed in Norway">
<meta name="twitter:description" content="Outdoor Fireplace. Designed in Norway, made in Europe. Contributing to active, meaningful outdoor living is key for us. Since the early 2000s, our Espegard Campfire Pan has become a Norwegian favorite for campfires and grilling, creating unforgettable, cozy moments for garden parties, birthdays, and everyday life.">

    
<style data-shopify>
    @font-face {
  font-family: Agmena;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//espegard.com/cdn/fonts/agmena/agmena_n4.3af5f6895b08d0828df5a4c82bf479ef1d883629.woff2?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=e63e005731d8e5f421b6c46a07710c6cb53c2aa4977a34bd82d5aac8bed1e7a1") format("woff2"),
       url("//espegard.com/cdn/fonts/agmena/agmena_n4.2dd82c4d67090c3511e6a391c4511965ce105328.woff?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=3471e9b3b58523ad07f9cea7b2d3c67513fa5f89d4cb90147f01db34598ac3f3") format("woff");
}

    @font-face {
  font-family: Agmena;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//espegard.com/cdn/fonts/agmena/agmena_n7.a36484d9e3f365a06f31d8d08f4484807505e7d8.woff2?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=8c55b8db8b2a7a4d4bbf9f9e0164ec0563b23d8791aad84cbec6f45acce15fa6") format("woff2"),
       url("//espegard.com/cdn/fonts/agmena/agmena_n7.ec75b0619c1796b16d8bdd12d90c2748935202bc.woff?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=21f8438fe7b96a4468622fd74411f206787c2932977f1d639e59d9f492e5eb55") format("woff");
}

    @font-face {
  font-family: Agmena;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//espegard.com/cdn/fonts/agmena/agmena_i4.b945016cb7cb86cb67550b82f25cc63af6ffd61a.woff2?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=fa210f0e8b2740fa3d9199bb6f145f1316399c49dbd4684fde65ab9dda24d4b8") format("woff2"),
       url("//espegard.com/cdn/fonts/agmena/agmena_i4.9531bc1be5675c3eddd4fd03d8f8df8314af74b3.woff?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=ca569be463826b367ecec593d6499c409f8feb4936e5a470d10697d4aa3d1e8b") format("woff");
}

    @font-face {
  font-family: Agmena;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//espegard.com/cdn/fonts/agmena/agmena_i7.4140653cb77b9a790c0e1b90c9ac82fea360506e.woff2?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=f0193dd9892a6b09eb29debad670a9c408a631f4cf25e8f91925daa74024a259") format("woff2"),
       url("//espegard.com/cdn/fonts/agmena/agmena_i7.0fe934b2a5cf65bd6d5831477a0684217f8fafd3.woff?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=25b959a0c3aab5ac54f84755d1871030544460fdf485637ac22b62534948e4fb") format("woff");
}

    @font-face {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//espegard.com/cdn/fonts/roboto_condensed/robotocondensed_n7.a8dcc495520a7cc0e796688956d83e7a5274e247.woff2?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=591cb6c0e1316164b0df3ec99abebb5f03133a5863b9fee4400914dd0b245cff") format("woff2"),
       url("//espegard.com/cdn/fonts/roboto_condensed/robotocondensed_n7.42ef03157aa2a002e25bb3dfa99c3e6719fa428a.woff?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=b4ff8f3546dfb43a1c1e8abdb632b48150e896ee49fee186e8f70f5d1bcb58f4") format("woff");
}

		@font-face {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//espegard.com/cdn/fonts/roboto_condensed/robotocondensed_n7.a8dcc495520a7cc0e796688956d83e7a5274e247.woff2?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=591cb6c0e1316164b0df3ec99abebb5f03133a5863b9fee4400914dd0b245cff") format("woff2"),
       url("//espegard.com/cdn/fonts/roboto_condensed/robotocondensed_n7.42ef03157aa2a002e25bb3dfa99c3e6719fa428a.woff?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=b4ff8f3546dfb43a1c1e8abdb632b48150e896ee49fee186e8f70f5d1bcb58f4") format("woff");
}
@font-face {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//espegard.com/cdn/fonts/roboto_condensed/robotocondensed_n7.a8dcc495520a7cc0e796688956d83e7a5274e247.woff2?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=591cb6c0e1316164b0df3ec99abebb5f03133a5863b9fee4400914dd0b245cff") format("woff2"),
       url("//espegard.com/cdn/fonts/roboto_condensed/robotocondensed_n7.42ef03157aa2a002e25bb3dfa99c3e6719fa428a.woff?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=b4ff8f3546dfb43a1c1e8abdb632b48150e896ee49fee186e8f70f5d1bcb58f4") format("woff");
}
@font-face {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//espegard.com/cdn/fonts/roboto_condensed/robotocondensed_n7.a8dcc495520a7cc0e796688956d83e7a5274e247.woff2?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=591cb6c0e1316164b0df3ec99abebb5f03133a5863b9fee4400914dd0b245cff") format("woff2"),
       url("//espegard.com/cdn/fonts/roboto_condensed/robotocondensed_n7.42ef03157aa2a002e25bb3dfa99c3e6719fa428a.woff?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=b4ff8f3546dfb43a1c1e8abdb632b48150e896ee49fee186e8f70f5d1bcb58f4") format("woff");
}
@font-face {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//espegard.com/cdn/fonts/roboto_condensed/robotocondensed_n7.a8dcc495520a7cc0e796688956d83e7a5274e247.woff2?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=591cb6c0e1316164b0df3ec99abebb5f03133a5863b9fee4400914dd0b245cff") format("woff2"),
       url("//espegard.com/cdn/fonts/roboto_condensed/robotocondensed_n7.42ef03157aa2a002e25bb3dfa99c3e6719fa428a.woff?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=b4ff8f3546dfb43a1c1e8abdb632b48150e896ee49fee186e8f70f5d1bcb58f4") format("woff");
}

    :root {
				--animation-duration: 600ms;

				--animation-fade-in-up: z-fade-in-up var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
				--animation-fade-in-left: z-fade-in-left var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
				--animation-fade-in-right: z-fade-in-right var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
				--animation-fade-in-left-rtl: z-fade-in-left-rtl var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
				--animation-fade-in-right-rtl: z-fade-in-right-rtl var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
  			--animation-fade-in: z-fade-in calc(var(--animation-duration) * 2) cubic-bezier(0, 0, 0.3, 1) forwards;
				--animation-zoom-fade: z-zoom-fade var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;

        --font-body-family: Agmena, serif;
        --font-body-style: normal;
        --font-body-weight: 400;
				--font-menu-weight: 700;
				--font-btn-weight: 700;

        --font-heading-family: "Roboto Condensed", sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 700;
        --font-subheading-weight: 700;
        --font-pcard-title-weight: 700;

        
            --font-btn-family: "Roboto Condensed", sans-serif;
        
        
            --font-menu-family: "Roboto Condensed", sans-serif;
        

				
            --font-subheading-family: "Roboto Condensed", sans-serif;
        

        
            --navigation-transform: uppercase;
        
        
            --btn-transform: uppercase;
        
        
            --product-title-transform: uppercase;
        
        
            --font-heading-transform: uppercase;
        
				
						--font-mega-transform: uppercase;
				
				--font-subheading-transform: uppercase;

        --font-body-scale: 1.26;
        --font-heading-scale: 0.7936507936507936;
				--font-subheading-scale: 0.746031746031746;
				--font-mega-scale: 3.9682539682539684;
				--font-pcard-title-scale: 0.7936507936507936;
        --font-heading-spacing: 0px;
				--font-subheading-spacing: 1px;

        --font-hxl-size: calc(var(--font-mega-scale) * 1rem);
				--font-h0-size: calc(var(--font-heading-scale) * 4.8rem);
        --font-h1-size: calc(var(--font-heading-scale) * 4rem);
        --font-h2-size: calc(var(--font-heading-scale) * 3.4rem);
        --font-h3-size: calc(var(--font-heading-scale) * 2.8rem);
        --font-h4-size: calc(var(--font-heading-scale) * 2.2rem);
        --font-h5-size: calc(var(--font-heading-scale) * 1.8rem);
        --font-h6-size: calc(var(--font-heading-scale) * 1.6rem);
				--font-subheading-size: calc(var(--font-subheading-scale) * 1.5rem);
				--font-pcard-title-size: calc(var(--font-pcard-title-scale) * 1.5rem);

				--font-heading-mobile-scale: 0.6349206349206349;

        --btn-height: 46px;
        --btn-rounded: 2px;

        --color-header-transparent-text: #fff;
        --color-cart-bubble: #222222;
        --color-overlay-bg: #222222;
        --color-overlay-alpha: 64;
        --color-badge-sale: #c63e2c;
        --color-badge-soldout: #222222;
        --color-badge-hot: #222222;
        --color-badge-new: #1d5904;

        --spacing-sections-desktop: 80px;
        --spacing-sections-mobile: 40px;
        --container-width: 1270px;
        --fluid-container-width: 1620px;
        --narrow-container-width: 720px;
        --fluid-offset: 4rem;
        --arrow-down: url(//espegard.com/cdn/shop/t/5/assets/ar-down.svg?v=31605338494599912611709279067);
        --card-corner-radius: 0px;
        --color-swatch-radius: 50%;
        --color-swatch-size: 3.6rem;
        --column-gap-mobile: min(var(--column-gap,1.6rem));
        --header-padding-bottom: 4rem;
        --header-padding-bottom-large: 6rem;
        --header-padding-bottom-mobile: 3.2rem;
    }

    

:root{
                --color-base-text: 47, 46, 40;
                --color-base-heading: 47, 46, 40;
                --color-base-primary: 47, 46, 40;
                --color-base-background-1: 246, 243, 237;
                --color-base-background-2: 238, 234, 224;
            }
            :root,.color-background-1, .tippy-box[data-theme~='color-background-1'] {
            --color-primary: #2F2E28;
            --color-border: #EEEAE0;
            --color-background: #F6F3ED;
            --color-text-body: #2F2E28;
            --color-text-heading: #2F2E28;
            --color-link: #2F2E28;
            --color-link-hover: #2F2E28;
            --color-bg-1: #F6F3ED;
            --color-bg-2: #EEEAE0;
            --color-btn-bg: #2F2E28;
            --color-btn-text: #F6F3ED;
            --color-btn-secondary-bg: #EEEAE0;
            --color-btn-secondary-text: #2F2E28;
            --color-btn-bg-hover: #2F2E28;
            --color-btn-text-hover: #F6F3ED;
            --color-field-bg: #F6F3ED;
            --color-field-text: #2F2E28;
            --color-field-text-rgb: 47, 46, 40; 
            --color-tooltip-bg: #2F2E28;
            --color-tooltip-text: #F6F3ED;
            --color-product-title: #2F2E28;
            --color-product-price: #2F2E28;
            --color-header-bg: #F6F3ED;
            --color-header-text: #2F2E28;
            --color-menu-text: #2F2E28;
            --color-menu-text-hover: #2F2E28;
            --color-foreground: 47, 46, 40;
            --color-btn-before: #666457;
        }
       @media screen and (max-width: 767.98px) {
        .md-down\:color-background-1 {
            --color-primary: #2F2E28;
            --color-border: #EEEAE0;
            --color-background: #F6F3ED;
            --color-text-body: #2F2E28;
            --color-text-heading: #2F2E28;
            --color-link: #2F2E28;
            --color-link-hover: #2F2E28;
            --color-bg-1: #F6F3ED;
            --color-bg-2: #EEEAE0;
            --color-btn-bg: #2F2E28;
            --color-btn-text: #F6F3ED;
            --color-btn-secondary-bg: #EEEAE0;
            --color-btn-secondary-text: #2F2E28;
            --color-btn-bg-hover: #2F2E28;
            --color-btn-text-hover: #F6F3ED;
            --color-field-bg: #F6F3ED;
            --color-field-text: #2F2E28;
            --color-field-text-rgb: 47, 46, 40; 
            --color-tooltip-bg: #2F2E28;
            --color-tooltip-text: #F6F3ED;
            --color-product-title: #2F2E28;
            --color-product-price: #2F2E28;
            --color-header-bg: #F6F3ED;
            --color-header-text: #2F2E28;
            --color-menu-text: #2F2E28;
            --color-menu-text-hover: #2F2E28;
            --color-foreground: 47, 46, 40;
            --color-btn-before: #666457;
        }
       }
    

.color-background-2, .tippy-box[data-theme~='color-background-2'] {
            --color-primary: #2F2E28;
            --color-border: #EEEAE0;
            --color-background: #EEEAE0;
            --color-text-body: #2F2E28;
            --color-text-heading: #2F2E28;
            --color-link: #2F2E28;
            --color-link-hover: #2F2E28;
            --color-bg-1: #EEEAE0;
            --color-bg-2: #F6F3ED;
            --color-btn-bg: #2F2E28;
            --color-btn-text: #ffffff;
            --color-btn-secondary-bg: #EEEAE0;
            --color-btn-secondary-text: #2F2E28;
            --color-btn-bg-hover: #2F2E28;
            --color-btn-text-hover: #ffffff;
            --color-field-bg: #ffffff;
            --color-field-text: #2F2E28;
            --color-field-text-rgb: 47, 46, 40; 
            --color-tooltip-bg: #2F2E28;
            --color-tooltip-text: #ffffff;
            --color-product-title: #2F2E28;
            --color-product-price: #2F2E28;
            --color-header-bg: #EEEAE0;
            --color-header-text: #2F2E28;
            --color-menu-text: #2F2E28;
            --color-menu-text-hover: #2F2E28;
            --color-foreground: 47, 46, 40;
            --color-btn-before: #666457;
        }
       @media screen and (max-width: 767.98px) {
        .md-down\:color-background-2 {
            --color-primary: #2F2E28;
            --color-border: #EEEAE0;
            --color-background: #EEEAE0;
            --color-text-body: #2F2E28;
            --color-text-heading: #2F2E28;
            --color-link: #2F2E28;
            --color-link-hover: #2F2E28;
            --color-bg-1: #EEEAE0;
            --color-bg-2: #F6F3ED;
            --color-btn-bg: #2F2E28;
            --color-btn-text: #ffffff;
            --color-btn-secondary-bg: #EEEAE0;
            --color-btn-secondary-text: #2F2E28;
            --color-btn-bg-hover: #2F2E28;
            --color-btn-text-hover: #ffffff;
            --color-field-bg: #ffffff;
            --color-field-text: #2F2E28;
            --color-field-text-rgb: 47, 46, 40; 
            --color-tooltip-bg: #2F2E28;
            --color-tooltip-text: #ffffff;
            --color-product-title: #2F2E28;
            --color-product-price: #2F2E28;
            --color-header-bg: #EEEAE0;
            --color-header-text: #2F2E28;
            --color-menu-text: #2F2E28;
            --color-menu-text-hover: #2F2E28;
            --color-foreground: 47, 46, 40;
            --color-btn-before: #666457;
        }
       }
    

.color-inverse, .tippy-box[data-theme~='color-inverse'] {
            --color-primary: #2F2E28;
            --color-border: #F6F3ED;
            --color-background: #2F2E28;
            --color-text-body: #f6f3ed;
            --color-text-heading: #F6F3ED;
            --color-link: #f6f3ed;
            --color-link-hover: #f6f3ed;
            --color-bg-1: #2F2E28;
            --color-bg-2: #2F2E28;
            --color-btn-bg: #212121;
            --color-btn-text: #2F2E28;
            --color-btn-secondary-bg: #F6F3ED;
            --color-btn-secondary-text: #2F2E28;
            --color-btn-bg-hover: #F6F3ED;
            --color-btn-text-hover: #2F2E28;
            --color-field-bg: #F6F3ED;
            --color-field-text: #2F2E28;
            --color-field-text-rgb: 47, 46, 40; 
            --color-tooltip-bg: #F6F3ED;
            --color-tooltip-text: #2F2E28;
            --color-product-title: #F6F3ED;
            --color-product-price: #F6F3ED;
            --color-header-bg: #2F2E28;
            --color-header-text: #f6f3ed;
            --color-menu-text: #f6f3ed;
            --color-menu-text-hover: #f6f3ed;
            --color-foreground: 246, 243, 237;
            --color-btn-before: #ffffff;
        }
       @media screen and (max-width: 767.98px) {
        .md-down\:color-inverse {
            --color-primary: #2F2E28;
            --color-border: #F6F3ED;
            --color-background: #2F2E28;
            --color-text-body: #f6f3ed;
            --color-text-heading: #F6F3ED;
            --color-link: #f6f3ed;
            --color-link-hover: #f6f3ed;
            --color-bg-1: #2F2E28;
            --color-bg-2: #2F2E28;
            --color-btn-bg: #212121;
            --color-btn-text: #2F2E28;
            --color-btn-secondary-bg: #F6F3ED;
            --color-btn-secondary-text: #2F2E28;
            --color-btn-bg-hover: #F6F3ED;
            --color-btn-text-hover: #2F2E28;
            --color-field-bg: #F6F3ED;
            --color-field-text: #2F2E28;
            --color-field-text-rgb: 47, 46, 40; 
            --color-tooltip-bg: #F6F3ED;
            --color-tooltip-text: #2F2E28;
            --color-product-title: #F6F3ED;
            --color-product-price: #F6F3ED;
            --color-header-bg: #2F2E28;
            --color-header-text: #f6f3ed;
            --color-menu-text: #f6f3ed;
            --color-menu-text-hover: #f6f3ed;
            --color-foreground: 246, 243, 237;
            --color-btn-before: #ffffff;
        }
       }
    

.color-accent, .tippy-box[data-theme~='color-accent'] {
            --color-primary: #222222;
            --color-border: #ffffff;
            --color-background: #bb2211;
            --color-text-body: #ffffff;
            --color-text-heading: #ffffff;
            --color-link: #ffffff;
            --color-link-hover: #ffffff;
            --color-bg-1: #bb2211;
            --color-bg-2: #222222;
            --color-btn-bg: #ffffff;
            --color-btn-text: #222222;
            --color-btn-secondary-bg: #ededed;
            --color-btn-secondary-text: #222222;
            --color-btn-bg-hover: #ffffff;
            --color-btn-text-hover: #222222;
            --color-field-bg: #ffffff;
            --color-field-text: #222222;
            --color-field-text-rgb: 34, 34, 34; 
            --color-tooltip-bg: #ffffff;
            --color-tooltip-text: #222222;
            --color-product-title: #ffffff;
            --color-product-price: #ffffff;
            --color-header-bg: #bb2211;
            --color-header-text: #ffffff;
            --color-menu-text: #ffffff;
            --color-menu-text-hover: #ffffff;
            --color-foreground: 255, 255, 255;
            --color-btn-before: #ffffff;
        }
       @media screen and (max-width: 767.98px) {
        .md-down\:color-accent {
            --color-primary: #222222;
            --color-border: #ffffff;
            --color-background: #bb2211;
            --color-text-body: #ffffff;
            --color-text-heading: #ffffff;
            --color-link: #ffffff;
            --color-link-hover: #ffffff;
            --color-bg-1: #bb2211;
            --color-bg-2: #222222;
            --color-btn-bg: #ffffff;
            --color-btn-text: #222222;
            --color-btn-secondary-bg: #ededed;
            --color-btn-secondary-text: #222222;
            --color-btn-bg-hover: #ffffff;
            --color-btn-text-hover: #222222;
            --color-field-bg: #ffffff;
            --color-field-text: #222222;
            --color-field-text-rgb: 34, 34, 34; 
            --color-tooltip-bg: #ffffff;
            --color-tooltip-text: #222222;
            --color-product-title: #ffffff;
            --color-product-price: #ffffff;
            --color-header-bg: #bb2211;
            --color-header-text: #ffffff;
            --color-menu-text: #ffffff;
            --color-menu-text-hover: #ffffff;
            --color-foreground: 255, 255, 255;
            --color-btn-before: #ffffff;
        }
       }
    
    body, .color-background-1, .color-background-2, .color-inverse, .color-accent {
        color: var(--color-text-body);
        background-color: var(--color-background);
    }
    @media screen and (max-width: 767.98px) {
        .md-down\:color-background-1, .md-down\:color-background-2, .md-down\:color-inverse, .md-down\:color-accent {
            color: var(--color-text-body);
            background-color: var(--color-background);
        }
    }
    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }
    html {
        font-size: calc(var(--font-body-scale) * 62.5%);
    }
    body {
        min-height: 100%;
        font-size: 1.5rem;
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: calc(1 + 0.6 / var(--font-body-scale));
        --font-body-size: 1.5rem;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h0, .h-xl {
        font-family: var(--font-heading-family);
        font-style: var(--font-heading-style);
        font-weight: var(--font-heading-weight);
        text-transform: var(--font-heading-transform);
        color: var(--color-text-heading);
        line-height: calc(1 + 0.2 / max(1, var(--font-heading-scale)));
        letter-spacing: var(--font-heading-spacing, 0px);
        word-break: break-word;
        margin: 0 0 1.2rem;
    }
		.h-xl {
				text-transform: var(--font-mega-transform, unset);
		}
		@media (max-width: 639px) {
			h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h0, .h-xl {
				line-height: calc(1 + 0.2 / max(1, var(--font-heading-mobile-scale)));
			}
		}
    .h-xl {
        font-size: calc(var(--font-mega-scale) * var(--font-heading-mobile-scale) * 0.8rem);
    }
    .h0 {
        font-size: calc(var(--font-heading-mobile-scale) * 4.8rem);
    }
    h1,.h1 {
        font-size: calc(var(--font-heading-mobile-scale) * 4rem);
    }
    h2,.h2 {
        font-size: calc(var(--font-heading-mobile-scale) * 3.4rem);
    }
    h3,.h3 {
        font-size: calc(var(--font-heading-mobile-scale) * 2.8rem);
    }
    h4,.h4 {
        font-size: calc(var(--font-heading-mobile-scale) * 2rem);
    }
    h5,.h5 {
        font-size: calc(var(--font-heading-mobile-scale) * 1.8rem);
    }
    h6,.h6 {
        font-size: calc(var(--font-heading-scale) * 1.6rem);
    }
    @media (min-width: 640px) {
        .h-xl {
            font-size: var(--font-hxl-size);
        }
        .h0 {
            font-size: var(--font-h0-size);
        }
        h1, .h1 {
            font-size: var(--font-h1-size);
        }
        h2, .h2 {
            font-size: var(--font-h2-size);
        }
        h3, .h3 {
            font-size: var(--font-h3-size);
        }
        h4, .h4 {
            font-size: var(--font-h4-size);
        }
        h5, .h5 {
            font-size: var(--font-h5-size);
        }
        h6, .h6 {
            font-size: var(--font-h6-size);
        }
    }

    .flickity-button,
    [template],
    .hidden,
    .tooltip,
    [data-aria-hidden=true],
    [hidden], .critical-hidden,
    .site-header .critical-hidden, .topbar .critical-hidden, .announcement-bar .critical-hidden {
        display: none
    }
    .flex {
        display: flex;
    }
    [style*="--aspect-ratio"] {
        position: relative;
        overflow: hidden;
    }
    [style*="--aspect-ratio"]:before {
        content: "";
        height: 0;
        display: block;
        padding-top: calc(100%/(0 + var(--aspect-ratio, 16/9)));
    }
    [style*="--aspect-ratio"]>:first-child {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute!important;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    @media (max-width: 639px) {
        [style*="--aspect-ratio"]:before {
            padding-top: calc(100%/(0 + var(--aspect-ratio-mobile, var(--aspect-ratio, 16/9))));
        }
    }
    .overflow-hidden {
        overflow: hidden;
    }
    .content-visibility-auto {
        content-visibility: auto;
    }
    .h-full {
        height: 100%;
    }
    .w-full {
        width: 100%;
    }
    @media (max-width: 1440px) {
        .container-fluid .flickity-wrapper:not(.flickity-controls-group) .flickity-button.previous {
            left: calc(var(--button-size) + (1rem - var(--column-gap, 3rem) / 2)) !important;
        }
        .container-fluid .flickity-wrapper:not(.flickity-controls-group) .flickity-button.next {
            right: calc(var(--button-size) + (1rem - var(--column-gap, 3rem) / 2)) !important;
        }
    }
    .spr-container .spr-header-title {
        font-size: var(--font-h2-size);
    }

    @media (max-width: 639px) {
        .spr-container .spr-header-title {
            font-size: calc(var(--font-heading-mobile-scale) * 3.4rem);
        }
        :root {
            --color-swatch-size: 4.4rem;
        }
    }
    
</style>

    <link href="//espegard.com/cdn/shop/t/5/assets/custom.css?v=105759110016097494551710899294" rel="stylesheet" type="text/css" media="all" />
    <link href="//espegard.com/cdn/shop/t/5/assets/theme.css?v=158061846137236706231710163723" rel="stylesheet" type="text/css" media="all" />
    <link href="//espegard.com/cdn/shop/t/5/assets/base.css?v=60709202282700973411709279067" rel="stylesheet" type="text/css" media="all" />
    <link href="//espegard.com/cdn/shop/t/5/assets/grid.css?v=168174381657651626161709279065" rel="stylesheet" type="text/css" media="all" />
    <link href="//espegard.com/cdn/shop/t/5/assets/components.css?v=48609206570225523651709279066" rel="stylesheet" type="text/css" media="all" />

    <link rel="preload" href="//espegard.com/cdn/shop/t/5/assets/non-critical.css?v=16034400197848435141709279065" as="style" onload="this.onload=null;this.rel='stylesheet';">
    <link rel="preload" href="//espegard.com/cdn/shop/t/5/assets/flickity-component.css?v=65265006436017812961709279066" as="style" onload="this.onload=null;this.rel='stylesheet';">
    <link rel="preload" href="//espegard.com/cdn/shop/t/5/assets/modal-component.css?v=22274453926113212451709279067" as="style" onload="this.onload=null;this.rel='stylesheet';">
    <link rel="preload" href="//espegard.com/cdn/shop/t/5/assets/drawer-component.css?v=174494314682269385191709279065" as="style" onload="this.onload=null;this.rel='stylesheet';">

    <noscript>
      <link href="//espegard.com/cdn/shop/t/5/assets/non-critical.css?v=16034400197848435141709279065" rel="stylesheet" type="text/css" media="all" />
      <link href="//espegard.com/cdn/shop/t/5/assets/components.css?v=48609206570225523651709279066" rel="stylesheet" type="text/css" media="all" />
      <link href="//espegard.com/cdn/shop/t/5/assets/flickity-component.css?v=65265006436017812961709279066" rel="stylesheet" type="text/css" media="all" />
      <link href="//espegard.com/cdn/shop/t/5/assets/modal-component.css?v=22274453926113212451709279067" rel="stylesheet" type="text/css" media="all" />
      <link href="//espegard.com/cdn/shop/t/5/assets/drawer-component.css?v=174494314682269385191709279065" rel="stylesheet" type="text/css" media="all" />
      
    </noscript>
    <script src="//espegard.com/cdn/shop/t/5/assets/vendor.js?v=37201015852554230561709279066" defer="defer"></script>
    <script src="//espegard.com/cdn/shop/t/5/assets/global.js?v=180243164233918951211709279066" defer="defer"></script>
    <script src="//espegard.com/cdn/shop/t/5/assets/lazy-image.js?v=68169924899378488731709279065" defer="defer"></script>
    <script src="//espegard.com/cdn/shop/t/5/assets/product-form.js?v=158665995997241511551709279065" defer="defer"></script><script src="//espegard.com/cdn/shop/t/5/assets/cart-recommendations.js?v=151337948683935857111709279067" defer="defer"></script><script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
    </script>

    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="7xEie7d2Lqk9y7TFJ1mdDJDnQazPbZfAlj5vQzhK4fg">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/64438403261/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="c0700c5c1d4c16ef61bc32eb887c8d63">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=64438403261" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":64438403261,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/64438403261","merchantName":"Espegard® North America","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard"],"total":{"type":"pending","label":"Espegard® North America","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"c0700c5c1d4c16ef61bc32eb887c8d63","betas":["rich-media-storefront-analytics"],"domain":"espegard.com","predictiveSearch":true,"shopId":64438403261,"smart_payment_buttons_url":"https:\/\/espegard.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/espegard.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "7b0b45-2.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Zest","id":135817461949,"theme_store_id":1611,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "espegard.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-features" type="application/json">{"compact":""}</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script id="__st">var __st={"a":64438403261,"offset":7200,"reqid":"86f8e93a-5eaf-4df2-92af-bca2987d014a-1716064354","pageurl":"espegard.com\/","u":"6e166cdb92cc","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script>!function(){'use strict';const e='contact',t='account',n='new_comment',o=e=>e.map((([e,t])=>`form[action*='/${e}'] input[name='form_type'][value='${t}']`)).join(',');function c(e,t){try{const n=window.sessionStorage;for(const[o,c]of Object.entries(JSON.parse(n.getItem(t))))e.elements[o]&&(e.elements[o].value=c);n.removeItem(t)}catch{}}const s='form_type',r='cptcha';var a,m,i,u;a=window,m=document,u='ce_forms',a[i='Shopify']=a[i]||{},a[i][u]=a[i][u]||{},a[i][u].q=[],function(a,m,i,u,f){const[d,l]=function(c,s){const r=s?[[e,e],['blogs',n],['comments',n],[e,'customer']]:[],a=c?[[t,'customer_login'],[t,'recover_customer_password'],[t,'create_customer']]:[],m=o([...r,...a]),i=o(r.slice(0,3)),u=e=>()=>e?[...document.querySelectorAll(e)].map((e=>e.form)):[];return[u(m),u(i)]}(!0,!0),p=e=>{const t=e.target,n=t instanceof HTMLFormElement?t:t&&t.form;return n&&d().find((e=>n===e))};a.addEventListener('submit',(e=>{p(e)&&e.preventDefault()}));for(const e of['focusin','change'])a.addEventListener(e,(e=>{const t=p(e);t&&!t.dataset[r]&&(i(t,l().some((e=>e===t))),t.dataset[r]=!0)}));const _=m.get('form_key'),v=m.get(s);_&&v&&a.addEventListener('DOMContentLoaded',(()=>{for(const e of l())e.elements[s].value===v&&c(e,_)}))}(m,new URLSearchParams(a.location.search),((e,t)=>{const n=a[i][u],o=n.bindForm,c='6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey';if(o)return o(e,c,t);n.q.push([e,c,t]),m.body.append(Object.assign(m.createElement('script'),{async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_recaptcha.v1.0.5.iife.js'}))}))}();</script>
<script integrity="sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//espegard.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js" crossorigin="anonymous"></script>
<script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//espegard.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script>
<script id="sections-script" data-sections="footer,mobile-sticky-bar" defer="defer" src="//espegard.com/cdn/shop/t/5/compiled_assets/scripts.js?594"></script>

<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 50px;
  }
}

@media screen and (max-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 120px;
  }
}
</style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<link rel="preload" as="font" href="//espegard.com/cdn/fonts/agmena/agmena_n4.3af5f6895b08d0828df5a4c82bf479ef1d883629.woff2?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=e63e005731d8e5f421b6c46a07710c6cb53c2aa4977a34bd82d5aac8bed1e7a1" type="font/woff2" crossorigin fetchpriority="high"><link rel="preload" as="font" href="//espegard.com/cdn/fonts/roboto_condensed/robotocondensed_n7.a8dcc495520a7cc0e796688956d83e7a5274e247.woff2?h1=N2IwYjQ1LTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=ZXNwZWdhcmQuY29t&hmac=591cb6c0e1316164b0df3ec99abebb5f03133a5863b9fee4400914dd0b245cff" type="font/woff2" crossorigin fetchpriority="high"><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 64438403261,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,n,a,t,r){var o="function"==typeof BigInt&&-1!==BigInt.toString().indexOf("[native code]")?"modern":"legacy";window.Shopify=window.Shopify||{};var i=window.Shopify;i.analytics=i.analytics||{};var s=i.analytics;s.replayQueue=[],s.publish=function(e,n,a){return s.replayQueue.push([e,n,a]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=[a,"/wpm","/b",r,o.substring(0,1),".js"].join("");!function(e){var n=e.src,a=e.async,t=void 0===a||a,r=e.onload,o=e.onerror,i=document.createElement("script"),s=document.head,l=document.body;i.async=t,i.src=n,r&&i.addEventListener("load",r),o&&i.addEventListener("error",o),s?s.appendChild(i):l?l.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:l,async:!0,onload:function(){var a=window.webPixelsManager.init(e);n(a);var t=window.Shopify.analytics;t.replayQueue.forEach((function(e){var n=e[0],t=e[1],r=e[2];a.publishCustomEvent(n,t,r)})),t.replayQueue=[],t.publish=a.publishCustomEvent,t.visitor=a.visitor},onerror:function(){var n=e.storefrontBaseUrl.replace(/\/$/,""),a="".concat(n,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/2.0",payload:{version:t||"latest",page_url:self.location.href,status:"failed",error_msg:"".concat(l," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(a,r))return!0}catch(e){}var o=new XMLHttpRequest;try{return o.open("POST",a,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(r),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 64438403261,storefrontBaseUrl: "https://espegard.com",cdnBaseUrl: "https://espegard.com/cdn",surface: "storefront-renderer",enabledBetaFlags: ["5de24938","3b4293f9"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"064","apiClientId":"shopify-pixel","type":"APP","purposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"064","apiClientId":"shopify-pixel","type":"CUSTOM","purposes":["ANALYTICS","MARKETING"]}],initData: {"cart":null,"checkout":null,"customer":null,"productVariants":[]},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed");},"https://espegard.com/cdn","c8e6c2972f57ba512407366c74faae6b543486e4","b06604fcw35017947p5dc7d676m3b6e9e66",);</script>  <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'USD';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
  window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
  
};
</script>
<script class="analytics">(function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 64438403261,
      theme_id: 135817461949,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//espegard.com/cdn/s/trekkie.storefront.dd626a6a6fbdab104f8779acc4331c330134c832.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//espegard.com/cdn/s/trekkie.storefront.dd626a6a6fbdab104f8779acc4331c330134c832.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//espegard.com/cdn/s/trekkie.storefront.dd626a6a6fbdab104f8779acc4331c330134c832.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":64438403261,"isMerchantRequest":null,"themeId":135817461949,"themeCityHash":"7926840782391692511","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bbcf04e6"]},"Facebook Pixel":{"pixelIds":["1607869413362362"],"agent":"plshopify1.2"},"Google Gtag Pixel":{"conversionId":"G-6XYCNNZCG8","eventLabels":[{"type":"search","action_label":["G-6XYCNNZCG8","AW-1051437185\/nwoYCNHr6J0ZEIHRrvUD"]},{"type":"begin_checkout","action_label":["G-6XYCNNZCG8","AW-1051437185\/oddYCNfr6J0ZEIHRrvUD"]},{"type":"view_item","action_label":["G-6XYCNNZCG8","AW-1051437185\/FNVlCM7r6J0ZEIHRrvUD","MC-3ZJSJK3BKB"]},{"type":"purchase","action_label":["G-6XYCNNZCG8","AW-1051437185\/i8jwCMjr6J0ZEIHRrvUD","MC-3ZJSJK3BKB"]},{"type":"page_view","action_label":["G-6XYCNNZCG8","AW-1051437185\/FuAnCMvr6J0ZEIHRrvUD","MC-3ZJSJK3BKB"]},{"type":"add_payment_info","action_label":["G-6XYCNNZCG8","AW-1051437185\/sL2dCNrr6J0ZEIHRrvUD"]},{"type":"add_to_cart","action_label":["G-6XYCNNZCG8","AW-1051437185\/iXf1CNTr6J0ZEIHRrvUD"]}],"targetCountry":"US"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"facebookAppPixelId":"1607869413362362","source":"trekkie-storefront-renderer"}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

  
      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home"});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "//espegard.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script class="boomerang">
(function () {
  if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
    return;
  }
  window.BOOMR = window.BOOMR || {};
  window.BOOMR.snippetStart = new Date().getTime();
  window.BOOMR.snippetExecuted = true;
  window.BOOMR.snippetVersion = 12;
  window.BOOMR.application = "storefront-renderer";
  window.BOOMR.themeName = "Zest";
  window.BOOMR.themeVersion = "7.3.1";
  window.BOOMR.shopId = 64438403261;
  window.BOOMR.themeId = 135817461949;
  window.BOOMR.renderRegion = "gcp-europe-west1";
  window.BOOMR.url =
    "https://espegard.com/cdn/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
  var where = document.currentScript || document.getElementsByTagName("script")[0];
  var parentNode = where.parentNode;
  var promoted = false;
  var LOADER_TIMEOUT = 3000;
  function promote() {
    if (promoted) {
      return;
    }
    var script = document.createElement("script");
    script.id = "boomr-scr-as";
    script.src = window.BOOMR.url;
    script.async = true;
    parentNode.appendChild(script);
    promoted = true;
  }
  function iframeLoader(wasFallback) {
    promoted = true;
    var dom, bootstrap, iframe, iframeStyle;
    var doc = document;
    var win = window;
    window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
    bootstrap = function(parent, scriptId) {
      var script = doc.createElement("script");
      script.id = scriptId || "boomr-if-as";
      script.src = window.BOOMR.url;
      BOOMR_lstart = new Date().getTime();
      parent = parent || doc.body;
      parent.appendChild(script);
    };
    if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
      window.BOOMR.snippetMethod = "s";
      bootstrap(parentNode, "boomr-async");
      return;
    }
    iframe = document.createElement("IFRAME");
    iframe.src = "about:blank";
    iframe.title = "";
    iframe.role = "presentation";
    iframe.loading = "eager";
    iframeStyle = (iframe.frameElement || iframe).style;
    iframeStyle.width = 0;
    iframeStyle.height = 0;
    iframeStyle.border = 0;
    iframeStyle.display = "none";
    parentNode.appendChild(iframe);
    try {
      win = iframe.contentWindow;
      doc = win.document.open();
    } catch (e) {
      dom = document.domain;
      iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
      win = iframe.contentWindow;
      doc = win.document.open();
    }
    if (dom) {
      doc._boomrl = function() {
        this.domain = dom;
        bootstrap();
      };
      doc.write("<body onload='document._boomrl();'>");
    } else {
      win._boomrl = function() {
        bootstrap();
      };
      if (win.addEventListener) {
        win.addEventListener("load", win._boomrl, false);
      } else if (win.attachEvent) {
        win.attachEvent("onload", win._boomrl);
      }
    }
    doc.close();
  }
  var link = document.createElement("link");
  if (link.relList &&
    typeof link.relList.supports === "function" &&
    link.relList.supports("preload") &&
    ("as" in link)) {
    window.BOOMR.snippetMethod = "p";
    link.href = window.BOOMR.url;
    link.rel = "preload";
    link.as = "script";
    link.addEventListener("load", promote);
    link.addEventListener("error", function() {
      iframeLoader(true);
    });
    setTimeout(function() {
      if (!promoted) {
        iframeLoader(true);
      }
    }, LOADER_TIMEOUT);
    BOOMR_lstart = new Date().getTime();
    parentNode.appendChild(link);
  } else {
    iframeLoader(false);
  }
  function boomerangSaveLoadTime(e) {
    window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
  }
  if (window.addEventListener) {
    window.addEventListener("load", boomerangSaveLoadTime, false);
  } else if (window.attachEvent) {
    window.attachEvent("onload", boomerangSaveLoadTime);
  }
  if (document.addEventListener) {
    document.addEventListener("onBoomerangLoaded", function(e) {
      e.detail.BOOMR.init({
        ResourceTiming: {
          enabled: true,
          trackedResourceTypes: ["script", "img", "css"]
        },
      });
      e.detail.BOOMR.t_end = new Date().getTime();
    });
  } else if (document.attachEvent) {
    document.attachEvent("onpropertychange", function(e) {
      if (!e) e=event;
      if (e.propertyName === "onBoomerangLoaded") {
        e.detail.BOOMR.init({
          ResourceTiming: {
            enabled: true,
            trackedResourceTypes: ["script", "img", "css"]
          },
        });
        e.detail.BOOMR.t_end = new Date().getTime();
      }
    });
  }
})();</script>
</head>

  <body class="template-index index- overflow-hidden" data-rtl="false">
    
      <div class="f-page-transition no-js-hidden">
				<div class="f-page-transition__spinner">
					<div class="f-page-transition__spinner-content">
						<div></div>
					</div>
				</div>
			</div>
    
    <a class="skip-to-content-link btn visually-hidden" href="#MainContent">Skip to content</a>

		<div class="site-wrapper">
      

      <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--16739405922493__header" class="shopify-section shopify-section-group-header-group f-section-header"><link href="//espegard.com/cdn/shop/t/5/assets/header.css?v=41216336524733117801709279066" rel="stylesheet" type="text/css" media="all" />
<link href="//espegard.com/cdn/shop/t/5/assets/site-nav.css?v=153341296608263273341709279066" rel="stylesheet" type="text/css" media="all" />



<style>
  .f-section-header {position: absolute;}  .site-header--sticky {position: fixed;}
</style>


  <script src="//espegard.com/cdn/shop/t/5/assets/header.js?v=47937999478985562761709279066" defer="defer"></script>
  <div class="site-header__placeholder"></div>

<sticky-header class="site-header__wrapper" data-header-sticky="true">
<site-header
  data-section-id="sections--16739405922493__header"
  data-section-type="header"
  class="site-header site-header--design-1 site-header--transparent color-background-1 show-dropdown-menu-on-hover"
  data-header-color-scheme="color-background-1"
  data-dropdown-color-scheme="color-background-1"
  data-header-transparent="true"
>
  <div class="f-header__dropdown-backdrop">
    <div class="f-header__dropdown-overlay"></div>
    <div class="f-header__dropdown-bg color-background-1"></div>
  </div>
  <div class="container-fluid">
    
        <div class="site-header__inner flex site-header__mobile-logo--center">
					<drawer-opener
						class="mobile-nav-toggle hidden md-down:flex no-js-hidden"
						data-drawer="#Drawer-MobileNav"
					>
						<button
							class="btn btn--plain btn--icon focus-inset"
							aria-haspopup="dialog"
							aria-label="expand menu"
						>
							<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
    <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>

						</button>
					</drawer-opener>
          <div class="site-header__left flex items-center">
            

<noscript>
  <div class="mobile-nav-toggle">
    <details class="parent-group">
      <summary
        class="header__icon header__icon--menu header__icon--summary focus-inset hidden md-down:flex"
        aria-label="Menu"
      >
        <span class="flex">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
    <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>

          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"  viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--medium  f-icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>

        </span>
      </summary>
      <div id="menu-drawer" class="menu-drawer" tabindex="-1">
        <div class="menu-drawer__inner-container">
          <div class="menu-drawer__navigation-container">
            <nav class="menu-drawer__navigation">
              <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
                        href="/products/espegard-fire-pan-60"
                        class="menu-drawer__menu-item list-menu__item focus-inset"
                        
                      >
                        The Campfire Pan
                      </a></li><li><details id="Details-menu-drawer-menu-item-2">
                        <summary class="menu-drawer__menu-item list-menu__item focus-inset">
                          Explore
                          <span data-collapsible-icon>
                            <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                            <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                          </span>
                        </summary>
                        <div
                          id="link-Explore"
                          class="menu-drawer__submenu has-submenu gradient motion-reduce"
                          tabindex="-1"
                        >
                          <div class="menu-drawer__inner-submenu">
                            <button
                              class="menu-drawer__close-button focus-inset"
                              aria-expanded="true"
                            >
                              Explore
                            </button>
                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                      href="/pages/the-history-of-espegard"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Our Story 
                                    </a></li><li><a
                                      href="/blogs/recipes"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Food &amp; Recipe
                                    </a></li><li><a
                                      href="/pages/contact"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Contact
                                    </a></li></ul>
                          </div>
                        </div>
                      </details></li><li><details id="Details-menu-drawer-menu-item-3">
                        <summary class="menu-drawer__menu-item list-menu__item focus-inset">
                          Products
                          <span data-collapsible-icon>
                            <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                            <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                          </span>
                        </summary>
                        <div
                          id="link-Products"
                          class="menu-drawer__submenu has-submenu gradient motion-reduce"
                          tabindex="-1"
                        >
                          <div class="menu-drawer__inner-submenu">
                            <button
                              class="menu-drawer__close-button focus-inset"
                              aria-expanded="true"
                            >
                              Products
                            </button>
                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                      href="/collections/fire-pans"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Campfire Pan
                                    </a></li><li><a
                                      href="/collections/accessories"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Accessories
                                    </a></li><li><a
                                      href="/collections/campfire-cooking"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Campfire Cooking
                                    </a></li></ul>
                          </div>
                        </div>
                      </details></li></ul>
            </nav>
            <div class="f-mobile-nav__addons">
              
              
                <ul class="social-links flex items-center list-none flex-wrap justify-center">
    
        <li class="social-links__link">
            <a href="facebook.com/EspegardNorthAmerica" title="Facebook">
                <svg  aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 320 512">
  <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/>
</svg>
                <span class="visually-hidden">Facebook</span>
            </a>
        </li>
    
    
    
        <li class="social-links__link">
            <a href="https://no.pinterest.com/espegard_norway/" title="Pinterest">
                <svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 384 512">
  <path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/>
</svg>
                <span class="visually-hidden">Pinterest</span>
            </a>
        </li>
    
    
        <li class="social-links__link">
            <a href="http://instagram.com/espegard" title="Instagram">
                <svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting f-icon--medium " viewBox="0 0 18 18">
  <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
  <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
</svg>

                <span class="visually-hidden">Instagram</span>
            </a>
        </li>
    
    
    
    
    
    
    
    
    
</ul>

              
            </div>
          </div>
        </div>
      </div>
    </details>
  </div>
</noscript>

<h1 class="site-logo with-transparent with-dropdown-hover" style="--logo-width: 130px; --logo-mobile-width: 120px">
  <a href="/" class=" site-logo__img" title="Espegard® North America">
    <div class="site-logos--normal">
      
        
          <div class="site-logo--image site-logo--default site-logo--desktop">
            <img src="//espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=500" alt="Espegard® North America" srcset="//espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=50 50w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=100 100w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=150 150w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=200 200w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=250 250w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=300 300w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=400 400w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=500 500w" width="130" height="32" sizes="130px">
          </div>
        
        
        
          <div class="site-logo--image site-logo--transparent">
            
            <img src="//espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=500" alt="Espegard® North America" srcset="//espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=50 50w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=100 100w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=150 150w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=200 200w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=250 250w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=300 300w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=400 400w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=500 500w" width="130" height="32" sizes="130px">
          </div>
        
      
    </div>
    
      <div class="site-logos--hover">
        <div class="site-logo--image site-logo--dropdown">
          
          <img src="//espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=500" alt="Espegard® North America" srcset="//espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=50 50w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=100 100w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=150 150w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=200 200w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=250 250w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=300 300w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=400 400w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=500 500w" width="130" height="32" sizes="130px">
        </div>
      </div>
    
  </a>
</h1>

          </div>
          <div class="site-header__center site-header__menu hidden md:flex">
            


    <site-nav class="f-site-nav md-down:hidden">
        <ul class="f-site-nav__list list-none" role="list">
            
                

                
                    
                    
                
                
                

                <li class="f-site-nav__item f-site-nav__item--mega" data-index="0">
                
                    <a href="/collections" class="f-site-nav__link focus-inset">
                        <span>Products</span><span class="f-site-nav__arrow no-js-hidden"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
                    
                        <div class="f-site-nav__dropdown f-site-nav__dropdown--level2 color-background-1 no-js-hidden f-site-nav__dropdown--mega" tabindex="-1">
                            <div class="container-full">
                                <div class="f-site-nav__dropdown-inner">
                                    
                                    <div id="Image-list-custom_npQD3r" class="f-site-nav__mega-addon f-site-nav__mega-addon--collection w-full" style="--column-gap: 1.5rem; --max-width: 100%;">
                                        <div class="w-full f-grid f-site-nav__mega-addon--wrapper">
                                            
                                                <div class="f-column">
    <div class="f-custom-card f-custom-card--below color-background-1 f-image-hover-effect__zoom">
        <a title="Campfire Pan" href="/collections/fire-pans" class="collection-card__wrapper">
            <div class="f-custom-card__image f-card overflow-hidden">
                
<responsive-image data-index="" class="f-image collection-card__image" data-image-loading  style="--aspect-ratio: 1.0;">
    <img
        srcset="//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&width=165 165w,//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&width=360 360w,//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&width=533 533w,//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&width=720 720w,//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&width=940 940w,//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&width=1066 1066w,//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&width=1500 1500w,//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&width=1780 1780w,//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&width=2000 2000w,//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908 2000w"
        src="//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="2000"
        height="2000"
        
    >
</responsive-image>

            </div>
            <div class="f-custom-card__info flex flex-col items-center">
                <h3 class="f-custom-card__heading text-current h5">Campfire Pan</h3>
                
            </div>
        </a>
    </div>
</div>

                                            
                                                <div class="f-column">
    <div class="f-custom-card f-custom-card--below color-background-1 f-image-hover-effect__zoom">
        <a title="Campfire Cooking" href="/collections/campfire-cooking" class="collection-card__wrapper">
            <div class="f-custom-card__image f-card overflow-hidden">
                
<responsive-image data-index="" class="f-image collection-card__image" data-image-loading  style="--aspect-ratio: 1.0;">
    <img
        srcset="//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&width=165 165w,//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&width=360 360w,//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&width=533 533w,//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&width=720 720w,//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&width=940 940w,//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&width=1066 1066w,//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&width=1500 1500w,//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&width=1780 1780w,//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&width=2000 2000w,//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281 2000w"
        src="//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="2000"
        height="2000"
        
    >
</responsive-image>

            </div>
            <div class="f-custom-card__info flex flex-col items-center">
                <h3 class="f-custom-card__heading text-current h5">Campfire Cooking</h3>
                
            </div>
        </a>
    </div>
</div>

                                            
                                                <div class="f-column">
    <div class="f-custom-card f-custom-card--below color-background-1 f-image-hover-effect__zoom">
        <a title="Accesories" href="/collections/accessories" class="collection-card__wrapper">
            <div class="f-custom-card__image f-card overflow-hidden">
                
<responsive-image data-index="" class="f-image collection-card__image" data-image-loading  style="--aspect-ratio: 1.0;">
    <img
        srcset="//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&width=165 165w,//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&width=360 360w,//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&width=533 533w,//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&width=720 720w,//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&width=940 940w,//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&width=1066 1066w,//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&width=1500 1500w,//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&width=1780 1780w,//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&width=2000 2000w,//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378 2000w"
        src="//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="2000"
        height="2000"
        
    >
</responsive-image>

            </div>
            <div class="f-custom-card__info flex flex-col items-center">
                <h3 class="f-custom-card__heading text-current h6">Accesories</h3>
                
            </div>
        </a>
    </div>
</div>

                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    
                
                </li>

                
            
                

                
                    
                
                

                <li class="f-site-nav__item f-site-nav__item--has-child" data-index="1">
                
                    <a href="#" class="f-site-nav__link focus-inset">
                        <span>Explore</span><span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
                    
                        <div class="f-site-nav__dropdown f-site-nav__dropdown--level2 color-background-1" tabindex="-1">
                            <div class="w-full">
                                <div class="f-site-nav__dropdown-inner">
                                    <ul class="list-none w-full" role="list" tabindex="-1">
                                        
                                            <li class="f-site-nav__sub-item">
                                                <a href="/pages/the-history-of-espegard" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Our Story</span></a>
                                                
                                            </li>
                                        
                                            <li class="f-site-nav__sub-item">
                                                <a href="/blogs/recipes" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Food & Recipes</span></a>
                                                
                                            </li>
                                        
                                            <li class="f-site-nav__sub-item">
                                                <a href="/pages/contact" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Contact</span></a>
                                                
                                            </li>
                                        
                                    </ul>
                                    
                                </div>
                            </div>
                        </div>
                    
                
                </li>

                
            
                

                
                    
                
                

                <li class="f-site-nav__item" data-index="2">
                
                    <a href="/products/espegard-fire-pan-60" class="f-site-nav__link focus-inset">
                        <span>The Campfire Pan</span></a>
                    
                
                </li>

                
            
        </ul>
    </site-nav>


          </div>
          <div class="site-header__right">
            

<div class="site-header__addons flex items-center ">
    
    
    
    
    

    <div class="header-search-form ">
        <drawer-opener class="site-header__search site-header__link f-mobile-hidden no-js-hidden" data-drawer="#Drawer-Search">
            <button class="btn btn--plain btn--icon focus-inset site-header__search-toggle site-header__link" data-tippy-theme="color-background-1" data-tippy-content="Search" data-tippy-placement="bottom" aria-label="Search" aria-haspopup="dialog">
                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"  viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon-svg--medium f-icon-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
            </button>
        </drawer-opener>
        <noscript>
            <details>
                <summary aria-label="Search" aria-haspopup="dialog">
                    <span class="site-header__search site-header__element" data-drawer="#Drawer-Search">
                        <span class="btn btn--plain btn--icon focus-inset site-header__search-toggle site-header__link">
                            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"  viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon-svg--medium f-icon-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
                        </span>
                    </span>
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"  viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--medium hidden f-icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>

                </summary>
                <div class="f-search-no-js">
                    <form action="/search" method="get" role="search" class="f-search-no-js__form">
                        <div class="f-search-no-js__field w-full">
                            <label class="visually-hidden" for="f-search-no-js-input">Search</label>
                            <input class="form-control focus-inset f-search-no-js__input"
                                   id="f-search-no-js-input"
                                   type="text"
                                   name="q"
                                   value=""
                                   placeholder="Search"
                            >
                            <input type="hidden" name="options[prefix]" value="last">
                            <button type="submit" class="btn btn--plain" aria-label="Search">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"  viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon-svg--medium f-icon-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
                            </button>
                        </div>
                    </form>
                </div>
            </details>
        </noscript>
    </div>


    
    <div class="site-header__element ">
        
<drawer-opener class="inline-flex" data-drawer="#Drawer-Cart" data-disabled="true">
    <a href="/cart" class="site-header__link btn--icon focus-inset" data-tippy-theme="color-background-1" aria-label="Cart" data-tippy-content="Cart" data-tippy-placement="bottom" aria-haspopup="dialog" role="button" data-opener>
        <div class="cart-link cart-link--icon">
            
                
		<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-icon-svg f-icon-svg--medium  f-icon-shopping-bag">
				<path d="M20.25 4.5H3.75C3.33579 4.5 3 4.83579 3 5.25V18.75C3 19.1642 3.33579 19.5 3.75 19.5H20.25C20.6642 19.5 21 19.1642 21 18.75V5.25C21 4.83579 20.6642 4.5 20.25 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M15.75 8.25C15.75 9.24456 15.3549 10.1984 14.6517 10.9017C13.9484 11.6049 12.9946 12 12 12C11.0054 12 10.0516 11.6049 9.34835 10.9017C8.64509 10.1984 8.25 9.24456 8.25 8.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>


            
            <span class="cart-link__count is-cart-empty" data-cart-count-bubble>
                <span data-cart-count-number>0</span>
                <span class="visually-hidden" data-cart-count-text>items</span>
            </span>
        </div>
    </a>
</drawer-opener>

    </div>
</div>

          </div>
        </div>
    
  </div>
</site-header>
  <script src="//espegard.com/cdn/shop/t/5/assets/mobile-nav.js?v=157610441449757104731709279067" defer="defer"></script>
  <div class="hidden no-js-hidden xl-down:block">
    <drawer-component id="Drawer-MobileNav" class="f-drawer f-drawer--left f-drawer-mobile-nav" hidden role="dialog" aria-modal="true" aria-label="Menu" style="--f-drawer-width: 450px;">
      <div class="f-drawer__overlay"></div>
      <div class="f-drawer__content focus-inset" tabindex="-1">
        <div class="scroll-container">
          <div id="Mobile-Nav" class="f-mobile-nav" role="navigation">
            <button id="DrawerClose-Mobile-Nav" class="f-drawer__close btn btn--plain" aria-label="Close">
              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"  viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--medium  f-icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>

            </button>
            

<noscript>
  <div class="mobile-nav-toggle">
    <details class="parent-group">
      <summary
        class="header__icon header__icon--menu header__icon--summary focus-inset hidden md-down:flex"
        aria-label="Menu"
      >
        <span class="flex">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
    <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>

          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"  viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--medium  f-icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>

        </span>
      </summary>
      <div id="menu-drawer" class="menu-drawer" tabindex="-1">
        <div class="menu-drawer__inner-container">
          <div class="menu-drawer__navigation-container">
            <nav class="menu-drawer__navigation">
              <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
                        href="/products/espegard-fire-pan-60"
                        class="menu-drawer__menu-item list-menu__item focus-inset"
                        
                      >
                        The Campfire Pan
                      </a></li><li><details id="Details-menu-drawer-menu-item-2">
                        <summary class="menu-drawer__menu-item list-menu__item focus-inset">
                          Explore
                          <span data-collapsible-icon>
                            <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                            <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                          </span>
                        </summary>
                        <div
                          id="link-Explore"
                          class="menu-drawer__submenu has-submenu gradient motion-reduce"
                          tabindex="-1"
                        >
                          <div class="menu-drawer__inner-submenu">
                            <button
                              class="menu-drawer__close-button focus-inset"
                              aria-expanded="true"
                            >
                              Explore
                            </button>
                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                      href="/pages/the-history-of-espegard"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Our Story 
                                    </a></li><li><a
                                      href="/blogs/recipes"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Food &amp; Recipe
                                    </a></li><li><a
                                      href="/pages/contact"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Contact
                                    </a></li></ul>
                          </div>
                        </div>
                      </details></li><li><details id="Details-menu-drawer-menu-item-3">
                        <summary class="menu-drawer__menu-item list-menu__item focus-inset">
                          Products
                          <span data-collapsible-icon>
                            <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                            <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                          </span>
                        </summary>
                        <div
                          id="link-Products"
                          class="menu-drawer__submenu has-submenu gradient motion-reduce"
                          tabindex="-1"
                        >
                          <div class="menu-drawer__inner-submenu">
                            <button
                              class="menu-drawer__close-button focus-inset"
                              aria-expanded="true"
                            >
                              Products
                            </button>
                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                      href="/collections/fire-pans"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Campfire Pan
                                    </a></li><li><a
                                      href="/collections/accessories"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Accessories
                                    </a></li><li><a
                                      href="/collections/campfire-cooking"
                                      class="menu-drawer__menu-item list-menu__item focus-inset"
                                      
                                    >
                                      Campfire Cooking
                                    </a></li></ul>
                          </div>
                        </div>
                      </details></li></ul>
            </nav>
            <div class="f-mobile-nav__addons">
              
              
                <ul class="social-links flex items-center list-none flex-wrap justify-center">
    
        <li class="social-links__link">
            <a href="facebook.com/EspegardNorthAmerica" title="Facebook">
                <svg  aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 320 512">
  <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/>
</svg>
                <span class="visually-hidden">Facebook</span>
            </a>
        </li>
    
    
    
        <li class="social-links__link">
            <a href="https://no.pinterest.com/espegard_norway/" title="Pinterest">
                <svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 384 512">
  <path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/>
</svg>
                <span class="visually-hidden">Pinterest</span>
            </a>
        </li>
    
    
        <li class="social-links__link">
            <a href="http://instagram.com/espegard" title="Instagram">
                <svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting f-icon--medium " viewBox="0 0 18 18">
  <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
  <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
</svg>

                <span class="visually-hidden">Instagram</span>
            </a>
        </li>
    
    
    
    
    
    
    
    
    
</ul>

              
            </div>
          </div>
        </div>
      </div>
    </details>
  </div>
</noscript>

<div class="site-logo with-transparent with-dropdown-hover" style="--logo-width: 130px; --logo-mobile-width: 120px">
  <a href="/" class=" site-logo__img" title="Espegard® North America">
    <div class="site-logos--normal">
      
        
          <div class="site-logo--image site-logo--default site-logo--desktop">
            <img src="//espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=500" alt="Espegard® North America" srcset="//espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=50 50w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=100 100w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=150 150w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=200 200w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=250 250w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=300 300w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=400 400w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=500 500w" width="130" height="32" sizes="130px">
          </div>
        
        
        
          <div class="site-logo--image site-logo--transparent">
            
            <img src="//espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=500" alt="Espegard® North America" srcset="//espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=50 50w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=100 100w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=150 150w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=200 200w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=250 250w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=300 300w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=400 400w, //espegard.com/cdn/shop/files/espegard-hvit.svg?v=1706885608&amp;width=500 500w" width="130" height="32" sizes="130px">
          </div>
        
      
    </div>
    
      <div class="site-logos--hover">
        <div class="site-logo--image site-logo--dropdown">
          
          <img src="//espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=500" alt="Espegard® North America" srcset="//espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=50 50w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=100 100w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=150 150w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=200 200w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=250 250w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=300 300w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=400 400w, //espegard.com/cdn/shop/files/espegard-red.svg?v=1706885593&amp;width=500 500w" width="130" height="32" sizes="130px">
        </div>
      </div>
    
  </a>
</div>

            <div class="f-mobile-nav__inner">
              <ul class="list-none">
                
                  
                  <li class="f-mobile-nav__item" data-collapsible-parent>
                    <a href="/products/espegard-fire-pan-60" class="f-mobile-nav__link">
                      The Campfire Pan
                    </a>
                    
                  </li>
                
                  
                  <li class="f-mobile-nav__item f-mobile-nav__item--has-child" data-menu-toggle-item data-collapsible-parent>
                    <a href="#" class="f-mobile-nav__link">
                      Explore
                    </a>
                    
                      <collapsible-tab>
                        <span class="f-mobile-nav__arrow" data-trigger>
                            <span class="no-js-hidden f-mobile-nav__arrow-icon">
                                <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                                <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                            </span>
                        </span>
                        <div class="f-mobile-nav__dropdown" data-content>
                          <ul class="list-none w-full">
                            
                              <li class="f-mobile-nav__subitem" data-collapsible-parent>
                                <a href="/pages/the-history-of-espegard" class="f-mobile-nav__sub-link">Our Story </a>
                                
                              </li>
                            
                              <li class="f-mobile-nav__subitem" data-collapsible-parent>
                                <a href="/blogs/recipes" class="f-mobile-nav__sub-link">Food & Recipe</a>
                                
                              </li>
                            
                              <li class="f-mobile-nav__subitem" data-collapsible-parent>
                                <a href="/pages/contact" class="f-mobile-nav__sub-link">Contact</a>
                                
                              </li>
                            
                          </ul>
                        </div>
                      </collapsible-tab>
                    
                  </li>
                
                  
                  <li class="f-mobile-nav__item f-mobile-nav__item--has-child" data-menu-toggle-item data-collapsible-parent>
                    <a href="#" class="f-mobile-nav__link">
                      Products
                    </a>
                    
                      <collapsible-tab>
                        <span class="f-mobile-nav__arrow" data-trigger>
                            <span class="no-js-hidden f-mobile-nav__arrow-icon">
                                <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                                <svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                            </span>
                        </span>
                        <div class="f-mobile-nav__dropdown" data-content>
                          <ul class="list-none w-full">
                            
                              <li class="f-mobile-nav__subitem" data-collapsible-parent>
                                <a href="/collections/fire-pans" class="f-mobile-nav__sub-link">Campfire Pan</a>
                                
                              </li>
                            
                              <li class="f-mobile-nav__subitem" data-collapsible-parent>
                                <a href="/collections/accessories" class="f-mobile-nav__sub-link">Accessories</a>
                                
                              </li>
                            
                              <li class="f-mobile-nav__subitem" data-collapsible-parent>
                                <a href="/collections/campfire-cooking" class="f-mobile-nav__sub-link">Campfire Cooking</a>
                                
                              </li>
                            
                          </ul>
                        </div>
                      </collapsible-tab>
                    
                  </li>
                
              </ul>
            </div>
            <div class="f-mobile-nav__addons">
              
              
              
                <ul class="social-links flex items-center list-none flex-wrap">
    
        <li class="social-links__link">
            <a href="facebook.com/EspegardNorthAmerica" title="Facebook">
                <svg  aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 320 512">
  <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/>
</svg>
                <span class="visually-hidden">Facebook</span>
            </a>
        </li>
    
    
    
        <li class="social-links__link">
            <a href="https://no.pinterest.com/espegard_norway/" title="Pinterest">
                <svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 384 512">
  <path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/>
</svg>
                <span class="visually-hidden">Pinterest</span>
            </a>
        </li>
    
    
        <li class="social-links__link">
            <a href="http://instagram.com/espegard" title="Instagram">
                <svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting f-icon--medium " viewBox="0 0 18 18">
  <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
  <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
</svg>

                <span class="visually-hidden">Instagram</span>
            </a>
        </li>
    
    
    
    
    
    
    
    
    
</ul>

              
            </div>
          </div>
        </div>
      </div>
    </drawer-component>
  </div>


</sticky-header>

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Espegard® North America",
    
      
      "logo": "https:\/\/espegard.com\/cdn\/shop\/files\/espegard-red.svg?v=1706885593\u0026width=436",
    
    "sameAs": [
      "",
      "facebook.com\/EspegardNorthAmerica",
      "https:\/\/no.pinterest.com\/espegard_norway\/",
      "http:\/\/instagram.com\/espegard",
      "",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/espegard.com"
  }
</script>
<script src="//espegard.com/cdn/shop/t/5/assets/header-menu.js?v=16906724927170275321709279066" defer="defer"></script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "Espegard® North America",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/espegard.com\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/espegard.com"
    }
  </script>
</div>
<!-- END sections: header-group -->

      <main id="MainContent" class="site-main focus-none" role="main" tabindex="-1">
        <div id="shopify-section-template--16739405791421__c6e1fb38-291e-4467-9610-ef31520c061c" class="shopify-section">
  <link href="//espegard.com/cdn/shop/t/5/assets/hero.css?v=164141196453768625271709279066" rel="stylesheet" type="text/css" media="all" />






<div
  class="f-hero f-hero--medium use-bodyfont"
  id="esp_section_videohero"
  data-section-id="template--16739405791421__c6e1fb38-291e-4467-9610-ef31520c061c"
  data-section-type="hero-section"
  data-hero-height="medium"
>
  <div class="container-full">
    <div
      class="f-hero__wrapper relative"
    >
      
      <div
        class="f-video-wrapper"
      >
        <video-component
          class="f-video__bg"
          data-init="false"
          data-type="mp4"
          data-video-id="_9VUPq3SxOc"
        >
          
            <video class="video-playsinline" src="https://cdn.shopify.com/videos/c/vp/d1d336bff289497eb8a66020cc6ad30e/d1d336bff289497eb8a66020cc6ad30e.HD-1080p-7.2Mbps-25919725.mp4" playsinline autoplay muted loop></video>
          
        </video-component>
      </div>
      
        <div class="f-hero__overlay bg-overlay" style="--color-overlay-alpha: 30"></div>
      
      
        <div class="f-hero__content-wrapper absolute inset-full flex container flex f-hero__content--center">
          <div
            class="f-hero__content f-text-blocks text-center md:text-center"
            style="--text-color: #ffffff;"
          ><h2
                    class="f-hero_heading text-current h-xl"
										
                    
                  >
                    More Time Outdoors
                  </h2><div 
										class="f-hero_text text-current rte"
										
										
									>
                    <p>A fireplace designed for the Nordic lifestyle.</p>
                  </div></div>
        </div>
      
    </div>
  </div>
</div>


</div><div id="shopify-section-template--16739405791421__dfd0f530-ae35-4165-8da2-d144403961d1" class="shopify-section">
  <link href="//espegard.com/cdn/shop/t/5/assets/scrolling-promotion.css?v=70814527574547811181709279066" rel="stylesheet" type="text/css" media="all" />


<div
		id="template--16739405791421__dfd0f530-ae35-4165-8da2-d144403961d1"
		class="f-scrolling-promotion__wrapper f-section-padding color-inverse border-bottom"
		style="--section-padding-top: 20px ; --section-padding-bottom: 20px;"
>
		<div class="container-full">
				

				<f-scrolling-promotion
						data-section-type="scrolling-promotion"
						data-section-id="template--16739405791421__dfd0f530-ae35-4165-8da2-d144403961d1"
						
								data-pause-on-hover
						
						class="f-scrolling-promotion f-scrolling-promotion--left"
						style="--item-gap: 94px;--item-gap-mobile: 50px;--duration: 60.0s;--section-padding-top: 20px ; --section-padding-bottom: 20px;"
				>
						<div class="f-promotion items-start">
								
<div class="f-promotion__item">
														
																		
																		<div class="f-promotion__text" style="--text-size: 24px;">
																				Hello America! We're Proud to Launch in the USA & Canada
																		</div>
																		
																
														</div>
						</div>
				</f-scrolling-promotion>
		</div>
</div>

</div><div id="shopify-section-template--16739405791421__custom_content_XFi4ta" class="shopify-section">
  <link rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/custom-content.css?v=93330018368962691709279065" media="print" onload="this.media='all'">


<div
  id="template--16739405791421__custom_content_XFi4ta"
  class="f-custom use-bodyfont reverse-column relative f-section-padding color-background-1"
  data-section-type="f-custom-content"
  data-section-id="template--16739405791421__custom_content_XFi4ta"
  style="--section-padding-top: 52px ; --section-padding-bottom: 52px; --row-gap-mobile: 1.6rem;"
>
  
  <div class="container-fluid">
    

    <div class="f-flex flex-wrap f-grid--gap-extra-large">
      
        
        <div id="f-custom-block--text_eY9arU" class="f-column w-full md:w-1/2 lg:w-1/3" data-block-type="text" >
          <div class="f-custom__block f-custom__block--text h-full md:flex items-center text-left ">
            
                <div class="f-text-blocks w-full">
                  
                  
                      <h3 
                        class="h1 text-current"
                        
                      >Bringing the campfire closer to home</h3>
                  
                  
                      <div 
                        class="mega-description rte"
                        
                      ><p>We enjoyed ourselves with food, conversation, and shared hunting stories around a crackling fire.</p></div>
                  
                  
                      <div 
                        class="f-text-blocks__btn"
                        
                      >
                          <a href="/products/espegard-fire-pan-60" class="btn btn--primary">The Campfire Pan</a>
                      </div>
                  
                </div>
              
          </div>
        </div>
      
        
        <div id="f-custom-block--image_card_7L4XzR" class="f-column w-full md:w-1/2 lg:w-8/12" data-block-type="image_card" >
          <div class="f-custom__block f-custom__block--image_card h-full md:flex items-end text- ">
            
                <div 
                  class="relative overflow-hidden w-full f-image-hover-effect__zoom f-card "
                  
                >
                  
                    
<responsive-image data-index="2" class="f-image f-image-card__image" data-image-loading  style="--aspect-ratio: 1/1;">
    <img
        srcset="//espegard.com/cdn/shop/files/770-sommer-1_30373766-0f25-4ea3-84ce-69e5d9af2bfb.jpg?v=1710852304&width=165 165w,//espegard.com/cdn/shop/files/770-sommer-1_30373766-0f25-4ea3-84ce-69e5d9af2bfb.jpg?v=1710852304&width=360 360w,//espegard.com/cdn/shop/files/770-sommer-1_30373766-0f25-4ea3-84ce-69e5d9af2bfb.jpg?v=1710852304&width=533 533w,//espegard.com/cdn/shop/files/770-sommer-1_30373766-0f25-4ea3-84ce-69e5d9af2bfb.jpg?v=1710852304&width=720 720w,//espegard.com/cdn/shop/files/770-sommer-1_30373766-0f25-4ea3-84ce-69e5d9af2bfb.jpg?v=1710852304&width=940 940w,//espegard.com/cdn/shop/files/770-sommer-1_30373766-0f25-4ea3-84ce-69e5d9af2bfb.jpg?v=1710852304&width=1066 1066w,//espegard.com/cdn/shop/files/770-sommer-1_30373766-0f25-4ea3-84ce-69e5d9af2bfb.jpg?v=1710852304 1335w"
        src="//espegard.com/cdn/shop/files/770-sommer-1_30373766-0f25-4ea3-84ce-69e5d9af2bfb.jpg?v=1710852304&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="1335"
        height="1335"
        
    >
</responsive-image>

                  
                    <div class="f-image-card__content f-image-card__content-layout1" style="--color-overlay-alpha: 0">
                      <div class="f-image-card__content-box f-text-blocks" style="--text-color: #F6F3ED;">
                        <div class="f-image-card__content-text f-text-blocks">
                          
                          
                          
                        </div>
                        
                          <a href="#" class="f-image-card__action no-color-schema btn btn--underline disabled"></a>
                        
                      </div>
                    </div>
                </div>
              
          </div>
        </div>
      
    </div>
  </div>
</div>


</div><div id="shopify-section-template--16739405791421__video_hero_nVeBXy" class="shopify-section">
  <link rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/hero.css?v=164141196453768625271709279066" media="print" onload="this.media='all'">






<div
  class="f-hero f-hero--medium use-bodyfont"
  id="template--16739405791421__video_hero_nVeBXy"
  data-section-id="template--16739405791421__video_hero_nVeBXy"
  data-section-type="hero-section"
  data-hero-height="medium"
>
  <div class="container-full">
    <div
      class="f-hero__wrapper relative"
    >
      
      <div
        class="f-video-wrapper"
      >
        <video-component
          class="f-video__bg"
          data-init="false"
          data-type="mp4"
          data-video-id="_9VUPq3SxOc"
        >
          
            <video class="video-playsinline" src="https://cdn.shopify.com/videos/c/vp/3a01294b41df4cb1b81c651120acb2ce/3a01294b41df4cb1b81c651120acb2ce.HD-720p-4.5Mbps-25568188.mp4" playsinline autoplay muted loop></video>
          
        </video-component>
      </div>
      
        <div class="f-hero__overlay bg-overlay" style="--color-overlay-alpha: 30"></div>
      
      
        <div class="f-hero__content-wrapper absolute inset-full flex container flex f-hero__content--center">
          <div
            class="f-hero__content f-text-blocks text-center md:text-center"
            style="--text-color: #ffffff;"
          ><h2
                    class="f-hero_heading text-current h1"
										
                    
                  >
                    There is something completely magical about the campfire— the peaceful dance of flames, spreading warmth and creating idyllic moments under open skies.
                  </h2><div 
										class="f-hero_text text-current rte"
										
										
									>
                    
                  </div></div>
        </div>
      
    </div>
  </div>
</div>


</div><div id="shopify-section-template--16739405791421__collection_list_apQUAz" class="shopify-section">
  <link rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/component-collection-card.css?v=167487182152834596281709279066" media="print" onload="this.media='all'">



  <style data-shopify>
    @media(max-width: 767px) {
      .section__header .section__button {
        margin-top: 1.2rem;
      }
    }
  </style>

<div
    id="template--16739405791421__collection_list_apQUAz"
    data-section-type="collection-list"
    data-section-id="template--16739405791421__collection_list_apQUAz"
    class="collection-list f-section-padding color-background-1"
    style="--section-padding-top: 100px ; --section-padding-bottom: 44px;"
>
  <div class="container">
    

    <flickity-component
        class="f-grid f-grid-2-cols md:f-grid-2-cols xl:f-grid-3-cols flickity-disable f-grid--gap-medium f-swiper f-swiper--no-scrollbar"
        data-slider-options='{"pageDots": true, "prevNextButtons": true, "groupCells": 3, "cellSelector": ".f-column", "wrapAround": true}'
        data-slider-columns="3"
        data-calc-button-position="true"
        data-enable-slider="false"
    >
        
<div class="f-column">
  <div
    class="block"
    >
    <div class="collection-card collection-card--style-1 text-center f-image-hover-effect__zoom" style="--text-color: #2F2E28;">
      <div class="collection-card__image-wrapper f-card overflow-hidden">
        <a
          title="Campire Pans"
          href="/collections/fire-pans"
          class="collection-card__wrapper"
        >
          
<div class="f-image collection-card__image" style="--aspect-ratio: 1/1;">
              <img src="//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&amp;width=1500" alt="Campire Pans" srcset="//espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&amp;width=375 375w, //espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&amp;width=550 550w, //espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&amp;width=750 750w, //espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&amp;width=1100 1100w, //espegard.com/cdn/shop/files/Silhuett-campfire-pan.png?v=1709810908&amp;width=1500 1500w" width="2000" height="2000.0" loading="lazy" fetchpriority="low" sizes="50vw">
            </div>
          
        </a>
      </div><div class="collection-card__info ">
        <div class="collection-card__info--group ">
          <h3 class="collection-card__title text-current font-heading h4">
            Campire Pans
          </h3>
          
        </div>
        
      </div>
    </div>
  </div>
</div>

        
<div class="f-column">
  <div
    class="block"
    >
    <div class="collection-card collection-card--style-1 text-center f-image-hover-effect__zoom" style="--text-color: #2F2E28;">
      <div class="collection-card__image-wrapper f-card overflow-hidden">
        <a
          title="Campfire Cooking"
          href="/collections/campfire-cooking"
          class="collection-card__wrapper"
        >
          
<div class="f-image collection-card__image" style="--aspect-ratio: 1/1;">
              <img src="//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&amp;width=1500" alt="Campfire Cooking" srcset="//espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&amp;width=375 375w, //espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&amp;width=550 550w, //espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&amp;width=750 750w, //espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&amp;width=1100 1100w, //espegard.com/cdn/shop/files/Untitled-1.png?v=1709811281&amp;width=1500 1500w" width="2000" height="2000.0" loading="lazy" fetchpriority="low" sizes="50vw">
            </div>
          
        </a>
      </div><div class="collection-card__info ">
        <div class="collection-card__info--group ">
          <h3 class="collection-card__title text-current font-heading h4">
            Campfire Cooking
          </h3>
          
        </div>
        
      </div>
    </div>
  </div>
</div>

        
<div class="f-column">
  <div
    class="block"
    >
    <div class="collection-card collection-card--style-1 text-center f-image-hover-effect__zoom" style="--text-color: #2F2E28;">
      <div class="collection-card__image-wrapper f-card overflow-hidden">
        <a
          title="Accessories"
          href="/collections/accessories"
          class="collection-card__wrapper"
        >
          
<div class="f-image collection-card__image" style="--aspect-ratio: 1/1;">
              <img src="//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&amp;width=1500" alt="Accessories" srcset="//espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&amp;width=375 375w, //espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&amp;width=550 550w, //espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&amp;width=750 750w, //espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&amp;width=1100 1100w, //espegard.com/cdn/shop/files/silhuett-2.png?v=1709905378&amp;width=1500 1500w" width="2000" height="2000.0" loading="lazy" fetchpriority="low" sizes="50vw">
            </div>
          
        </a>
      </div><div class="collection-card__info ">
        <div class="collection-card__info--group ">
          <h3 class="collection-card__title text-current font-heading h4">
            Accessories
          </h3>
          
        </div>
        
      </div>
    </div>
  </div>
</div>

        
    </flickity-component>
    
  </div>
</div>



</div><div id="shopify-section-template--16739405791421__custom_content_EyeJ77" class="shopify-section">
  <link rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/custom-content.css?v=93330018368962691709279065" media="print" onload="this.media='all'">


<div
  id="template--16739405791421__custom_content_EyeJ77"
  class="f-custom use-bodyfont relative f-section-padding color-background-1"
  data-section-type="f-custom-content"
  data-section-id="template--16739405791421__custom_content_EyeJ77"
  style="--section-padding-top: 52px ; --section-padding-bottom: 52px; --row-gap-mobile: 1.6rem;"
>
  
  <div class="container-fluid">
    

    <div class="f-flex flex-wrap f-grid--gap-extra-large">
      
        
        <div id="f-custom-block--image_XQxeCL" class="f-column w-full md:w-1/2 lg:w-8/12" data-block-type="image" >
          <div class="f-custom__block f-custom__block--image h-full md:flex items-center text- ">
            
                <div 
                  class="w-full block overflow-hidden"
                  
                >
                  
                    <div class="block f-card w-full">
                        
<responsive-image data-index="1" class="f-image " data-image-loading  style="--aspect-ratio: 1.4980289093298291;">
    <img
        srcset="//espegard.com/cdn/shop/files/camembert1.jpg?v=1709732713&width=165 165w,//espegard.com/cdn/shop/files/camembert1.jpg?v=1709732713&width=360 360w,//espegard.com/cdn/shop/files/camembert1.jpg?v=1709732713&width=533 533w,//espegard.com/cdn/shop/files/camembert1.jpg?v=1709732713&width=720 720w,//espegard.com/cdn/shop/files/camembert1.jpg?v=1709732713&width=940 940w,//espegard.com/cdn/shop/files/camembert1.jpg?v=1709732713&width=1066 1066w,//espegard.com/cdn/shop/files/camembert1.jpg?v=1709732713 1140w"
        src="//espegard.com/cdn/shop/files/camembert1.jpg?v=1709732713&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="1140"
        height="761"
        
    >
</responsive-image>

                    </div>
                  
                </div>

              
          </div>
        </div>
      
        
        <div id="f-custom-block--text_Di6TA8" class="f-column w-full md:w-1/2 lg:w-1/3" data-block-type="text" >
          <div class="f-custom__block f-custom__block--text h-full md:flex items-center text-left ">
            
                <div class="f-text-blocks w-full">
                  
                  
                      <h3 
                        class="h1 text-current"
                        
                      >Outdoor cooking made easy</h3>
                  
                  
                      <div 
                        class="mega-description rte"
                        
                      ><p>We enjoyed ourselves with food, conversation, and shared hunting stories around a crackling fire.</p></div>
                  
                  
                      <div 
                        class="f-text-blocks__btn"
                        
                      >
                          <a href="" class="btn btn--primary">Our Recipes</a>
                      </div>
                  
                </div>
              
          </div>
        </div>
      
    </div>
  </div>
</div>


</div><div id="shopify-section-template--16739405791421__4595571a-cc7f-48db-a0ac-caff45d830ee" class="shopify-section">
  <link rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/slideshow-component.css?v=30137715270459912271709279066" media="print" onload="this.media='all'">

<script src="//espegard.com/cdn/shop/t/5/assets/slideshow-component.js?v=177425070916688096401709279065" defer="defer"></script>
<div
  id="template--16739405791421__4595571a-cc7f-48db-a0ac-caff45d830ee"
  data-section-type="slideshow"
  data-section-id="template--16739405791421__4595571a-cc7f-48db-a0ac-caff45d830ee"
  class="f-slideshow use-bodyfont"
  role="region"
  aria-roledescription="Carousel"
  aria-label="Slideshow about our brand"
>
  <div class="container-full">
    <slideshow-component
      class="f-slideshow-wrapper f-slideshow-wrapper--large f-slideshow--mobile-controls-below"
      data-mobile-stack="false"
			data-media-loading
      style="--number-slides: 1; --pagination-background: transparent; --slider-controls-color: #ffffff;"
    >
      <flickity-component
        id="f-slideshow-template--16739405791421__4595571a-cc7f-48db-a0ac-caff45d830ee"
        class="f-slideshow__slides overflow-hidden w-full flickity-button-initialized flickity-controls-group flickity-controls-group__bottom flickity-controls-group__bottom--center flickity-pagination--dots flickity-no-page f-pagination-bg--none"
        data-slider-options='{"pageDots": false, "dragThreshold": 20, "prevNextButtons": true, "autoPlay": 3000, "wrapAround": true, "fade": true, "adaptiveHeight": true, "setGallerySize": false, "cellSelector": ".f-slideshow__slide"}'
        aria-live="polite"
        aria-atomic="true"
        data-enable-slider="true"
        data-slider-columns="0">
        
          
              
              <div
                class="f-slideshow__slide"
                data-index="0"
                role="group"
                aria-roledescription="Slide"
                aria-label="1 of 1"
                tabindex="-1"
                
              >
                
                  <div class="f-slideshow__slide-bg bg-image"><img src="//espegard.com/cdn/shop/files/Campfire-pan-morning.jpg?v=1709549480&amp;width=1500" alt="Espegard® North America" srcset="//espegard.com/cdn/shop/files/Campfire-pan-morning.jpg?v=1709549480&amp;width=375 375w, //espegard.com/cdn/shop/files/Campfire-pan-morning.jpg?v=1709549480&amp;width=550 550w, //espegard.com/cdn/shop/files/Campfire-pan-morning.jpg?v=1709549480&amp;width=750 750w, //espegard.com/cdn/shop/files/Campfire-pan-morning.jpg?v=1709549480&amp;width=1100 1100w, //espegard.com/cdn/shop/files/Campfire-pan-morning.jpg?v=1709549480&amp;width=1500 1500w" width="2500" height="1667.0" loading="lazy" fetchpriority="low" sizes="100vw" style="object-position:71.7322% 60.3645%;">
                  </div>
                
                
                
                  <div
                    class="f-slideshow__overlay bg-overlay"
                    style="--color-overlay-alpha: 25"
                  ></div>
                
              </div>
            
        
				
      </flickity-component>
      <div class="f-slideshow__text absolute inset-full flex">
        
          
          <div
            class="f-slideshow__content-wrapper absolute focus-none inset-full flex f-slideshow__content--left-middle container"
            tabindex="-1"
            data-text-color="#ffffff"
            
          >
            <div class="f-slideshow__content f-text-blocks hidden text-center sm:text-left" style="--slide-content-text-color: #ffffff;">
              
              
                <h2 class="f-slideshow__title h-xl">
                  Adventurous Outdoor Memories
                </h2>
              
              
                <div class="f-slideshow__description text-desc-lg">
                  <p>A fireplace designed for the Nordic lifestyle.</p>
                </div>
              
              <div class="f-slideshow__btn-group f-text-blocks__btn">
                
                
                  <div class="f-slideshow__btn f-slideshow__btn-first">
                    <a
                      href="/pages/the-campfire-pan-a-new-form-for-campfires-is-born"
                      
                      class="btn btn--white "
                    >
                      The Campfire Pan
                    </a>
                  </div>
                
                
              </div>
            </div>
          </div>
        
      </div>
    </slideshow-component>
  </div>
</div>


</div><div id="shopify-section-template--16739405791421__6e640a09-b3f0-49b6-8348-771554ae0358" class="shopify-section">
  <link rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/gallery-images.css?v=14045252829926115411709279066" media="print" onload="this.media='all'">


<div id="template--16739405791421__6e640a09-b3f0-49b6-8348-771554ae0358" data-section-type="gallery-images" data-section-id="template--16739405791421__6e640a09-b3f0-49b6-8348-771554ae0358" data-columns="5" data-enable-slider="false" class="f-section__gallery-images f-section-padding color-background-1" style="--section-padding-top: 100px ; --section-padding-bottom: 100px;">
  <div class="container-fluid">
    
  
    <div class="section__header flex flex-col spacing--normal text-left md:text-center">
        
        
            <h2 class="section__heading h2">@espegard</h2>
        
        
            <div class="section__description"><p>Follow us on Instagram</p></div>
        
				
    </div>


    <flickity-component
      class="f-grid items-center f-grid-2-cols md:f-grid-5-cols flickity-disable f-grid--gap-extra-small f-swiper f-swiper--no-scrollbar"
      data-slider-options='{"pageDots": false, "prevNextButtons": false, "groupCells": 5, "wrapAround": true, "freeScroll": false}'
      data-slider-columns="5"
      data-enable-slider="false"
      data-calc-button-position="true"
    ><div class="f-column" >
					<div class="block w-full "
						
					>
						<a href="https://www.instagram.com/espegard" aria-label="image-gallery-image-1" class="gallery-images__item flex items-center justify-center text-center h-full f-image-hover-effect__zoom">
              
                
<responsive-image data-index="1" class="f-image w-full" data-image-loading  style="--aspect-ratio: 1/1;">
    <img
        srcset="//espegard.com/cdn/shop/files/instagram-espegard-1.jpg?v=1709816658&width=165 165w,//espegard.com/cdn/shop/files/instagram-espegard-1.jpg?v=1709816658&width=360 360w,//espegard.com/cdn/shop/files/instagram-espegard-1.jpg?v=1709816658&width=533 533w,//espegard.com/cdn/shop/files/instagram-espegard-1.jpg?v=1709816658&width=720 720w,//espegard.com/cdn/shop/files/instagram-espegard-1.jpg?v=1709816658&width=940 940w,//espegard.com/cdn/shop/files/instagram-espegard-1.jpg?v=1709816658&width=1066 1066w,//espegard.com/cdn/shop/files/instagram-espegard-1.jpg?v=1709816658 1365w"
        src="//espegard.com/cdn/shop/files/instagram-espegard-1.jpg?v=1709816658&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="1365"
        height="1365"
        
    >
</responsive-image>

              
              
                <div class="gallery-images__item-overlay flex items-center justify-center text-center">
                  <p class="gallery-images__item-text text-medium">@espegard</p>
                </div>
              
          	</a>
					</div>
        </div><div class="f-column" >
					<div class="block w-full "
						
					>
						<a href="https://www.instagram.com/espegard" aria-label="image-gallery-image-2" class="gallery-images__item flex items-center justify-center text-center h-full f-image-hover-effect__zoom">
              
                
<responsive-image data-index="2" class="f-image w-full" data-image-loading  style="--aspect-ratio: 1/1;">
    <img
        srcset="//espegard.com/cdn/shop/files/instagram-espegard-7.jpg?v=1709816658&width=165 165w,//espegard.com/cdn/shop/files/instagram-espegard-7.jpg?v=1709816658&width=360 360w,//espegard.com/cdn/shop/files/instagram-espegard-7.jpg?v=1709816658&width=533 533w,//espegard.com/cdn/shop/files/instagram-espegard-7.jpg?v=1709816658&width=720 720w,//espegard.com/cdn/shop/files/instagram-espegard-7.jpg?v=1709816658&width=940 940w,//espegard.com/cdn/shop/files/instagram-espegard-7.jpg?v=1709816658&width=1066 1066w,//espegard.com/cdn/shop/files/instagram-espegard-7.jpg?v=1709816658 1367w"
        src="//espegard.com/cdn/shop/files/instagram-espegard-7.jpg?v=1709816658&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="1367"
        height="1367"
        
    >
</responsive-image>

              
              
                <div class="gallery-images__item-overlay flex items-center justify-center text-center">
                  <p class="gallery-images__item-text text-medium">@espegard</p>
                </div>
              
          	</a>
					</div>
        </div><div class="f-column" >
					<div class="block w-full "
						
					>
						<a href="https://www.instagram.com/espegard" aria-label="image-gallery-image-3" class="gallery-images__item flex items-center justify-center text-center h-full f-image-hover-effect__zoom">
              
                
<responsive-image data-index="3" class="f-image w-full" data-image-loading  style="--aspect-ratio: 1/1;">
    <img
        srcset="//espegard.com/cdn/shop/files/instagram-espegard-8.jpg?v=1709816658&width=165 165w,//espegard.com/cdn/shop/files/instagram-espegard-8.jpg?v=1709816658&width=360 360w,//espegard.com/cdn/shop/files/instagram-espegard-8.jpg?v=1709816658&width=533 533w,//espegard.com/cdn/shop/files/instagram-espegard-8.jpg?v=1709816658&width=720 720w,//espegard.com/cdn/shop/files/instagram-espegard-8.jpg?v=1709816658&width=940 940w,//espegard.com/cdn/shop/files/instagram-espegard-8.jpg?v=1709816658&width=1066 1066w,//espegard.com/cdn/shop/files/instagram-espegard-8.jpg?v=1709816658 1366w"
        src="//espegard.com/cdn/shop/files/instagram-espegard-8.jpg?v=1709816658&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="1366"
        height="1366"
        
    >
</responsive-image>

              
              
                <div class="gallery-images__item-overlay flex items-center justify-center text-center">
                  <p class="gallery-images__item-text text-medium">@espegard</p>
                </div>
              
          	</a>
					</div>
        </div><div class="f-column" >
					<div class="block w-full "
						
					>
						<a href="https://www.instagram.com/espegard" aria-label="image-gallery-image-4" class="gallery-images__item flex items-center justify-center text-center h-full f-image-hover-effect__zoom">
              
                
<responsive-image data-index="4" class="f-image w-full" data-image-loading  style="--aspect-ratio: 1/1;">
    <img
        srcset="//espegard.com/cdn/shop/files/instagram-espegard-6.jpg?v=1709816658&width=165 165w,//espegard.com/cdn/shop/files/instagram-espegard-6.jpg?v=1709816658&width=360 360w,//espegard.com/cdn/shop/files/instagram-espegard-6.jpg?v=1709816658&width=533 533w,//espegard.com/cdn/shop/files/instagram-espegard-6.jpg?v=1709816658&width=720 720w,//espegard.com/cdn/shop/files/instagram-espegard-6.jpg?v=1709816658&width=940 940w,//espegard.com/cdn/shop/files/instagram-espegard-6.jpg?v=1709816658&width=1066 1066w,//espegard.com/cdn/shop/files/instagram-espegard-6.jpg?v=1709816658 1365w"
        src="//espegard.com/cdn/shop/files/instagram-espegard-6.jpg?v=1709816658&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="1365"
        height="1365"
        
    >
</responsive-image>

              
              
                <div class="gallery-images__item-overlay flex items-center justify-center text-center">
                  <p class="gallery-images__item-text text-medium">@espegard</p>
                </div>
              
          	</a>
					</div>
        </div><div class="f-column" >
					<div class="block w-full "
						
					>
						<a href="https://www.instagram.com/espegard" aria-label="image-gallery-image-5" class="gallery-images__item flex items-center justify-center text-center h-full f-image-hover-effect__zoom">
              
                
<responsive-image data-index="5" class="f-image w-full" data-image-loading  style="--aspect-ratio: 1/1;">
    <img
        srcset="//espegard.com/cdn/shop/files/instagram-espegard-4.jpg?v=1709816658&width=165 165w,//espegard.com/cdn/shop/files/instagram-espegard-4.jpg?v=1709816658&width=360 360w,//espegard.com/cdn/shop/files/instagram-espegard-4.jpg?v=1709816658&width=533 533w,//espegard.com/cdn/shop/files/instagram-espegard-4.jpg?v=1709816658&width=720 720w,//espegard.com/cdn/shop/files/instagram-espegard-4.jpg?v=1709816658&width=940 940w,//espegard.com/cdn/shop/files/instagram-espegard-4.jpg?v=1709816658&width=1066 1066w,//espegard.com/cdn/shop/files/instagram-espegard-4.jpg?v=1709816658 1365w"
        src="//espegard.com/cdn/shop/files/instagram-espegard-4.jpg?v=1709816658&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="1365"
        height="1365"
        
    >
</responsive-image>

              
              
                <div class="gallery-images__item-overlay flex items-center justify-center text-center">
                  <p class="gallery-images__item-text text-medium">@espegard</p>
                </div>
              
          	</a>
					</div>
        </div></flickity-component>
  </div>
</div>


</div><div id="shopify-section-template--16739405791421__custom_content_eYm9r4" class="shopify-section">
  <link rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/custom-content.css?v=93330018368962691709279065" media="print" onload="this.media='all'">


<div
  id="eps_section_decoration"
  class="f-custom relative f-section-padding color-background-1"
  data-section-type="f-custom-content"
  data-section-id="template--16739405791421__custom_content_eYm9r4"
  style="--section-padding-top: 100px ; --section-padding-bottom: 100px; --row-gap-mobile: 1.6rem;"
>
  
  <div class="container-full">
    

    <div class="f-flex flex-wrap f-grid--gap-extra-large">
      
        
        <div id="f-custom-block--image_kfC93H" class="f-column w-full md:w-1/2 lg:w-2/12" data-block-type="image" >
          <div class="f-custom__block f-custom__block--image h-full md:flex items-center text- none-padding ornament">
            
                <div 
                  class="w-full block overflow-hidden"
                  
                >
                  
                    <div class="block f-card w-full">
                        
<responsive-image data-index="1" class="f-image " data-image-loading  style="--aspect-ratio: 0.481;">
    <img
        srcset="//espegard.com/cdn/shop/files/ornaments-dark.png?v=1709811687&width=165 165w,//espegard.com/cdn/shop/files/ornaments-dark.png?v=1709811687&width=360 360w,//espegard.com/cdn/shop/files/ornaments-dark.png?v=1709811687&width=533 533w,//espegard.com/cdn/shop/files/ornaments-dark.png?v=1709811687&width=720 720w,//espegard.com/cdn/shop/files/ornaments-dark.png?v=1709811687&width=940 940w,//espegard.com/cdn/shop/files/ornaments-dark.png?v=1709811687 962w"
        src="//espegard.com/cdn/shop/files/ornaments-dark.png?v=1709811687&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="962"
        height="2000"
        
    >
</responsive-image>

                    </div>
                  
                </div>

              
          </div>
        </div>
      
        
        <div id="f-custom-block--text_HzQK8R" class="f-column w-full md:w-1/2 lg:w-1/2" data-block-type="text" >
          <div class="f-custom__block f-custom__block--text h-full md:flex items-center text-left use-bodyfont">
            
                <div class="f-text-blocks w-full">
                  
                  
                      <h3 
                        class="h-xl text-current"
                        
                      >A desire to spend time outdoors</h3>
                  
                  
                      <div 
                        class="mega-description rte"
                        
                      ><p>We test our products in the right environment and draw inspiration for new ideas. Over 30 year’s focus on quality has left us with excellent experience and we always strive ahead in relation to product development and improvement. Our goal is to facilitate an easily accessible outdoor life for most people, whether they are eager leisure-time enthusiasts or not. Today, our products are used by the Norwegian Royal family, grandparents in the deep forests and families by the coast and in the mountains. We hope you will enjoy them as well. There is no better place to be than outdoors in nature together with Espegard products.</p></div>
                  
                  
                      <div 
                        class="f-text-blocks__btn"
                        
                      >
                          <a href="/pages/our-vision" class="btn btn--primary">Our vision</a>
                      </div>
                  
                </div>
              
          </div>
        </div>
      
        
        <div id="f-custom-block--image_tfVfBH" class="f-column w-full md:w-1/2 lg:w-1/3" data-block-type="image" >
          <div class="f-custom__block f-custom__block--image h-full md:flex items-center text- ">
            
                <div 
                  class="w-full block overflow-hidden"
                  
                >
                  
                    <div class="block f-card w-full">
                        
<responsive-image data-index="3" class="f-image " data-image-loading  style="--aspect-ratio: 1.0614374034003091;">
    <img
        srcset="//espegard.com/cdn/shop/files/balpanne.png?v=1709742228&width=165 165w,//espegard.com/cdn/shop/files/balpanne.png?v=1709742228&width=360 360w,//espegard.com/cdn/shop/files/balpanne.png?v=1709742228&width=533 533w,//espegard.com/cdn/shop/files/balpanne.png?v=1709742228&width=720 720w,//espegard.com/cdn/shop/files/balpanne.png?v=1709742228&width=940 940w,//espegard.com/cdn/shop/files/balpanne.png?v=1709742228&width=1066 1066w,//espegard.com/cdn/shop/files/balpanne.png?v=1709742228&width=1500 1500w,//espegard.com/cdn/shop/files/balpanne.png?v=1709742228&width=1780 1780w,//espegard.com/cdn/shop/files/balpanne.png?v=1709742228&width=2000 2000w,//espegard.com/cdn/shop/files/balpanne.png?v=1709742228 2747w"
        src="//espegard.com/cdn/shop/files/balpanne.png?v=1709742228&width=360"
        sizes="(min-width: 1270px) 285px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
        alt=""
        loading="lazy"
        fetchpriority="low"
        class=""
        width="2747"
        height="2588"
        
    >
</responsive-image>

                    </div>
                  
                </div>

              
          </div>
        </div>
      
    </div>
  </div>
</div>


</div>
      </main>
      
<link rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/search-drawer.css?v=38855336796631681021709279066" media="print" onload="this.media='all'">
<noscript>
    <link href="//espegard.com/cdn/shop/t/5/assets/search-drawer.css?v=38855336796631681021709279066" rel="stylesheet" type="text/css" media="all" />
</noscript>

<drawer-component id="Drawer-Search" class="f-drawer f-drawer-search no-js-hidden" hidden data-element-to-focus="#f-search-drawer-input" role="dialog" aria-modal="true" aria-label="Search" style="--f-drawer-width: 450px; --f-drawer-header-height: auto;">
    <div class="f-drawer__overlay"></div>
    <div class="f-search-drawer f-drawer__content"><predictive-search class="h-full" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="f-search-drawer__form h-full flex flex-col">
                <div class="f-drawer__header">
                    <div class="f-search-drawer__field w-full">
                        <span class="f-search-drawer__field-icon">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" class="f-icon-svg f-icon-svg--medium  f-icon-search" xmlns="http://www.w3.org/2000/svg">
		<g>
				<path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M15.8035 15.8032L21 20.9998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
		</g>
</svg>


                        </span>
                        <label class="visually-hidden" for="f-search-drawer-input">Search</label>
                        <input class="form-control focus-none f-search-drawer__input"
                           id="f-search-drawer-input"
                           type="search"
                           name="q"
                           value=""
                           placeholder="Search"
                           data-drawer-focus
                            
                                role="combobox"
                                aria-expanded="false"
                                aria-owns="f-predictive-search-results"
                                aria-controls="f-predictive-search-results"
                                aria-haspopup="listbox"
                                aria-autocomplete="list"
                                autocorrect="off"
                                autocomplete="off"
                                autocapitalize="off"
                                spellcheck="false"
                                data-predictive-search-input
                            
                        >
                        <span class="input-focus-border"></span>
                        <input type="hidden" name="options[prefix]" value="last">
                    </div>
                    <drawer-closer class="f-drawer__close btn btn--plain" role="button" aria-label="Close">
                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"  viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--medium  f-icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>

                    </drawer-closer>
                </div>
                <div class="f-drawer__scroller">
                
                
<div class="f-predictive-search__recommendations">
                        <h4 class="f-predictive-search__subheading text-subheading">Most searched products:</h4>
                        <ul class="f-predictive-search__results-list list-none" role="listbox" aria-labelledby="f-predictive-search-results-list">
                            
                                <li role="option" aria-selected="false">
                                    <a href="/products/birkebeiner-campfire-pan-70" class="f-predictive-search__item f-image-hover-effect__zoom" tabindex="-1"><div class="f-predictive-search__item-image">
                                                <responsive-image class="f-predictive-search__item-image f-image" style="--aspect-ratio: 1.0">
                                                    <img
                                                        src="//espegard.com/cdn/shop/files/2001-Birkebeiner-Balpanne-70.png?v=1710852304&width=150"
                                                        alt="Birkebeiner Campfire Pan 70"
                                                        width="70"
                                                        height="70.0"
                                                        loading="lazy"
                                                    >
                                                </responsive-image>
                                            </div><div class="f-predictive-search__item-content"><h3 class="f-predictive-search__item-heading h6">Birkebeiner Campfire Pan 70</h3>
<div class="f-price"><div class="f-price__regular">
    <span class="visually-hidden visually-hidden--inline">Regular price</span>
    <span class="f-price-item f-price-item--regular">
        $599.00
      </span>
  </div>
  <div class="f-price__sale">
    <span class="visually-hidden visually-hidden--inline">Sale price</span>
    <span class="f-price-item f-price-item--sale">
        $599.00
      </span>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
      <span>
          <s class="f-price-item f-price-item--regular">
            
              
            
          </s>
        </span></div>
  <div class="f-price__unit-wrapper hidden">
    <span class="visually-hidden">Unit price</span>
    <div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></div>
  </div>

  
</div>

</div>
                                    </a>
                                </li>
                                <li role="option" aria-selected="false">
                                    <a href="/products/brackets-60" class="f-predictive-search__item f-image-hover-effect__zoom" tabindex="-1"><div class="f-predictive-search__item-image">
                                                <responsive-image class="f-predictive-search__item-image f-image" style="--aspect-ratio: 1.0">
                                                    <img
                                                        src="//espegard.com/cdn/shop/files/775-brakett_60-3.png?v=1709331139&width=150"
                                                        alt="Brackets 60"
                                                        width="70"
                                                        height="70.0"
                                                        loading="lazy"
                                                    >
                                                </responsive-image>
                                            </div><div class="f-predictive-search__item-content"><h3 class="f-predictive-search__item-heading h6">Brackets 60</h3>
<div class="f-price"><div class="f-price__regular">
    <span class="visually-hidden visually-hidden--inline">Regular price</span>
    <span class="f-price-item f-price-item--regular">
        $33.00
      </span>
  </div>
  <div class="f-price__sale">
    <span class="visually-hidden visually-hidden--inline">Sale price</span>
    <span class="f-price-item f-price-item--sale">
        $33.00
      </span>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
      <span>
          <s class="f-price-item f-price-item--regular">
            
              
            
          </s>
        </span></div>
  <div class="f-price__unit-wrapper hidden">
    <span class="visually-hidden">Unit price</span>
    <div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></div>
  </div>

  
</div>

</div>
                                    </a>
                                </li>
                                <li role="option" aria-selected="false">
                                    <a href="/products/brackets-70" class="f-predictive-search__item f-image-hover-effect__zoom" tabindex="-1"><div class="f-predictive-search__item-image">
                                                <responsive-image class="f-predictive-search__item-image f-image" style="--aspect-ratio: 1.0">
                                                    <img
                                                        src="//espegard.com/cdn/shop/files/775b-brakett_70.png?v=1709331249&width=150"
                                                        alt="Brackets 70"
                                                        width="70"
                                                        height="70.0"
                                                        loading="lazy"
                                                    >
                                                </responsive-image>
                                            </div><div class="f-predictive-search__item-content"><h3 class="f-predictive-search__item-heading h6">Brackets 70</h3>
<div class="f-price"><div class="f-price__regular">
    <span class="visually-hidden visually-hidden--inline">Regular price</span>
    <span class="f-price-item f-price-item--regular">
        $33.00
      </span>
  </div>
  <div class="f-price__sale">
    <span class="visually-hidden visually-hidden--inline">Sale price</span>
    <span class="f-price-item f-price-item--sale">
        $33.00
      </span>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
      <span>
          <s class="f-price-item f-price-item--regular">
            
              
            
          </s>
        </span></div>
  <div class="f-price__unit-wrapper hidden">
    <span class="visually-hidden">Unit price</span>
    <div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></div>
  </div>

  
</div>

</div>
                                    </a>
                                </li>
                                <li role="option" aria-selected="false">
                                    <a href="/products/fire-pan-lid-60" class="f-predictive-search__item f-image-hover-effect__zoom" tabindex="-1"><div class="f-predictive-search__item-image">
                                                <responsive-image class="f-predictive-search__item-image f-image" style="--aspect-ratio: 1.0">
                                                    <img
                                                        src="//espegard.com/cdn/shop/products/produktbilder-web-mal.png?v=1706884042&width=150"
                                                        alt="Camfire Pan Lid 60"
                                                        width="70"
                                                        height="70.0"
                                                        loading="lazy"
                                                    >
                                                </responsive-image>
                                            </div><div class="f-predictive-search__item-content"><h3 class="f-predictive-search__item-heading h6">Camfire Pan Lid 60</h3>
<div class="f-price"><div class="f-price__regular">
    <span class="visually-hidden visually-hidden--inline">Regular price</span>
    <span class="f-price-item f-price-item--regular">
        $109.00
      </span>
  </div>
  <div class="f-price__sale">
    <span class="visually-hidden visually-hidden--inline">Sale price</span>
    <span class="f-price-item f-price-item--sale">
        $109.00
      </span>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
      <span>
          <s class="f-price-item f-price-item--regular">
            
              
            
          </s>
        </span></div>
  <div class="f-price__unit-wrapper hidden">
    <span class="visually-hidden">Unit price</span>
    <div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></div>
  </div>

  
</div>

</div>
                                    </a>
                                </li>
                                <li role="option" aria-selected="false">
                                    <a href="/products/campfire-gloves" class="f-predictive-search__item f-image-hover-effect__zoom" tabindex="-1"><div class="f-predictive-search__item-image">
                                                <responsive-image class="f-predictive-search__item-image f-image" style="--aspect-ratio: 1.0">
                                                    <img
                                                        src="//espegard.com/cdn/shop/products/7209-baalhanske-espegard-6.png?v=1706884038&width=150"
                                                        alt="Campfire Gloves"
                                                        width="70"
                                                        height="70.0"
                                                        loading="lazy"
                                                    >
                                                </responsive-image>
                                            </div><div class="f-predictive-search__item-content"><h3 class="f-predictive-search__item-heading h6">Campfire Gloves</h3>
<div class="f-price"><div class="f-price__regular">
    <span class="visually-hidden visually-hidden--inline">Regular price</span>
    <span class="f-price-item f-price-item--regular">
        $28.00
      </span>
  </div>
  <div class="f-price__sale">
    <span class="visually-hidden visually-hidden--inline">Sale price</span>
    <span class="f-price-item f-price-item--sale">
        $28.00
      </span>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
      <span>
          <s class="f-price-item f-price-item--regular">
            
              
            
          </s>
        </span></div>
  <div class="f-price__unit-wrapper hidden">
    <span class="visually-hidden">Unit price</span>
    <div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></div>
  </div>

  
</div>

</div>
                                    </a>
                                </li></ul>
                    </div>
                
<div class="f-predictive-search f-predictive-search--drawer" tabindex="-1" data-predictive-search>
                        <div class="f-predictive-search__loading-state">
                            <svg aria-hidden="true" focusable="false" role="presentation" class="f-icon-svg f-icon--medium  f-spinner-icon" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
    <circle fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>

                        </div>
                    </div>

                    <span class="visually-hidden" role="status" aria-hidden="true" data-predictive-search-status></span></div>
            </form></predictive-search></div>
</drawer-component><script src="//espegard.com/cdn/shop/t/5/assets/search-drawer.js?v=170330768523545610231709279066" defer="defer"></script>
      <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--16739405955261__newsletter_nNTJzq" class="shopify-section shopify-section-group-footer-group"><link id="ModalComponent" rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/newsletter.css?v=80957019628082305521709279066" media="print" onload="this.media='all'">
<noscript><link href="//espegard.com/cdn/shop/t/5/assets/newsletter.css?v=80957019628082305521709279066" rel="stylesheet" type="text/css" media="all" /></noscript>



<div id="sections--16739405955261__newsletter_nNTJzq" class="f-newsletter relative  f-section-padding color-inverse" style="--section-padding-top: 40px ; --section-padding-bottom: 40px;">
  <div class="container">
    <div class="f-newsletter__wrapper relative flex justify-center">
      <div class="f-newsletter__form text-center">
        
          <h2 
						class="h2"
						
					>Subscribe to our newsletter</h2>
        
        
				<div 
					class="block"
					
				>
					
<div class="newsletter-form"><form method="post" action="/contact#ContactSubscribe-sections--16739405955261__newsletter_nNTJzq" id="ContactSubscribe-sections--16739405955261__newsletter_nNTJzq" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
        <input type="hidden" name="contact[tags]" value="newsletter">
        <label class="block visually-hidden" for="ContactSubscribe-sections--16739405955261__newsletter_nNTJzq-email">Email</label>
        <div class="flex items-center justify-center newsletter-form__wrapper">
            <input type="email"
                   name="contact[email]"
                   id="ContactSubscribe-sections--16739405955261__newsletter_nNTJzq-email"
                   value=""
                   placeholder="Enter your email"
                   autocorrect="off"
                   autocapitalize="off"
                   autocomplete="off"
                   spellcheck="false"
                   class="form-control"
                   required
            >
            <button type="submit" name="commit" aria-label="Submit" class="newsletter-form__submit">
                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </button>
        </div></form>
</div>

				</div>
      </div>
    </div>
  </div>
  
</div>


</div><div id="shopify-section-sections--16739405955261__footer" class="shopify-section shopify-section-group-footer-group"><link rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/footer.css?v=26204433862245353951709279067" media="print" onload="this.media='all'">

<footer class="site-footer">
  
    
  
    
  
    
  
    
  
  <div class="site-footer__top color-inverse">
    <div class="container">
      <div class="f-flex flex-wrap" style="--column-gap: 3rem; --column-gap-mobile: 1rem;">
        
          
          <div 
						class="f-column"
						data-column-type="text" 
						style="--column-width: 40;" 
						
					>
            
              <div 
								class="site-footer__block site-footer__block--text"
								
							>
                <footer-collapsible data-open-default="false">
                  <details id="Details-text_Q3pwGe-sections--16739405955261__footer" open>
                    
                      <summary>
                        <h3 class="site-footer__block-heading h6"></h3>
                        <span class="sm:hidden" data-collapsible-icon>
                            <svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                            <svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        </span>
                      </summary>
                    
                    <div class="site-footer__block-content">
                      
                          <div class="rte">
                            <p>Welcome to Espegard® – Norwegian Craftsmanship, Now in the USA. All purchases and customer services are managed by our trusted partner, Cedar Creek Rustic Furniture, ensuring you receive the highest standards of service and legal assurance in the United States. <a href="/pages/our-trusted-partner" target="_blank" title="Espegard® Partners with Cedar Creek Rustic Furnitures: Uniting to Elevate Outdoor Experiences">Read more</a></p>
                          </div>
                        
                    </div>
                  </details>
                </footer-collapsible>
              </div>
            
          </div>
        
          
          <div 
						class="f-column"
						data-column-type="empty_column" 
						style="--column-width: 205;" 
						
					>
            
          </div>
        
          
          <div 
						class="f-column"
						data-column-type="link_list" 
						style="--column-width: 18;" 
						
					>
            
              <div 
								class="site-footer__block site-footer__block--link_list"
								
							>
                <footer-collapsible data-open-default="false">
                  <details id="Details-footer-1-sections--16739405955261__footer" open>
                    
                      <summary>
                        <h3 class="site-footer__block-heading h6">About us</h3>
                        <span class="sm:hidden" data-collapsible-icon>
                            <svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                            <svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        </span>
                      </summary>
                    
                    <div class="site-footer__block-content">
                      
                        
                          <ul class="list-none">
                            
                              <li>
                                <a href="/pages/the-history-of-espegard" class="link--animated">
                                  Our Story
                                </a>
                              </li>
                            
                              <li>
                                <a href="/products/espegard-fire-pan-60" class="link--animated">
                                  The Campfire Pan
                                </a>
                              </li>
                            
                              <li>
                                <a href="/blogs/recipes" class="link--animated">
                                  Food & Recipes
                                </a>
                              </li>
                            
                              <li>
                                <a href="#" class="link--animated">
                                  FAQ
                                </a>
                              </li>
                            
                          </ul>
                        
                      
                    </div>
                  </details>
                </footer-collapsible>
              </div>
            
          </div>
        
          
          <div 
						class="f-column"
						data-column-type="link_list" 
						style="--column-width: 21;" 
						
					>
            
              <div 
								class="site-footer__block site-footer__block--link_list"
								
							>
                <footer-collapsible data-open-default="false">
                  <details id="Details-fa9f3515-f501-433a-b115-4fe8513f8f75-sections--16739405955261__footer" open>
                    
                      <summary>
                        <h3 class="site-footer__block-heading h6">Policies</h3>
                        <span class="sm:hidden" data-collapsible-icon>
                            <svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                            <svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        </span>
                      </summary>
                    
                    <div class="site-footer__block-content">
                      
                        
                          <ul class="list-none">
                            
                              <li>
                                <a href="/pages/contact" class="link--animated">
                                  Contact
                                </a>
                              </li>
                            
                              <li>
                                <a href="/policies/refund-policy" class="link--animated">
                                  Refund Policy
                                </a>
                              </li>
                            
                              <li>
                                <a href="/policies/privacy-policy" class="link--animated">
                                  Privacy Policy
                                </a>
                              </li>
                            
                              <li>
                                <a href="/policies/terms-of-service" class="link--animated">
                                  Terms of Service
                                </a>
                              </li>
                            
                          </ul>
                        
                      
                    </div>
                  </details>
                </footer-collapsible>
              </div>
            
          </div>
        
      </div>
    </div>
  </div>
  <div class="site-footer__bottom color-inverse">
    <div class="container">
      <div class="site-footer__bottom-wrapper">
        <div
						class="site-footer__bottom-row"
						
				>
						
								<div class="site-footer__selectors flex flex-wrap items-center md:justify-start">
										
												<link rel="preload" href="//espegard.com/cdn/shop/t/5/assets/localization-form.css?v=96997108284783327121709279067" as="style" onload="this.onload=null;this.rel='stylesheet';">
<script src="//espegard.com/cdn/shop/t/5/assets/localization-form.js?v=63146318516881510761709279065" defer="defer"></script>



										
										
												<link rel="preload" href="//espegard.com/cdn/shop/t/5/assets/localization-form.css?v=96997108284783327121709279067" as="style" onload="this.onload=null;this.rel='stylesheet';">
<link rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/component-country-flag.css?v=34440972015563471671709279066" media="print" onload="this.media='all'">
<script src="//espegard.com/cdn/shop/t/5/assets/localization-form.js?v=63146318516881510761709279065" defer="defer"></script>

    
<div class="country-switcher " style="--f-max-width: 220px">
    <noscript><form method="post" action="/localization" id="country-31_NoScript" accept-charset="UTF-8" class="selectors-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><h2 class="visually-hidden" id="CountryLabelNoScript-country-31">Country/region</h2>
            <div class="form-group">
                <select class="localization-selector form-control form-control--plain" name="country_code" aria-labelledby="CountryLabelNoScript-country-31"><option value="CA">
                            Canada (CAD $)
                        </option><option value="US" selected>
                            United States (USD $)
                        </option></select>
                <button class="btn btn--with-icon btn--square" aria-label="Update country/region">
                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"  viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--large  f-icon-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>

                    <span class="visually-hidden">Update country/region</span>
                </button>
            </div></form></noscript>

    <localization-form class="f-disclosure no-js-hidden f-disclosure--up f-disclosure--plain" data-disclosure-country><form method="post" action="/localization" id="country-31" accept-charset="UTF-8" class="selectors-form" enctype="multipart/form-data" data-disclosure-form=""><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><h2 class="visually-hidden" id="CountryLabel-country-31">Country/region</h2>
        <button type="button" class="f-disclosure__toggle btn--plain text-normal" aria-expanded="false" aria-controls="country-list" aria-describedby="CountryLabel-country-31" data-disclosure-toggle>
            <span class="f-country-flags f-country-flags--US"></span>
            United States (USD $)
            <svg class="f-icon--medium" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>

        </button>
        <ul class="f-disclosure-list scroll-container text-left hidden"><li class="f-disclosure-list__item">
                    <a class="f-disclosure-list__option" href="#" data-value="CA" data-disclosure-option>
                        <span class="f-country-flags f-country-flags--CA"></span>Canada<span class="localization-form__currency">(CAD $)</span>
                    </a>
                </li><li class="f-disclosure-list__item f-disclosure-list__item--current">
                    <a class="f-disclosure-list__option" href="#" aria-current="true" data-value="US" data-disclosure-option>
                        <span class="f-country-flags f-country-flags--US"></span>United States<span class="localization-form__currency">(USD $)</span>
                    </a>
                </li></ul>
        <input type="hidden" name="country_code" value="US" data-disclosure-input/></form></localization-form>
</div>


										
								</div>
						
						
								<div class="site-footer__social-links flex md:justify-end overflow-hidden">
										<ul class="social-links flex items-center list-none ">
    
        <li class="social-links__link">
            <a href="facebook.com/EspegardNorthAmerica" title="Facebook">
                <svg  aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 320 512">
  <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/>
</svg>
                <span class="visually-hidden">Facebook</span>
            </a>
        </li>
    
    
    
        <li class="social-links__link">
            <a href="https://no.pinterest.com/espegard_norway/" title="Pinterest">
                <svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 384 512">
  <path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/>
</svg>
                <span class="visually-hidden">Pinterest</span>
            </a>
        </li>
    
    
        <li class="social-links__link">
            <a href="http://instagram.com/espegard" title="Instagram">
                <svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting f-icon--medium " viewBox="0 0 18 18">
  <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
  <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
</svg>

                <span class="visually-hidden">Instagram</span>
            </a>
        </li>
    
    
    
    
    
    
    
    
    
</ul>

								</div>
						
        </div>
        <div
						class="site-footer__bottom-row"
						
				>
						<div class="flex flex-col site-footer__copyright-wrapper">
								
										<p class="site-footer__copyright">&copy; 2024, <a class="link-underline " href="https://espegard.com/policies/contact-information">Cedar Creek Rustic Furniture. US & Canadian reseller & distributor of Espegard®</a> <span><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></span></p>
								
</div>
						<div class="site-footer__bottom-menu-payment flex md:justify-end">
								
								
										<div class="site-footer__payment-icons">
												<span class="visually-hidden">Payment methods</span>
												<ul class="list-none payment-icons flex-wrap justify-start md:justify-end"><li class="payment-icon">
																		<svg class="f-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-amazon"><title id="pi-amazon">Amazon</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" fill-rule="nonzero" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF" fill-rule="nonzero"/><path d="M25.26 16.23c-1.697 1.48-4.157 2.27-6.275 2.27-2.97 0-5.644-1.3-7.666-3.463-.16-.17-.018-.402.173-.27 2.183 1.504 4.882 2.408 7.67 2.408 1.88 0 3.95-.46 5.85-1.416.288-.145.53.222.248.47v.001zm.706-.957c-.216-.328-1.434-.155-1.98-.078-.167.024-.193-.148-.043-.27.97-.81 2.562-.576 2.748-.305.187.272-.047 2.16-.96 3.063-.14.138-.272.064-.21-.12.205-.604.664-1.96.446-2.29h-.001z" fill="#F90" fill-rule="nonzero"/><path d="M21.814 15.291c-.574-.498-.676-.73-.993-1.205-.947 1.012-1.618 1.315-2.85 1.315-1.453 0-2.587-.938-2.587-2.818 0-1.467.762-2.467 1.844-2.955.94-.433 2.25-.51 3.25-.628v-.235c0-.43.033-.94-.208-1.31-.212-.333-.616-.47-.97-.47-.66 0-1.25.353-1.392 1.085-.03.163-.144.323-.3.33l-1.677-.187c-.14-.033-.296-.153-.257-.38.386-2.125 2.223-2.766 3.867-2.766.84 0 1.94.234 2.604.9.842.82.762 1.918.762 3.11v2.818c0 .847.335 1.22.65 1.676.113.164.138.36-.003.482-.353.308-.98.88-1.326 1.2a.367.367 0 0 1-.414.038zm-1.659-2.533c.34-.626.323-1.214.323-1.918v-.392c-1.25 0-2.57.28-2.57 1.82 0 .782.386 1.31 1.05 1.31.487 0 .922-.312 1.197-.82z" fill="#221F1F"/></svg>

																</li><li class="payment-icon">
																		<svg class="f-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

																</li><li class="payment-icon">
																		<svg class="f-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
																</li><li class="payment-icon">
																		<svg class="f-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
																</li></ul>
										</div>
								
						</div>
        </div>
      </div>
    </div>
  </div>
</footer>



<style> #shopify-section-sections--16739405955261__footer .site-footer {border-top: 1px solid var(--color-border);} </style></div><div id="shopify-section-sections--16739405955261__mobile-sticky-bar" class="shopify-section shopify-section-group-footer-group"><style data-shopify>
    .mobile-sticky-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 11;
        background: var(--color-background);
        box-shadow: -1px -2px 10px rgb(0 0 0 / 8%);
        max-width: 100vw;
    }
    .mobile-sticky-bar * {
      font-family: inherit;
    }
    .mobile-sticky-bar__link {
        flex: 1;
        padding: 1rem 0;
        min-height: 45px;
        display: inline-flex;
        justify-content: center;
        flex-flow: column-reverse;
        align-items: center;
        overflow: hidden;
				color: var(--color-text-body);
        border-right: 1px solid var(--color-border);
    }
    .mobile-sticky-bar__link:last-child {
      border-right: none;
    }
    .mobile-sticky-bar drawer-opener button {
        justify-content: center;
        flex-flow: column-reverse;
        align-items: center;
    }
    .mobile-sticky-bar__link span:not(.relative) {
        margin-top: 5px;
        line-height: 1;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
        flex: 0 0 auto;
        text-align: center;
    }
    .mobile-sticky-bar span.relative {
        line-height: 1;
    }
    .mobile-sticky-bar [data-cart-count-number] {
        line-height: 16px !important;
        font-size: 12px !important;
    }
    .mobile-sticky-bar__link svg {
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
    }
    .mobile-sticky-bar__hide-label .mobile-sticky-bar__link svg {
      width: 20px;
      height: 20px;
    }
    .mobile-sticky-bar__link .cart-link__count {
        position: absolute;
        top: -5px;
    }
		.mobile-sticky-bar__link .cart-link__count [data-cart-count-number] {
			margin: 0;
		}
    .mobile-sticky-bar .btn {
        --btn-transform: initial !important;
        flex-flow: column-reverse;
				font-weight: var(--font-body-weight);
    }
    body.mobile-sticky-bar-enabled {
        padding-bottom: calc(var(--f-mobile-navbar-height, 5rem) + 1rem);
    }

    @media( min-width: 768px ) {
        body.mobile-sticky-bar-enabled {
            padding-bottom: 0;
        }
    }
    @media( max-width: 767px ) {
        body {
            --f-mobile-navbar-height: 68px;
        }
    }
</style>


<mobile-sticky-bar class="mobile-sticky-bar font-body md:hidden" data-section-type="mobile-sticky-bar">
  <div class="mobile-sticky-bar__inner flex items-center ">

            <a class="mobile-sticky-bar__link text-body" href="https://espegard.com" >
              <span>Home</span>
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M14.25 19.5V15C14.25 14.801 14.171 14.6103 14.0303 14.4696C13.8897 14.329 13.6989 14.25 13.5 14.25H10.5C10.3011 14.25 10.1103 14.329 9.96967 14.4696C9.82902 14.6103 9.75 14.801 9.75 15V19.5C9.75 19.6989 9.67098 19.8896 9.53033 20.0303C9.38968 20.1709 9.19891 20.25 9 20.25H4.5C4.30109 20.25 4.11032 20.1709 3.96967 20.0303C3.82902 19.8896 3.75 19.6989 3.75 19.5V10.8281C3.75168 10.7243 3.77411 10.6219 3.81597 10.5269C3.85783 10.4319 3.91828 10.3462 3.99375 10.275L11.4937 3.45933C11.632 3.33284 11.8126 3.2627 12 3.2627C12.1874 3.2627 12.368 3.33284 12.5062 3.45933L20.0062 10.275C20.0817 10.3462 20.1422 10.4319 20.184 10.5269C20.2259 10.6219 20.2483 10.7243 20.25 10.8281V19.5C20.25 19.6989 20.171 19.8896 20.0303 20.0303C19.8897 20.1709 19.6989 20.25 19.5 20.25H15C14.8011 20.25 14.6103 20.1709 14.4697 20.0303C14.329 19.8896 14.25 19.6989 14.25 19.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
							</svg>
            </a>
          

            
            
            <a class="mobile-sticky-bar__link text-body" href="/collections/all" >
              <span>Products</span>
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M10.9 4H4.5V10.4H10.9V4Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
								<path d="M20.5001 4H14.1001V10.4H20.5001V4Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
								<path d="M10.9 13.5996H4.5V19.9996H10.9V13.5996Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
								<path d="M20.5001 13.5996H14.1001V19.9996H20.5001V13.5996Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
							</svg>
            </a>
          

            <drawer-opener class="mobile-sticky-bar__link text-body" data-drawer="#Drawer-Cart" aria-haspopup="dialog" role="button"  data-disabled="true">
                <a href="/cart" class="btn btn--plain" data-opener>
                    <span>Cart</span>
                    <span class="relative">
                    
		<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-icon-svg f-icon-svg--medium  f-icon-shopping-bag">
				<path d="M20.25 4.5H3.75C3.33579 4.5 3 4.83579 3 5.25V18.75C3 19.1642 3.33579 19.5 3.75 19.5H20.25C20.6642 19.5 21 19.1642 21 18.75V5.25C21 4.83579 20.6642 4.5 20.25 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M15.75 8.25C15.75 9.24456 15.3549 10.1984 14.6517 10.9017C13.9484 11.6049 12.9946 12 12 12C11.0054 12 10.0516 11.6049 9.34835 10.9017C8.64509 10.1984 8.25 9.24456 8.25 8.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>


                    <span class="cart-link__count is-cart-empty" data-cart-count-bubble>
                        <span data-cart-count-number>0</span>
                        <span class="visually-hidden" data-cart-count-text>items</span>
                    </span>
                  </span>
                </a>
            </drawer-opener>
          </div>
</mobile-sticky-bar>




</div><div id="shopify-section-sections--16739405955261__popup" class="shopify-section shopify-section-group-footer-group">

  <link rel="stylesheet" href="//espegard.com/cdn/shop/t/5/assets/popup-component.css?v=79234967316669159641709279065" media="print" onload="this.media='all'">
  <noscript>
    <link href="//espegard.com/cdn/shop/t/5/assets/popup-component.css?v=79234967316669159641709279065" rel="stylesheet" type="text/css" media="all" />
  </noscript>
  <popup-component
      class="f-popup"
      data-trigger-open="delay"
      data-repeat-open="every_day"
      style="--popup-width:600px;"
      
  >
    <div class="f-popup__content scroll-container" aria-modal="true" role="dialog" tabindex="-1" aria-label="Popup">
      <button class="f-popup__close btn btn--plain" aria-label="Close">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"  viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--medium  f-icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>

      </button>
      <div class="f-popup__inner text-center f-popup--image-left">
        
          
          
            <div class="f-popup__image" style="--aspect-ratio: 1.4981273408239701">
              <img
                  srcset="//espegard.com/cdn/shop/files/756-env-winter-2_web.jpg?v=1709330666&width=375 375w,//espegard.com/cdn/shop/files/756-env-winter-2_web.jpg?v=1709330666&width=750 750w,//espegard.com/cdn/shop/files/756-env-winter-2_web.jpg?v=1709330666&width=1100 1100w,//espegard.com/cdn/shop/files/756-env-winter-2_web.jpg?v=1709330666&width=1500 1500w,//espegard.com/cdn/shop/files/756-env-winter-2_web.jpg?v=1709330666&width=1780 1780w,//espegard.com/cdn/shop/files/756-env-winter-2_web.jpg?v=1709330666&width=2000 2000w,//espegard.com/cdn/shop/files/756-env-winter-2_web.jpg?v=1709330666 2000w"
                src="//espegard.com/cdn/shop/files/756-env-winter-2_web.jpg?v=1709330666&width=600"
                sizes="600px"
                alt=""
                loading="lazy"
                width="600"
                height="401"
              >
            </div>
          
        
        <div class="f-popup__blocks">
          
            
            
          
            
                
                
                  <div class="f-popup__title">
                    <h3>Don't want to miss anything?</h3>
                  </div>
                
              
          
            
                
                
                  <div class="f-popup__text rte"><p>Be the first to see new arrivals, exclusive deals and much more.</p></div>
                
              
          
            
                <div class="f-popup__form">
                  
<div class="newsletter-form"><form method="post" action="/contact#ContactSubscribe-Popup" id="ContactSubscribe-Popup" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
        <input type="hidden" name="contact[tags]" value="newsletter">
        <label class="block visually-hidden" for="ContactSubscribe-Popup-email">Email</label>
        <div class="flex items-center justify-center newsletter-form__wrapper">
            <input type="email"
                   name="contact[email]"
                   id="ContactSubscribe-Popup-email"
                   value=""
                   placeholder="Enter your email"
                   autocorrect="off"
                   autocapitalize="off"
                   autocomplete="off"
                   spellcheck="false"
                   class="form-control"
                   required
            >
            <button type="submit" name="commit" aria-label="Submit" class="newsletter-form__submit">
                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </button>
        </div></form>
</div>

                </div>
              
          
        </div>
      </div>
    </div>
  </popup-component>
  
  <script src="//espegard.com/cdn/shop/t/5/assets/popup-component.js?v=180594565628742199641709279066" defer="defer"></script>


</div>
<!-- END sections: footer-group -->
    </div>

    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
    </ul>

    
<script>
	window.FoxThemeStrings = {
		addToCart: "Add to cart",
		soldOut: "Sold out",
		unavailable: "Unavailable",
		inStock: "In stock",
		noSku: "N\/A",
		outOfStock: "Out of stock",
		unitPrice: "Unit price",
		requiredField: `Please fill all the required fields (*).`,
		unitPriceSeparator: "per",
		item_added: "Item added to your cart.",
		noShippingRate: "There are no shipping rates for your address.",
		shippingRatesResult: "We found {{count}} shipping rate(s) for your address",
		subTotal: "Subtotal",
		newSubTotal: "New subtotal",
		cartError: "There was an error while updating your cart. Please try again.",
		quantityError: `You can only add [quantity] of this item to your cart.`,
		notifications: {
			discount_applied: "Discount code is applied. You will see the discount on the checkout page.",
		},
		willNotShipUntil: "More incoming items on [date]",
		willBeInStockAfter: "Back in stock [date]",
		waitingForStock: "Inventory on the way",
		stockLabel: "Low stock - [count] items left",
		inStockLabel: "In stock, ready to ship",
		noSelectDeliveryTime: "Please select a delivery time.",
		invalidDeliveryTime: "Please select a valid time, the time must be greater than the current time."
	}

	window.FoxThemeSettings = {
		designMode: false,
		isMobile: window.matchMedia('screen and (max-width: 639px)').matches,
		template: "index",
		currency_code: "USD",
		money_format: "${{amount}}",
		shop_domain: "https:\/\/espegard.com",
		base_url: window.location.origin + Shopify.routes.root,
		routes: {
			root: "/",
			cart: "/cart",
			cart_add_url: "/cart/add",
			cart_change_url: "/cart/change",
			cart_update_url: "/cart/update",
			predictive_search_url: '/search/suggest'
		},
		color_swatches_trigger: "Color,Colour,Couleur,Farbe",
		custom_colors: "Black: #000,\nWhite: #fff,\nRosin: #36362d,\nRustic Brown: #a85502,\nDark Red: #502b33,\nWalnut: #786a5f,\nPurple: #705861,\nBlack: #000000,\nMolten Lava: #b5332e,\nPine Grove: #213631,\nIvy Green: #5b7763,\nMaroon Red: #740f35,\nBuckthorn Brown: #ffdb58,\nDark Blue: #123850,\nBrown: #743500,\nScarab: #23312d,\nLight Brown: #d5b89b,\nArgan: #213631,\nGrey: #dddddd,\nDark Brown: #440004,\nBeige: #e7d8bf,\nDark Orange: #b5520e,\nMuesli: #ddd5bc,\nFudge: #493338,\nCognac: #8b645a,\nPine Green: #21694a,\nDark Coffee: #4a342e,\nRed Wine: #582b36,\nAsh Blue: #d1dfeb,\nLight Oatmeal: #f7efdf,\nDark Indigo: #1f0954,\nBlue Horizon: #8eb3d1,\nFeather Grey: #b8ad9e,\nAsh Blonde: #d7bea5,\nLight Indigo: #93b8cd,\nMedium Indigo: #3953a4,\nDeep Red: #8c2e23,\nBlue: #00008B",
		cart: {
			cartType: "page",
			openDrawerWhenAdded: true,
		}
	}
	window.FoxThemeStyles = {
		product: "https://espegard.com/cdn/shop/t/5/assets/product.css?v=136270942883900841321709279066"
	}
	window.FoxThemeScripts = {
		productModel: "https://espegard.com/cdn/shop/t/5/assets/product-model.js?v=74883181231862109891709279066",
		productMedia: "https://espegard.com/cdn/shop/t/5/assets/product-media.js?v=141981092681525449041709279065",
		variantsPicker: "https://espegard.com/cdn/shop/t/5/assets/variants-picker.js?v=3070268917663175991709279066"
	}

	if (Shopify.designMode) {
		document.documentElement.classList.add('shopify-design-mode')
	}
	;(function () {
		window.FoxThemeSettings = window.FoxThemeSettings || {}
		const mobileCheck = window.matchMedia('screen and (max-width: 639px)');

		function screenTest(e) {
			if (e.matches) {
				FoxThemeSettings.isMobile = true
				document.dispatchEvent(new CustomEvent('matchMobile'))
			} else {
				FoxThemeSettings.isMobile = false
				document.dispatchEvent(new CustomEvent('unmatchMobile'))
			}
		}

		try {
			// Chrome & Firefox
			mobileCheck.addEventListener('change', screenTest.bind(this));
		} catch (err) {
			try {
				// Safari
				mobileCheck.addListener(screenTest);
			} catch (e2) {
				console.error(e2);
			}
		}
	})();

	function __calcHeight() {
		var header = document.querySelector('[data-section-type="header"]')
		var announcement = document.querySelector('[data-section-type="announcement-bar"]')
		if (header) {
			document.documentElement.style.setProperty("--f-header-height", header.clientHeight + "px")
		}
		if (announcement) {
			document.documentElement.style.setProperty("--f-announcement-height", announcement.clientHeight + "px")
		}
	}

	function __markupPolicyPage() {
		var container = document.querySelector('.shopify-policy__body')
		if (container) {
			container.classList.add('rte')
		}
	}

	function __addRecentViewedProduct() {
		const productContainer = document.querySelector('[data-section-type="main-product"]')
		if (!productContainer) {
			return false
		}
		const {dataset} = productContainer
		const productHandle = dataset.productHandle
		let max = 20
		const saveKey = 'foxtheme:recently-viewed'
		const products = getCookie(saveKey) ? JSON.parse(getCookie(saveKey)) : []
		if (productHandle && !products.includes(productHandle)) products.push(productHandle)

		setCookie(saveKey, JSON.stringify(products.filter((x, i) => {
			return i <= max - 1
		})))
	}
	window.addEventListener('load', function () {
		__calcHeight()
		__markupPolicyPage()
		__addRecentViewedProduct()
	});
	window.addEventListener('resize', function () {
		__calcHeight()
	});

  var fader = document.querySelector('.f-page-transition')
  function __fadeInPage() {
    if (!window.AnimationEvent || !fader) return;

    // Page transition
    window.addEventListener('beforeunload', () => {
      fader.classList.add('fade-in');
    });
    window.addEventListener('DOMContentLoaded', () => {
      document.documentElement.classList.remove('overflow-hidden')
      document.body.classList.remove('overflow-hidden')

      fader.classList.remove('fade-in')
      fader.classList.add('fade-out')

      document.dispatchEvent(new CustomEvent('page:loaded'));
    });
    window.addEventListener('pageshow', (event) => {
      // Removes unload class when returning to page via history
      if (event.persisted && fader) {
        fader.classList.remove('fade-in')
        fader.classList.add('fade-out')
      }
    });
  }
	__fadeInPage()

	function __reInitTooltip(container) {
		const tooltips = container && container.querySelectorAll("[data-tippy-content]");
		tooltips && tooltips.forEach(tooltip => {
			window.FoxTheme.Tooltip(tooltip, {
				animation: "shift-away",
				touch: false,
				hideOnClick: false,
				onCreate(instance) {
					const theme = instance.reference.dataset.tippyTheme || "color-background-1";
					instance.setProps({
						theme: theme,
					});
				}
			})
		});
	}

	const buttonToTop = document.querySelector('#scroll-to-top-button');
  function __scollToTop(element, behavior) {
    window.addEventListener('scroll', () => {
      const currentPosition = window.pageYOffset;
      if(currentPosition > 100) {
        element.classList.add('is-show');
      } else {
        element.classList.remove('is-show');
      }
    });

    element.addEventListener('click', (e) => {
      e.preventDefault();
      window.scrollTo({
        top: 0,
        behavior: behavior,
      });
    })
  }
  buttonToTop && __scollToTop(buttonToTop, "smooth");

</script>

    



    <script src="//espegard.com/cdn/shop/t/5/assets/collapsible-tab.js?v=134763552569020766841709279066" defer="defer"></script>
    

<style> .product-card__badge {font-family: var(--font-heading-family); text-transform: var(--font-heading-transform);} .use-bodyfont h1,.use-bodyfont h2,.use-bodyfont h3 {font-family: var(--font-body-family); text-transform: initial;} .use-bodyfont .h-xl {font-size: 4rem;} @media (max-width: 768px) {.reverse-column .f-flex {flex-direction: column-reverse; }} .f-text-blocks > * {margin: 0.5rem 0 0;} .site-footer__copyright > span {display: none;} .f-product-single__block {margin: 1.5rem 0 !important;}  /* Currency Switcher backgorund*/.f-disclosure-list {background: var(--color-background) !important;}  /*Notis product page*/p.notis,.f-cart__subtotal p {font-size: calc(1.5rem * 0.8); color: rgba(var(--color-foreground), 0.75);} p.notis a,.f-cart__subtotal a {text-decoration: underline; color: rgba(var(--color-foreground), 0.75);}  /*POLICY text*/.shopify-policy__container h2 {margin-top: 40px; margin-bottom: 1px; font-size: 2.2rem;} .shopify-policy__container {max-width: 800px !important; margin: auto;} /*Sections*/@media (min-width: 768px) {#esp-section-hero .f-hero--large {--hero-height: 65rem; }} @media (max-width: 767px) {#esp-section-hero .f-hero--large {--hero-height: 60rem; }} </style>
</body>
</html>

Latest requests

# Url Url Source Date
1 https://espegard.com/ 2024-05-18 20:32:35
2 https://thebolditalic.com/?gi=c2ee… 2024-05-18 20:32:34
3 https://thebolditalic.com/?gi=9852… 2024-05-18 20:32:33
4 https://thebolditalic.com/?gi=22f5… 2024-05-18 20:32:33
5 https://thebolditalic.com/?gi=3f96… 2024-05-18 20:32:32
6 https://thebolditalic.com/?gi=947a… 2024-05-18 20:32:31
7 https://thebolditalic.com/?gi=70a6… 2024-05-18 20:32:30
8 https://thebolditalic.com/?gi=3231… 2024-05-18 20:32:29
9 https://thebolditalic.com/?gi=d4fc… 2024-05-18 20:32:29
10 https://peatix.com/user/22065674 2024-05-18 20:32:28
11 https://thebolditalic.com/?gi=b6b0… 2024-05-18 20:32:28
12 https://desertrez.com/ 2024-05-18 20:32:26
13 https://thebolditalic.com/?gi=29be… 2024-05-18 20:32:25
14 https://thebolditalic.com/?gi=d641… 2024-05-18 20:32:25
15 https://thebolditalic.com/?gi=fa3e… 2024-05-18 20:32:24
16 https://thebolditalic.com/?gi=741f… 2024-05-18 20:32:24
17 https://thebolditalic.com/?gi=e371… 2024-05-18 20:32:22
18 https://thebolditalic.com/?gi=df87… 2024-05-18 20:32:21
19 https://thebolditalic.com/?gi=63a5… 2024-05-18 20:32:21
20 https://thebolditalic.com/?gi=38a1… 2024-05-18 20:32:21