/* Own base layer for the Veyola storefront. Values measured on tryveyola.com at 390 and 1440. */
@font-face{font-family:"Plus Jakarta Sans";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/plusjakartasans_n4.d80b0f185669787ac4b44bf52c1a511eaaf37245.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/plusjakartasans_n7.0fa457c7659036d61c299855f2665d487764b03d.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/plusjakartasans_i4.c6dbba2f9689ea7d14727f19e62be404de792e1f.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-style:italic;font-display:swap;src:url(/fonts/plusjakartasans_i7.b76bf83e39a192fa9b337a7676a53552236df177.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2) format("woff2")}

:root{
  --font-body-family:"Plus Jakarta Sans",sans-serif;--font-body-style:normal;--font-body-weight:400;--font-body-weight-bold:700;
  --font-heading-family:"Plus Jakarta Sans",sans-serif;--font-heading-style:normal;--font-heading-weight:400;
  --font-body-scale:1.0;--font-heading-scale:1.3;--font-heading-letter-spacing:.06rem;
  --color-base-text:23,21,21;--color-base-background-1:255,255,255;--color-base-background-2:244,243,232;
  --color-base-accent-1:180,208,20;--color-base-accent-2:141,166,0;
  --gradient-base-background-1:#fff;--gradient-base-background-2:#f4f3e8;--gradient-base-accent-1:#b4d014;--gradient-base-accent-2:#8da600;
  --page-width:140rem;
}
html{box-sizing:border-box;font-size:10px;height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;display:block;min-height:100%;overflow-x:hidden;
  font-family:var(--font-body-family);font-size:15px;line-height:1.8;letter-spacing:.9px;color:rgba(23,21,21,.9);background:#fff}
@media (min-width:750px){body{font-size:16px;letter-spacing:.96px}}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading-family);font-weight:400;color:rgb(23,21,21);letter-spacing:.78px;word-break:break-word}
h1,h2,h3,h4,h5,h6{line-height:calc(1 + .3 / max(1, var(--font-heading-scale)))}
h1{font-size:29.25px}
h2{font-size:26px}
h3{font-size:22.1px}
h4{font-size:18.85px}
h5{font-size:15.6px}
@media (min-width:750px){
  h1{font-size:39px}
  h2{font-size:31.2px}
  h3{font-size:23.4px}
  h5{font-size:16.9px}
}
p{margin:1em 0}
a{color:rgba(23,21,21,.9);text-decoration:none}
img{max-width:100%;height:auto;display:block;vertical-align:bottom}
button{cursor:pointer;color:rgb(23,21,21)}
.page-width{max-width:1400px;margin:0 auto;padding:0 15px}
@media (min-width:750px){.page-width{padding:0 50px}}
.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}
.hidden{display:none!important}
.material-icon,.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}
.shopify-section{display:block}
/* drawer/menu helpers used by store.js */
html.vy-lock,html.vy-lock body{overflow:hidden}
hr{border:none;height:1px;background-color:rgba(23,21,21,.2);display:block;margin:50px 0}
.placeholder-svg{background-color:rgba(23,21,21,.04);color:rgba(23,21,21,.55);fill:rgba(23,21,21,.55)}
/* origin: section-group parts (timer, header, ticker, footer) are body grid items (own block formatting
   context); template sections sit together inside <main>, so child margins collapse across their edges. */
body>[id^="shopify-section-sections--"],body>footer.shopify-section{display:flow-root}
/* theme default (origin: a/article/div/dl/h1-h4:empty{display:none}, specificity 0,1,1) for merchant markup;
   measured snap elements (data-o / class xN_i, hdN, coN) keep their own display. :where() keeps the specificity. */
:is(a,article,div,dl,h1,h2,h3,h4):empty:where(:not([data-o]):not([class^="x"]):not([class^="hd"]):not([class^="co"])){display:none}