/** Shopify CDN: Minification failed

Line 11:0 All "@import" rules must come first

**/
* {
  margin: 0;
  padding: 0;
}

@import url("https://p.typekit.net/p.css?s=1&k=sts2lfm&ht=tk&f=25264&a=181070863&app=typekit&e=css");

@font-face {
  font-family:"colt-soft";
  src:url("https://use.typekit.net/af/b57cf7/00000000000000007735a626/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/b57cf7/00000000000000007735a626/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/b57cf7/00000000000000007735a626/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face { 
  font-family: 'Hanley-Pro-Sans-Wide';
  src: url(/cdn/shop/files/Hanley-Pro-Sans-Wide.woff?v=1683817640) format('woff2');
} 

@font-face { 
  font-family: 'Hanley-Pro-Script';
  src: url(/cdn/shop/files/Hanley-Pro-Script.woff?v=1683817640) format('woff2');
} 

@font-face { 
  font-family: 'Hanley-Pro-Sans';
  src: url(/cdn/shop/files/Hanley-Pro-Sans.woff?v=1683817640) format('woff2');
} 

@font-face { 
  font-family: 'Colt-Soft';
  src: url(/cdn/shop/files/Macklin-Text-Medium.woff?v=1683817640) format('woff2');
} 

@font-face { 
  font-family: 'Macklin-Text-Medium';
  src: url(/cdn/shop/files/Macklin-Text-Medium.woff?v=1683817640) format('woff2');
} 

/* Fonts 

Hanley Pro Sans Wide
font-family: 'Hanley-Pro-Sans-Wide' !important;

Hanley Pro Script
font-family: 'Hanley-Pro-Script' !important;

Hanley Pro Sans
font-family: 'Hanley-Pro-Sans' !important;

Macklin Text Medium
font-family: 'Macklin-Text-Medium' !important;

Colt Soft Demi
font-family: 'colt-soft' !important;

*/

/* ========================================== COLORS ========================================== */
:root {
  --yellow: #d2ac2b;
  --black: #000;
  --black-g: #000000de;
  --white: #fff;
  --gray: #7A7A7A;
}

/* ========================================== TEXT ========================================== */
body {
  background: var(--black) !important;
}
h1, .h1 {
  font-family: 'Hanley-Pro-Sans';
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 54px; /* 112.5% */
  letter-spacing: -0.96px;
  color: var(--white);
}
h2, .h2 {
  font-family: 'Hanley-Pro-Sans';
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 116.667% */
  letter-spacing: -0.48px;
  color: var(--white);
}
h3, .h3 {
  font-family: 'Hanley-Pro-Sans-Wide';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 112.5% */
  letter-spacing: -0.32px;
  color: var(--white);
}
h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  letter-spacing: -0.42px;
  color: var(--white);
}
h5 {
  color: var(--white);
}
h6 {
  color: var(--white);
}
p, li, label {
  font-family: 'Macklin-Text-Medium';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
  letter-spacing: -0.32px;
  color: var(--white);
}
a {
  font-family: 'Macklin-Text-Medium';
  text-decoration: none !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
  letter-spacing: -0.32px;
  color: var(--white);
}
small {
  font-family: 'Macklin-Text-Medium';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  letter-spacing: -0.42px;
}
.rte {
  font-family: 'Macklin-Text-Medium' !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 18px !important; /* 112.5% */
  letter-spacing: -0.32px !important;
  color: var(--black);
}
.rte ul, .rte ol {
  padding-left: 0;
}
.rte p, .rte ul li, .rte ol li {
  color: var(--black);
}
.script {
  font-family: 'Hanley-Pro-Script' !important;
}
.colt {
  font-family: "colt-soft" !important;
  font-weight: 700;
  font-style: normal;
}
.macklin {
  font-family: 'Macklin-Text-Medium' !important;
}
.yellow {
  color: var(--yellow) !important;
}
@media(max-width: 750px) {
  h1, .h1 {
    font-size: 38px;
  }
  .script {
    font-size: 26px !important;
  }
}

/* ========================================== CONTAINERS ========================================== */
.container {
  width: 90%;
  max-width: 1800px;
  margin: 0 auto;
}
.container-small {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto
}

