@font-face {
  font-family: 'Druk';
  src: url('druk-bold.woff2') format('woff2'),
        url('druk-bold.ttf') format("truetype"),
        url('druk-bold.otf') format("opentype"),
        url('druk-bold.woff') format('woff');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Founders Grotesk X-Condensed';
  src: url('founders-grotesk-x-condensed-bold.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url("//cream.ly/cdn/shop/t/25/assets/helvetica-neue-roman.ttf?v=71888797232898594801710414552");
  font-weight: 400;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url("//cream.ly/cdn/shop/t/25/assets/helvetica-neue-medium.ttf?v=41986088770697758221710770790");
  font-weight: 500;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url("//cream.ly/cdn/shop/t/25/assets/helvetica-neue-heavy.ttf?v=150845065623751630511710414555");
  font-weight: 800;
}

@font-face {
  font-family: 'Helvetica Now Display';
  src: url("//cream.ly/cdn/shop/t/25/assets/helvetica-now-display-regular.ttf?v=83230457478874434871710414553");
  font-weight: 400;
}

@font-face {
  font-family: 'Helvetica Now Display';
  src: url("//cream.ly/cdn/shop/t/25/assets/helvetica-now-display-extra-bold.ttf?v=105389183046905200281710414548");
  font-weight: 800;
}

@font-face {
  font-family: 'Helvetica Now Display';
  src: url("//cream.ly/cdn/shop/t/25/assets/helvetica-now-display-regular.ttf?v=83230457478874434871710414553");
  font-weight: 400;
}

@font-face {
  font-family: 'William Text Pro';
  src: url("//cream.ly/cdn/shop/t/25/assets/william-text-pro-regular.ttf?v=148236032015505338401710414556");
  font-style: normal;
  font-weight: 400;
}

html {
  --white: #FFFFFF;
  --alabaster: #F8F8F8;
  --mercury: #E4E4E4;
  --mischka: #E0E0EB;
  --surf_crest: #D5E7D2;
  --bittersweet: #FF6F5B;
  --carnation_pink: #FF87C8;
  --pink_lace: #FFD4FC;
  --wisp_pink: #FDE8EA;
  --tuft_bush: #FFD6C9;
  --gold: #FFD300;
  --creamly-yellow:#FFD300;
  --apple: #3DA63D;
  --tallow: #A8A18A;
  --scorpion: #5A5A5A;
  --birch: #352E26;
  --beige: #F1EBD3;
  
  scroll-behavior: smooth;
  --scrollbar-width: 0;
  --section-max-width: 1920px;
  --section-side-indent-desktop: 72px;
  --section-side-indent-desktop-vw: 3.75vw;
  --section-side-indent-mobile: 16px;
  --app-width: 100%;
  --app-height: 100%;
  --main-transition-time: 0.2s;
  --popup-image-size-desktop: 20px;
  --popup-image-size-mobile: 15px;
  --popup-text-indent-of-image-desktop: 7px;
  --popup-text-indent-of-image-mobile: 7px;

  --font-heading-family: 'Founders Grotesk X-Condensed', 'Druk', arial, sans-serif; /* doesn't support cyrillic */
  --font-heading-style: 'normal';
  --font-heading-weight: '700';
  
  --font-serif-family: 'William Text Pro', serif;
  --font-serif-style: 'normal';
  --font-serif-weight: '400';

  --font-body-family: 'Helvetica Neue', sans-serif;
  --font-body-style: 'normal';
  --font-body-weight: '400';

  --font-body2-family: 'Helvetica Now Display', sans-serif;
  --font-body2-style: 'normal';
  --font-body2-weight: '400';

}

html[lang="ru"] {
  /* adding cyrillic support */
  --font-heading-family: 'Druk', arial, sans-serif !important;      
}

button {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

body {
  background-color: var(--alabaster) !important;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  color: var(--birch);
}

/* hide captcha */
.grecaptcha-badge {
  visibility: hidden;
}

div, span, button, input, label, li, p, a, u, h1, h2, h3, h4, h5, h6, blockquote{
  word-wrap: break-word;
  color: var(--birch);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);

  line-height: 0.9;
  letter-spacing: -0.01em;
  
  //text-transform: uppercase;
  //Some headings use serif font without uppercase... 

  html[lang="ru"] & {
    letter-spacing: -0.04em;
   
    line-height: 1.08; /* to allow for ascenders (Й Ё) and descenders (Щ ,) */ 
    //because of a bigger line-heigh
    //font size has to be reduced to allow to fit into the same vertical space
  }
}

.section_heading {
  /*@extend h2;*/
  
  font-size: 104px; /* was  6.5rem */ 
  
  @media (min-width: 1441px) and (max-width: 1920px) {
    font-size: 74px; /* was 4.625rem */
  }
  @media (min-width: 768px) and (max-width: 1440px) {
    font-size: 62px; /* was 3.874rem; */
  }
  @media (max-width: 768px) {
    font-size: 48px; /* was 3rem; */
  }

  html[lang="ru"] & {
    font-size: 74px;
    
    @media (min-width: 1441px) and (max-width: 1920px) {
      // font-size: 74px;
    }
    @media (min-width: 768px) and (max-width: 1440px) {
      font-size: 54px; /* was 62px; */
    }
    @media screen and (max-width: 768px) {
      font-size: 40px;
    }
  }
}

blockquote, .blockquote, .serif {
  font-family: var(--font-serif-family) !important;
  font-weight: var(--font-serif-weight) !important;
  font-style: var(--font-serif-style) !important;
  text-transform: none !important; // to overwrite the uppercase from h1-h6
}

:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus,
:-webkit-autofill:active {
  -webkit-background-clip: text;
}

a {
  text-decoration: none;
}

li {
  list-style-type: none;
}

ul {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
  appearance: none;
  -moz-appearance: textfield;
}

@media screen and (max-width: 768px) {
  .desktopIndentContainer {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
}

@media screen and (min-width: 769px) {
  .mobileIndentContainer {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
}

.noSelect {
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.displayBlock {
  display: block;
}

.displayFlex {
  display: flex;
}

.displayNone {
  display: none;
}

.displayBlockImportant {
  display: block !important;
}

.displayFlexImportant {
  display: flex !important;
}

.displayNoneImportant {
  display: none !important;
}

.justifyContentImportant {
  justify-content: center !important;
}

.cursorPointer {
  cursor: pointer;
}

.disabledInteractivity {
  pointer-events: none;
  touch-action: none;
}

.visibilityHidden {
  visibility: hidden;
}

.visibilityVisible {
  visibility: visible;
}

.scrollDisable {
  overflow: hidden;
}

/*
html[lang="ru"] {
  h1,h2,h3:not(.related-blog-post__subtitle),h4,h5,h6, .creamlyFAQ__heading {
    @media (max-width: 575px) {
      letter-spacing: 1px !important;
    }
  }
}*/
@media (max-width: 575px) {
  html[lang="ru"] h1 {
    letter-spacing: normal !important;
  }
  html[lang="ru"] h2 {
    letter-spacing: normal !important;
  }
  html[lang="ru"]h3:not(.related-blog-post__subtitle) {
    letter-spacing: normal !important;
  }
  html[lang="ru"] h4 {
    letter-spacing: normal !important;
  }
  html[lang="ru"] h5:not(.blog-post__content h5) {
    letter-spacing: normal !important;
  } 
  html[lang="ru"] h6 {
    letter-spacing: normal !important;
  }
  html[lang="ru"] .creamlyFAQ__heading {
    font-size: 36px !important;
    line-height: 0.9 !important;
    letter-spacing: -1.1px !important;
    font-weight: 700 !important;
  }
}

.locale-selectors__label {
  width: 95vw;
  margin-top:0.5em;
}