/** Shopify CDN: Minification failed

Line 791:28 Expected identifier but found "!"
Line 793:28 Expected identifier but found "!"
Line 869:0 Expected "}" to go with "{"

**/

  /* Fonts */

  /* Fonts Added:
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 300;
font-style: normal;
  

font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 300;
font-style: italic;
  
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 400;
font-style: normal;
  
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 400;
font-style: italic;
  
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 400;
font-style: italic;
  
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 400;
font-style: italic;
  
font-family: "aktiv-grotesk-condensed", sans-serif;
font-weight: 600;
font-style: normal;
  
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 600;
font-style: italic;
  
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 700;
font-style: normal;
  
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 700;
font-style: italic;
  
  
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 800;
font-style: normal;

font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 800;
font-style: italic;
  */
  :root {
  --font-heading-family: 'aktiv-grotesk-condensed', sans-serif;
  --font-heading-weight: 500;
    
  --font-heading-family: 'aktiv-grotesk-condensed', sans-serif;
  --font-body-family:  'aktiv-grotesk-condensed', sans-serif;
  --font-heading-weight: 500;
  --font-body-weight: 400;
  --font-navigation-family:'aktiv-grotesk-condensed', sans-serif;
  --font-navigation-weight: 500;
  --navigation-transform: uppercase;
  --font-button-family:'aktiv-grotesk-condensed', sans-serif;
  --font-button-weight: 500;

  /* Font Weight */
  --font-weight-xbold:800;
  --font-weight-bold:700;
  --font-weight-semibold:600;
  --font-weight-medium:500;
  --font-weight-regular:400;
  --font-weight-light:300;
 

  

  /* Typography Golden Ratio Full Stack */
  --fs-10: 1rem;
  --fs-13: 1.3rem;
  --fs-17: 1.7rem;
  --fs-21: 2.1rem;
  --fs-27: 2.7rem;
  --fs-34: 3.4rem;
  --fs-43: 4.3rem;
  --fs-55: 5.5rem;
  --fs-70: 7rem;
  --fs-89: 8.9rem;
  --fs-113: 11.3rem;
  --fs-144: 14.4rem;
  --fs-183: 18.3rem;
  --fs-233: 23.3rem;

  /* Line Heights */
  --lh-small: 1.3;
  --lh-base: 1.5;
  --lh-large: 1.7;

  /* Spacing */
  --space-xs: 0.85rem;
  --space-sm: 1.7rem;
  --space-md: 2.7rem;
  --space-lg: 4.3rem;
  --space-xl: 7rem;

  /* Colors */
  
  --color-bg: #0F0F0F;
  --color-primary: #E7B334;
  --color-secondary: #9A5037;
  --color-accent: #4A77B4;
  --color-text: #FFFFFF;
  --color-grey: #D8D8D8;
  --color-big-stone: #313c41;;
  --sea-green: #587076;
  --sea-green-50:rgba(88, 113, 118, .50);
  --my-yellow: #E9C62C;
  --my-yellow-50: rgba(234, 199, 44, .50);
  --my-army-green:rgba(82, 89, 75, 1.00);
  --my-army-green-50:rgba(82, 89, 75, .50);
  --my-orange-brown:rgba(133, 95, 74, 1.00);
  --my-orange-brown-50:rgba(133, 95, 74, .50);
  --my-brown: rgba(135, 97, 77, 1.00);
  --my-brown-50:rgba(135, 97, 77, .50);
  --my-dark-grey-50: rgba(62, 73, 80, .50);
  --my-dark-grey: #3e4950;
  --my-golden: #eac72c;
}

/* =========================
   BASE TYPOGRAPHY
   ========================= */

body, p {
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  font-size: var(--fs-17);
  line-height: var(--lh-large);
  letter-spacing: 0.01em;
}



/* Product Title (H1) */
h1, .h1 {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  text-transform: uppercase;
  font-size: var(--fs-34);
  letter-spacing: -2px;
  line-height: 1em;
  font-style:italic;
}

