/** Shopify CDN: Minification failed

Line 239:0 Unexpected "}"

**/
/* DNFA CSS */


/* DNFA FONT */

@font-face {
  font-family: "Lausanne";
  src: url("/cdn/shop/files/TWKLausanne-400.woff?v=1709937769") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

 :root{
  --heading-font-stack: "Lausanne", sans-serif;
  --body-font-stack: "Lausanne", sans-serif;

  --font-heading: "Lausanne", sans-serif;
  --font-body: "Lausanne", sans-serif;

  --heading-font-weight: 400;
  --body-font-weight: 400;
}



html{
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* DNFA MENU SECTION */

.dnfa-menu{
  background:#fff;
  padding:0px 0px;
  position:relative; 
}

/* one source of truth for widths */
.dnfa-menu{
--dnfa-left-col: clamp(70px, 10vw, 600px);
--dnfa-right-col: clamp(60px, 6vw, 90px);
--dnfa-gap: clamp(8px, 2.3vw, 35px);
--dnfa-row-gap: clamp(1px, 0.1vw, 6px);
--dnfa-desc-tighten: calc(var(--dnfa-row-gap) * 4.5);
}

/* 3 columns, NO GAP. Spacing is inside each column */
.dnfa-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:0;
  width:100%;
  border-bottom: 1px solid #000;
}


/* ===== FULL HEIGHT VERTICAL DIVIDERS ===== */

.dnfa-col{
  min-width: 0;
  padding: 14px 14px;
}

.dnfa-print-page + .dnfa-print-page {
  border-left: 1px solid #000;
}

/* HEADER (separate) */
.dnfa-header-grid{
  display:grid;
  grid-template-columns: var(--dnfa-left-col) minmax(0,1fr) var(--dnfa-right-col);
  column-gap: var(--dnfa-gap);
  align-items:end;
  margin-bottom: 6px;
  font-size: clamp(15px, 1.6vw, 45px);
}

/* TABLE (separate) */
.dnfa-table{
  display:grid;
  grid-template-columns: var(--dnfa-left-col) minmax(0,1fr) var(--dnfa-right-col);
  column-gap: var(--dnfa-gap);
  row-gap: var(--dnfa-row-gap);
}

.dnfa-left{ 
  text-align:left;
  color:#e23b2e;
  font-size:clamp(15px,1.6vw,45px);
  justify-self:left;
  white-space: nowrap;
 }

/* DNFA header "DNFA" should start at 15% of the middle column */
.dnfa-center{
  grid-column:2;
  font-size:clamp(15px,1.6vw,45px);
  line-height:1.1;
  justify-self:start;
  text-align:left;
  min-width: 0;    
}

.dnfa-right{
  text-align:right;
  color:#e23b2e;
  font-size:clamp(15px,1.6vw,35px);
  justify-self:end;
  white-space: nowrap;
}

/* CATEGORY */
.dnfa-category{ 
  margin-bottom:6px; 
}

.dnfa-cat-divider{
  border-top:1.5px dotted #bdbdbd;
  margin:2px 0;
}


.dnfa-cat{
  grid-column:1;
  font-size:clamp(15px,1.6vw,45px);
  letter-spacing:.4px;
   white-space: nowrap;
  
}

/* ITEMS */

.dnfa-name,
.dnfa-price,
.dnfa-cat,
.dnfa-center{
  letter-spacing: -0.01em;
}

.dnfa-name{
  grid-column:2;
  font-size:clamp(15px,1.6vw,45px);
  line-height:1.1;
  justify-self:start;
  text-align:left;
  white-space: nowrap;
  min-width: 0;    
}

.dnfa-price{
  grid-column:3;
  text-align:right;
  font-size:clamp(15px,1.6vw,45px);
  justify-self: end;
  white-space: nowrap;
}

.dnfa-desc{
  grid-column: 2 / 4;
  width: 100%;
  font-size: clamp(7px, 0.9vw, 23px);
  line-height: 1;
  align-self: start;
  text-align: left;
  min-width: 0;    
  overflow-wrap: anywhere;  
  margin-top: calc(-1 * var(--dnfa-desc-tighten));
}

/* MOBILE DNFA MENU*/

@media screen and (max-width: 1020px){
    .dnfa-menu .dnfa-grid{
    grid-template-columns: 1fr;
  }

  .dnfa-menu .dnfa-col{
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  /* remove vertical borders + add horizontal borders */
  .dnfa-print-page{
    border-left: 0;
        border-bottom: 1px solid #000;
  }
  .dnfa-print-page:last-child{
    border-bottom: none;
  }


  /* responsive column widths */
  .dnfa-menu .dnfa-header-grid,
  .dnfa-menu .dnfa-table{
    grid-template-columns:
      clamp(120px, 38vw, 360px)
      minmax(0, 1fr)
      clamp(52px, 16vw, 74px);
    column-gap: 10px;
  }

  /* typography */
 .dnfa-name,
  .dnfa-price,
  .dnfa-cat,
  .dnfa-header-grid,
  .dnfa-left,
  .dnfa-center,
  .dnfa-right {
    font-size: 18px !important;
  }

  .dnfa-desc {
    font-size: 10px !important;
    line-height: 1.25;
  }

}

  /* wrapping */
  .dnfa-menu .dnfa-name{
    white-space: nowrap;
  }

  .dnfa-menu .dnfa-desc{
    grid-column: 2 / 4;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}