/* ========================================== BUTTONS ========================================== */
.primary-btn {
  display: block;
  width: fit-content;
  font-family: 'Hanley-Pro-Sans' !important;
  border: 2px solid var(--yellow);
  background: transparent;
  font-size: 16px;
  padding: 8px 16px;
  color: var(--white);
  border-radius: 0;
  text-transform: uppercase;
  width: max-content;
  transition: .2s all;
}
.primary-btn:hover {
  background: var(--yellow);
  cursor: pointer;
}
.secondary-btn {
  display: block;
  width: fit-content;
  font-family: 'Hanley-Pro-Sans' !important;
  border: 2px solid var(--yellow);
  background: var(--yellow) !important;
  font-size: 16px;
  padding: 8px 16px;
  color: var(--black);
  border-radius: 0;
  text-transform: uppercase;
  transition: .2s all;
}
.secondary-btn:hover {
  background: transparent !important;
  color: var(--yellow);
  cursor: pointer;
}
.bigger-btn {
  padding: 14px 22px !important;
}
.splide__arrow {
  background: transparent;
  height: 3rem;
  width: 3rem;
}
.splide__arrow svg {
  fill: var(--white);
  height: 100%;
  width: 100%;
}
.splide__arrow--next {
  right: -5rem;  
}
.splide__arrow--prev {
  left: -5rem;
}

/* ========================================== HEADER ========================================== */
.header__active-menu-item {
  color: var(--yellow) !important;
  text-decoration: none !important;
}
.header {
  padding: 0 !important;
}
.header-wrapper {
  background: var(--black);
  padding: 24px 0;
  border-top: 2px solid var(--yellow);
}
.header__heading-link {
  padding: 0;
}
.list-menu li a, .list-menu span, .menu-drawer summary.menu-drawer__menu-item {
  color: var(--white);
  font-family: 'Hanley-Pro-Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 112.5% */
  letter-spacing: -0.32px;
  color: var(--white);
  transition: .3s all
}
.list-menu summary .icon-caret {
  color: var(--white);
  transition: .3s all;
}
.list-menu span {
  transition: .3s all;
}
.list-menu li:hover span {
  color: var(--yellow) !important;
  text-decoration: none !important;
}
.list-menu li:hover summary .icon-caret {
  color: var(--yellow);
}

.header__submenu {
  width: auto !important;
  min-width: max-content !important;
  max-width: 100%;
}
.header__submenu li a {
  color: var(--black);
  transition: .3s all;
}
.header__submenu li:hover a {
  color: var(--yellow);
}

.header__icon, .header__icon--cart .icon {
  color: var(--yellow);
}


/* HIDE SEARCH */
.header__search {
  display: none !important;
}

/* MOBILE MENU */
.menu-drawer__navigation {
  background: linear-gradient(90deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.js details[open].menu-opening>.menu-drawer, details[open].menu-opening>.menu-drawer__submenu {
  background: transparent;
}

/* ========================================== PRODUCTS ========================================== */
.product__description p, .product__description li {
  color: var(--black);
}
.price__container span {
  font-family: 'Macklin-Text-Medium';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
  letter-spacing: -0.32px;
}
.product__description {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* ========================================== SUBSCRIPTION BOX ========================================== */
.shopify_subscriptions_app_block_label ul {
  padding-left: 0 !important;
}
.shopify_subscriptions_app_block label {
  color: var(--black) !important;
}
.badge {
  background: var(--yellow);
  color: var(--black);
}

/* ========================================== FORM ========================================== */
.form-field {
  margin-bottom: 1.5rem;
}
.form-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: var(--black) !important;
}
.form-field input,
.form-field textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* ========================================== FOOTER ========================================== */
.footer {
  background: var(--yellow);
  padding: 40px 0;
}
.footer-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
.footer-menu {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-menu li a {
  color: var(--black);
  font-family: 'Hanley-Pro-Sans' !important;
  font-size: 16px;
  text-transform: uppercase;
}
.footer-center {
  display: flex;
  justify-content: center;
}
.footer-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
}
.footer-right-top {
  display: flex;
  align-items: center;
  gap: 24px;
}
.footer-right-top h3, .footer-right-top a {
  color: var(--black);
}
.socials {
  display: flex;
  align-items: center;
  gap: 16px;
}
.socials a {
  color: var(--black);
  font-size: 34px;
}

@media(max-width: 1950px) {
  .footer-right-top {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 16px;
  }
}
@media(max-width: 1700px) {
  .footer-menu {
    gap: 16px;
  }
}
@media(max-width: 1400px) {
  .footer-menu {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media(max-width: 725px) {
  .footer-content {
    display: flex;
    flex-direction: column;
  }
  .footer-menu {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .footer-right {
    align-items: center;
  }
  .footer-right-top {
    align-items: center;
  }
}
@media(max-width: 450px) {
  .footer-menu {
    flex-direction: column;
  }
}