/* Subheadings */
h2, .h2 { font-size: var(--fs-34); letter-spacing:-2px; }
h3, .h3 { font-size: var(--fs-27);letter-spacing:-2px; }
h4, .h4 { font-size: var(--fs-21);letter-spacing:-2px; }
h5, .h5 { font-size: var(--fs-17);letter-spacing:-2px; }
h6, .h6 { font-size: var(--fs-13);letter-spacing:-2px; }

/* Lighter Subhead Overrides */
.h4, h4 {
  font-family: var(--font-heading-family);
  font-weight: 800;
  /* text-transform: uppercase; */
  line-height: 1.15;
} 

/* Buttons */
.button, .btn-primary, .btn, .shopify-payment-button {
  font-family: var(--font-button-family);
  font-weight: 700;
  font-size:98%;
  font-style:italic!important;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  /* padding: var(--space-sm) var(--space-md); */
  border-radius: 0.2em;
  transition: all 0.3s ease;
}

 .button:hover { opacity: 0.85; } 

/* Change Buy it Now button to match other custom buttons */

.shopify-payment-button__button--unbranded
{background-color: rgb(var(--color-button));
    color: rgb(var(--color-button-text));
    font-size: 120%!important;
    padding: 0 var(--buttons-padding);
    line-height: 30px;
    font-family: var(--font-button-family);
    font-weight: var(--font-button-weight);
    letter-spacing: var(--buttons-letter-spacing, 0);
    text-transform: var(--buttons-transform, var(--buttons-transform-default));
font-style:italic!important;}

/* Labels */
label, .form-label {
  /* font-family: var(--font-heading-family); */
  /* font-weight: 500; */
  /* font-size: var(--fs-17); */
}

/* home page change collection tabs */
    .tabs__nav-design-2 .tabs__tab span {
    transition: all var(--duration-default);
    line-height: calc(1 + .3125 / max(1, var(--font-heading-scale)));
    padding: 13px;}

/* .tabs__nav-design-1 .tabs__tab {display:none!important;}  */



/* Product Price */
.f-price { font-size: var(--fs-21); }





/* =========================
   LAYOUT / ORIGINAL MANUAL STYLES PRESERVED
   ========================= */

/* Padding under hero content */
#shopify-section-template--16817848287337__image_with_text_overlay_RU68XV 
> div > div > div > div.image-with-text-ovelay__content > div {
  margin-bottom: var(--space-md);
}

.content-overlay {
  padding-bottom: var(--space-xl);
}

.rich-text>*:first-child:is(.rich-text__subheading) {
  margin-bottom: var(--space-sm);
}


/* =========================
   START MY STYLES
   ========================= */


/* Remove Fierce @font-face declarations – Adobe Fonts loads externally */

/* MY ADD DROP SHADOW TO SECTION BLOCKS BY ADDING THIS CLASS TO BLOCK IN CUSTOMIZER */
.my-section-shadow {
 box-shadow:
    0 -2px 2px rgba(0, 0, 0, 0.050),

    0 2px 8px rgba(0, 0, 0, 0.55),
    0 8px 16px rgba(0, 0, 0, 0.15);
 border-top: 1px solid rgba(0,0,0,0.95);
  border-bottom: 1px solid rgba(0,0,0,0.95);
  position: relative;
z-index: 1;
}

 .my-section-shadow.rich-text-section,
.my-section-shadow .rich-text-section {
  box-shadow:
    0 -2px 2px rgba(0, 0, 0, 0.050),

    0 2px 8px rgba(0, 0, 0, 0.55),
    0 8px 16px rgba(0, 0, 0, 0.15);
 border-top: 1px solid rgba(0,0,0,0.95);
  border-bottom: 1px solid rgba(0,0,0,0.95);
  position: relative;
z-index: 1;
}
 .my-section-shadow.rich-text-section,
.my-section-shadow .rich-text-section {
 box-shadow:
    0 -2px 2px rgba(0, 0, 0, 0.050),

    0 2px 8px rgba(0, 0, 0, 0.55),
    0 8px 16px rgba(0, 0, 0, 0.15);
 border-top: 1px solid rgba(0,0,0,0.95);
  border-bottom: 1px solid rgba(0,0,0,0.95);
  position: relative;
z-index: 1;} 


.my-section-shadow .rich-text-section {
 box-shadow:
    0 -2px 2px rgba(0, 0, 0, 0.050),

    0 2px 8px rgba(0, 0, 0, 0.55),
    0 8px 16px rgba(0, 0, 0, 0.15);
 border-top: 1px solid rgba(0,0,0,0.95);
  border-bottom: 1px solid rgba(0,0,0,0.95);
  position: relative;
z-index: 1;
} 

/* ADD A CURVE AT BOTTOM OF DIV */
/* .my-section-curve {
  position: relative;
}

.my-section-curve::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 40px;
  background: #fff;
  border-top-left-radius: 80% 100%;
  border-top-right-radius: 80% 100%;
} */

.bak-tan{background-color: transparent !important;
  background-image: url("/cdn/shop/files/grunge-tan-bak.jpg?v=1774768531");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: #3e2d2a;}

  .bak-brown{background-color: transparent !important;
  background-image: url("/cdn/shop/files/grunge-brown-bak_82c23f6c-3fbb-4781-80bd-d525c2593181.jpg?v=1774768531");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: #3e2d2a;}

.bak-charcoal{background-color: transparent !important;
  background-image: url("/cdn/shop/files/grunge-charcoal-bak.jpg?v=1774767428");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: #3e2d2a;}

 .bak-gunmetal{background-color: transparent !important;
  background-image: url("/cdn/shop/files/grunge-gunmetal-bak.jpg?v=1774767428");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: #3e2d2a;}

  .bak-blue{background-color: transparent !important;
  background-image: url("/cdn/shop/files/grunge-blue-bak.jpg?v=1774767428");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: #3e2d2a;}

.bak-grey{background-color: transparent !important;
  background-image: url("/cdn/shop/files/grunge-grey-bak.jpg?v=1752098608");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: #3e2d2a;}

.bak-dark{background-color: transparent !important;
  background-image: url("/cdn/shop/files/bak-grunge-01.jpg?v=1752096872");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: #000000;}


/* =========================
   FONT STYLES
   ========================= */

/* Hero Headline */
.heading-hero {
  font-family: var(--font-heading-family);
  font-weight: 800;
  text-transform: uppercase;
   
}

/* Headings */
h1, h2,.hd1,.hd2,.h1, .h2 {
  font-family: var(--font-heading-family);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  line-height: 1.1;
  /* margin-top: 0.7em; */
  /* font-size: 5.5rem; */
    

}

h3, h4, h5, h6,
.hd1, .hd2, .hd3, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-heading-family);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.3px;
   line-height: 1em; 
  
}


/* Body Text */
body, p {
  /*font-family: var(--font-body-family); */
  font-weight: 400;
   line-height: 1.7; 
  letter-spacing: 0.01em;
}

/* Buttons */
.button, .btn-primary {
  /* font-family: var(--font-heading-family);*/
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
    font-style:italic;
}

/* Labels */
label, .form-label {
  font-family: var(--font-heading-family);
  font-weight: 800;
  font-size:2.1rem;
}

/* Product Page Title */


div.product__block.product__block--title > h1 {

  font-weight: var(--font-weight-bold);
  font-size: var(--fs-55);
  line-height:1.3em;
  font-style:normal; 
  letter-spacing:-2px;
}


/* Product Page : Price */
.f-price {font-size:1.4em;}

/* QUICK VIEW DRAWER CHANGE FONT SIZE AND LINE HEIGHT WITHOUT AFFECTING THE PRODUCT PAE H1 */
.quick-view h1{font-size:5.5rem!important;line-height:1!important;}

/* ==================================================
   My Styles
   ================================================== */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START DESKTOP STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


@media (min-width: 1024px) {
  /* desktop styles go here */
/* ================================================
   NAVIGATION 
  =================================================*/
   .menu-drawer__item-link{} 
   a.h4{font-style: var(--font-body-family)!important;font-weight:600; font-size: var(--fs-34);color:#111111;}
  .mega-menu__list {
    display: grid;
     grid-template-columns: repeat(var(--menu-columns, 1),1fr); 
    gap: 1rem;
    flex: 1;
}
/* TOP NAV */
.font-navigation {
    font-family:
 var(--font-navigation-family) !important;
    font-weight: var(--font-navigation-weight) !important;
    font-size: var(--fs-21);
    text-transform: var(--navigation-transform);
font-style:normal;}
    /* Mega Menu Background */
   .mega-menu__container {background-color:white;} 
  .mega-menu__container .custom-card {
   border: none!important;
  }

 .custom-card p {color:#191919!important;}
  
.custom-card .media-wrapper.loaded {
    background-color: white;
}
.header:before { background-color: transparent !important;
  background-image: url("/cdn/shop/files/grunge-charcoal-bak.jpg?v=1774767428");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: #000000;
}
/* Bike Shop Banner (below header)  Add Shadow
#shopify-section-template--18677117649001__rich_text_wXyUGy .rich-text-section {
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.10),
    0 12px 28px rgba(0, 0, 0, 0.14);
  position: relative;
  z-index: 1;
} */

 /* **********************************************************  HOME PAGE *********************************************/
/* product card backgrounds transparent but keeping the mega menu background white */
 .collage-tab__image .media-wrapper .loaded {
    background-color: transparent;
}
 /* Scrolling top Promotion Banner */
/* .promotion__text { font-size: var(--fs-21);letter-spacing:0.01em;color:#eac72c;} */
/* >>>>>>>>>> MEGA MENU STYLES >>>>>>>>>>>>>>>>>>>>>>> */
 div.mega-menu__list > a {font-style: (var--font-body-family); font-weight:400; font-size: var(--fs-21);}
  
/* ===== collection tab headers on home page ============ */
.tabs__nav-design-2 .tabs__tab span, .index-template .hd1  {
  font-size: var(--fs-89); 
  font-weight: 800;
  text-transform: uppercase;
   font-style:italic; 
  letter-spacing: -.01em; 
}
.drawer-inner {background-color:black; color:white;}

  div#shopify-section-template--16817848287337 {
    background-color:transparent!important;
  background-image: url("/cdn/shop/files/grunge-charcoal-bak.jpg?v=1774767428");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


  
 /* =========================
   HOME VIDEO HERO 
   =========================================================================== */
 

  
  /* margin between subheading and heading on video header */
/* .rich-text>*:first-child:is(.rich-text__subheading){margin-bottom: var(--subheading-margin-bottom, .8rem);} */

  .video-hero h2 {font-size: 11.3rem; line-height: 1em; letter-spacing: -1px; color: #f7f6f5; }
  
  /* change the video header padding to give it some bottom padding when text content is set to bottom-right */
/* .content-overlay {/* padding:var(--padding-y, 10.2rem) var(--padding-x, 3.2rem);} */
 /* padding-bottom:12rem;} */

  
  /* Padding under hero content */
    /* #shopify-section-template--16817848287337__image_with_text_overlay_RU68XV 
> div > div > div > div.image-with-text-ovelay__content > div {
  margin-bottom: 4em;
} */
  .btn--icon-circle {border-radius:100%!important;}
  
  .my-custom-video-hero-content .hd1 {
  font-size: 11.3rem; 
}



 /* =========================
   HOME CULTURE VIDEO BLOCK 
   =========================================================================== */
 
.my-custom-video-hero-content  {
  padding: 1rem;
  box-sizing: border-box;
}

.my-custom-video-hero-content .video-hero__content-wrapper{
  max-width: 700px;
 }

.my-custom-video-hero-content .hd2 {
  font-size: var(--fs-113);
}

 

  /* =========================
     MY PRODUCT PAGE TEMPLATE
   =========================================================================== */
 
  /* change heading of collapsable tabs color */
 
.be-product-template-1col .specs-grid{padding:20px!important;}

/* .be-product-template-1col summary {background-color:#dbe5e7!important; padding:0,40px, 0, 40px;color:white;}  */
  

/* .be-product-template-1col div.multicolumn-card__info > h3 {color:red!important;} */

  /*product title subheading */
  #shopify-section-template--17053140942953__main .inline-richtext {color:#617557;}

   /* =========================
   COLLECTION TEMPLATE
   ========================= */

  /* ******** collection template H1 *****/
/* .collection-template h1 {font-size:8.9rem;} */

  /* Footer */


}/* <<<<<<<< END DESKTOP STYLES <<<<<<<<<<<<< */
  
  /* =========================
   MY CUSTOM FAQ BLOCK
   ========================= */
 
 #shopify-section-template--17053140942953__product_faq_section_3RcR9h{ background-color:#343533; margin:4rem 0;}
  .faq-collapsible-section {
  padding: 5rem;
    margin-top:12em;
  width: 1440px;
  margin: 0 auto;
  background-color: #fbfbfa;
}

h2.faq-title {font-size:var(--fs-70);color:#fbfbfb;}

.faq-collapsible-section {
  padding: 5% 2rem;
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
 background-color: var(--sea-green);
}

.faq-item {
  padding: 16px 0;
  color: #fbfbfb;
}

.faq-question {
  font-size: var(--fs-21);
  padding: 1rem 0;
  color: #fbfbfb;
}

.faq-item summary {
  position: relative;
  cursor: pointer;
  font-style: var(--font-body-style);
  font-size: var(--fs-17);
  /* font-weight: 500; */
  padding: 1.2rem 1rem;
 border-bottom: 1px solid #444; 
  color: #fbfbfb;
}

.faq-item summary::after {
  content: '+';
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  /* font-weight: bold; */
  transition: transform 0.3s ease;
}

.faq-item[open] summary::after {
  content: '–';
  transform: translateY(-50%);
}

.faq-answer {
  font-style: var(--font-body-style);
  font-size: var(--fs-17);line-height:1.7em;
  padding: 2rem 1rem;
  border-bottom: 1px solid #444;
  font-weight:300;
  color: #fbfbfb;
  background-color:rgba(255, 255, 255, .20);
  
}

.faq-item[open] summary {
  /* font-weight: 700; */
  color: #fbfbfb;
}

/* Responsive adjustments */

@media (min-width: 768px) {
  .faq-item summary {
    font-size: var(--fs-21);
    padding: 1.6rem 1rem;
  }

  .faq-answer {
    font-size: var(--fs-21);
    padding: 1.2rem 1rem;
  }
}

@media (min-width: 1024px) {
  .faq-collapsible-section {
    padding: 5% 2rem;
  }

  .faq-item summary {
    padding: 1.6rem 2rem;
  }

  .faq-answer {
    padding: 1.2rem 2rem;
  }
}

/* POP UP */
.subscription-popup__title h3 {font-family: var(--font-body-family)!important;
                              font-weight:700; font-size: var(--fs-34)!important;
                              text-transform: none!important;color:white;}
.subscription-popup__blocks {background-color:black;}
.subscription-popup p {color:white;}
.social a {color:white;}
/* =========================
   -----------------------------------------------------------RESPONSIVE SYSTEM (FULLY MOBILE SAFE)
   ========================= */

@media (max-width: 768px) {

  /* -------------------------------------GLOBAL MOBILE CLEANUP CHAT -----------------*/
  html,
  body {
    overflow-x: hidden;
  }

  .page-width {
    padding-left: 20px;
    padding-right: 20px;
  }

  h1,
  .h1,
  .hd1 {
    font-size: clamp(2.4rem, 9vw, 4.6rem);
    line-height: 0.95;
  }

  h2,
  .h2 {
    font-size: clamp(2rem, 8vw, 3.6rem);
    line-height: 1;
  }

  h3,
  .h3 {
    font-size: clamp(1.6rem, 6vw, 2.4rem);
    line-height: 1.05;
  }

  p {
    line-height: 1.45;
  }
  .my-section-curve::after {
    height: 24px;
    border-top-left-radius: 50% 100%;
    border-top-right-radius: 50% 100%;
  }
}
.header:before { background-color: transparent !important;
  background-image: url("/cdn/shop/files/grunge-charcoal-bak.jpg?v=1774767428");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: #000000;
}

  /* -====---------------------------->>>>>>>>>   HOME HERO VIDEO   <<<<<<< ---------------------------------*/
  #shopify-section-template--16817848287337__video_hero_VLPYqN video{margin-left:-200px;--media-ratio-mobile: .7!important;}
  
.my-custom-video-hero-content .hd2 {
    font-size: var(--fs-43);!important;}
  .my-custom-video-hero-content .hd1 {
    font-size: var(--fs-43);!important;}

    /* Retro video block mobile adjust  */
#shopify-section-template--18737412866153__video_hero_VLPYqN, #shopify-section-template--18737412866153__custom_liquid_gdncxx, #shopify-section-template--18737412866153__custom_liquid_BLNM9q{display:none!important;}
     

    /* fix - adjust the layout of the What is Culture block on the homepage so that text is visable */
        #shopify-section-template--17179189248105__video_hero_gN4D9x {
        --media-ratio-mobile: .7!important;}

        /*-------------------------    ----------------------------mobile-sticky-bottom-link-bar ----------------------------*/
/* be-change color to yellow from background white */
.mobile-sticky-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    background-color:var(--my-yellow)!important;
    box-shadow: -1px -2px 10px rgb(0 0 0 / 8%);
    max-width: 100vw;
    will-change: transform;
    transition: transform 0.3s;
}
/* change the left border from white to --my-yellow - be */
.mobile-sticky-bar__link + .mobile-sticky-bar__link {
           border-left: 0.1rem solid rgb(var(--my-yellow))!important;}


/*---------------------------------------- MENU DRAWER LINK  */
.menu-drawer__item-link {
  font-size:var(--fs-43);}

/*remove mobile logo from mobile menu drawer */
/* .menu-drawer__header img {display:none!important;} */


.menu-drawer__header {
    border-bottom: 0;
    padding-inline: 1.6rem;
    min-height: auto;
    color:grey;
    background-color: black!important;
    padding-block: 2.4rem;

@media (max-width: 1200px) {
  .heading-hero { font-size: var(--fs-113); }
  h1, .h1 { font-size: var(--fs-89); }
  h2, .h2 { font-size: var(--fs-70); }
  h3, .h3 { font-size: var(--fs-55); }
  h4, .h4 { font-size: var(--fs-43); }
  h5, .h5 { font-size: var(--fs-34); }
  h6, .h6 { font-size: var(--fs-27); }
  .f-price { font-size: var(--fs-21); }
}

@media (max-width: 768px) {
  .heading-hero { font-size: var(--fs-89); }
  h1, .h1 { font-size: var(--fs-70); }
  h2, .h2 { font-size: var(--fs-55); }
  h3, .h3 { font-size: var(--fs-43); }
  h4, .h4 { font-size: var(--fs-34); }
  h5, .h5 { font-size: var(--fs-27); }
  h6, .h6 { font-size: var(--fs-21); }
}

@media (max-width: 480px) {
  .heading-hero { font-size: var(--fs-70); }
  h1, .h1 { font-size: var(--fs-55); }
  h2, .h2 { font-size: var(--fs-43); }
  h3, .h3 { font-size: var(--fs-34); }
  h4, .h4 { font-size: var(--fs-27); }
  h5, .h5 { font-size: var(--fs-21); }
  h6, .h6 { font-size: var(--fs-17); }
}