/** Shopify CDN: Minification failed

Line 648:0 Unexpected "="
Line 675:0 Unexpected "="
Line 1332:0 Unexpected "="
Line 2090:0 Unexpected "="

**/

/* ============================================================
   DEVIL MOUNTAIN TACTICAL
   PREMIUM DAWN PRODUCT CARD REDESIGN
   ============================================================ */

/* =========================
   PRODUCT GRID
========================= */

#product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(, 1fr)) !important;
  gap: 30px 22px !important;
  margin-top: 25px !important;
}

#product-grid > .grid__item {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}


/* =========================
   MAIN CARD
========================= */

#product-grid .card-wrapper {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

#product-grid .card {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  background: #121416 !important;

  border: 1px solid #2a2d30 !important;
  border-radius: 0 !important;

  overflow: hidden !important;

  box-shadow: none !important;

  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease !important;
}


/* CARD HOVER */

#product-grid .card-wrapper:hover .card {
  transform: translateY(-7px) !important;

  border-color: #555a5e !important;

  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.42),
    0 4px 12px rgba(0, 0, 0, 0.25) !important;
}


/* =========================
   IMAGE SECTION
========================= */

#product-grid .card__inner {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;

  min-height: 0 !important;

  background: #090b0d !important;

  border-radius: 0 !important;

  overflow: hidden !important;

  position: relative !important;
}


/* DARK IMAGE FRAME */

#product-grid .card__inner::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  z-index: 2 !important;

  pointer-events: none !important;

  border: 1px solid rgba(255,255,255,0.05) !important;

  box-shadow:
    inset 0 0 45px rgba(0,0,0,0.35) !important;
}


/* BOTTOM IMAGE GRADIENT */

#product-grid .card__inner::after {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  height: 30% !important;

  z-index: 2 !important;

  pointer-events: none !important;

  background: linear-gradient(
    to top,
    rgba(0,0,0,0.35),
    transparent
  ) !important;
}


/* =========================
   IMAGE
========================= */

#product-grid .card__media {
  width: 100% !important;
  height: 100% !important;

  background: #090b0d !important;

  position: absolute !important;
  inset: 0 !important;
}

#product-grid .card__media .media {
  width: 100% !important;
  height: 100% !important;

  background: #090b0d !important;
}

#product-grid .card__media img {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;

  padding: 22px !important;

  opacity: 0.96 !important;

  transform: scale(1) !important;

  transition:
    transform 0.55s cubic-bezier(.2,.7,.2,1),
    opacity 0.35s ease !important;
}


/* IMAGE HOVER */

#product-grid .card-wrapper:hover .card__media img {
  transform: scale(1.08) !important;
  opacity: 1 !important;
}


/* =========================
   CARD CONTENT
========================= */

#product-grid .card > .card__content {
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  flex: 1 0 auto !important;

  background: #121416 !important;

  padding: 20px 20px 21px !important;

  margin: 0 !important;
}


/* =========================
   INFORMATION
========================= */

#product-grid .card__information {
  width: 100% !important;

  padding: 0 !important;

  margin: 0 !important;
}


/* =========================
   TITLE
========================= */

#product-grid .card__heading {
  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  line-height: 1.35 !important;
}

#product-grid .card__heading a {
  display: block !important;

  width: 100% !important;

  padding: 0 !important;
  margin: 0 !important;

  color: #f4f4f2 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 16px !important;

  font-weight: 600 !important;

  line-height: 1.4 !important;

  letter-spacing: 0.15px !important;

  text-decoration: none !important;

  transition: color 0.25s ease !important;
}

#product-grid .card__heading a:hover {
  color: #ffffff !important;
}


/* =========================
   PRICE AREA
========================= */

#product-grid .card-information {
  width: 100% !important;

  padding: 0 !important;

  margin-top: 11px !important;
}

#product-grid .price {
  display: block !important;

  margin: 0 !important;

  color: #ffffff !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 18px !important;

  font-weight: 700 !important;

  line-height: 1.3 !important;
}

#product-grid .price-item {
  color: #ffffff !important;
}

#product-grid .price--on-sale .price-item--regular {
  color: #707478 !important;

  font-size: 14px !important;

  font-weight: 400 !important;

  margin-right: 7px !important;
}


/* =========================
   SOLD OUT BADGE
========================= */

#product-grid .card__badge {
  position: absolute !important;

  top: 15px !important;
  left: 15px !important;

  z-index: 10 !important;

  margin: 0 !important;
}

#product-grid .card__badge .badge {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-height: 29px !important;

  padding: 0 11px !important;

  background: #191b1d !important;

  color: #ffffff !important;

  border: 1px solid #4a4e52 !important;

  border-radius: 0 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 9px !important;

  font-weight: 700 !important;

  letter-spacing: 1.2px !important;

  line-height: 1 !important;

  text-transform: uppercase !important;
}


/* =========================
   QUICK ADD
========================= */

#product-grid .quick-add {
  width: auto !important;

  margin:
    17px 20px 20px !important;
}

#product-grid .quick-add__submit {
  width: 100% !important;

  min-height: 46px !important;

  padding: 0 15px !important;

  background: #e8e8e3 !important;

  color: #101214 !important;

  border: 1px solid #e8e8e3 !important;

  border-radius: 0 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 11px !important;

  font-weight: 700 !important;

  letter-spacing: 1.3px !important;

  text-transform: uppercase !important;

  transition:
    background 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease !important;
}

#product-grid .quick-add__submit:hover {
  background: transparent !important;

  color: #ffffff !important;

  border-color: #707478 !important;
}


/* =========================
   REMOVE DAWN CARD EFFECTS
========================= */

#product-grid .card__heading::after {
  display: none !important;
}

#product-grid .full-unstyled-link::after {
  display: none !important;
}

#product-grid .card--standard > .card__content {
  position: static !important;
}

#product-grid .card__inner .card__content {
  display: none !important;
}


/* =========================
   PLACEHOLDER
========================= */

#product-grid .placeholder {
  background: #090b0d !important;
}

#product-grid .placeholder-svg {
  background: #090b0d !important;

  fill: #25292c !important;
}


/* =========================
   DESKTOP LARGE
========================= */

@media screen and (min-width: 1200px) {

  #product-grid {
    grid-template-columns:
      repeat(4, minmax(0, 1fr));

    gap: 32px 24px !important;
  }

  #product-grid .card__media img {
    padding: 25px !important;
  }

  #product-grid .card > .card__content {
    padding: 21px 21px 23px !important;
  }
}


/* =========================
   TABLET
========================= */

@media screen and (min-width: 750px)
and (max-width: 1199px) {

  #product-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    gap: 24px 18px !important;
  }

  #product-grid .card__heading a {
    font-size: 15px !important;
  }

  #product-grid .card > .card__content {
    padding: 17px !important;
  }

  #product-grid .quick-add {
    margin:
      15px 17px 17px !important;
  }
}


/* =========================
   MOBILE
========================= */

@media screen and (max-width: 749px) {

  #product-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 18px 11px !important;

    margin-top: 18px !important;
  }

  #product-grid .card {
    border-width: 1px !important;
  }

  #product-grid .card__inner {
    aspect-ratio: 1 / 1 !important;
  }

  #product-grid .card__media img {
    padding: 13px !important;
  }

  #product-grid .card > .card__content {
    padding: 13px 12px 14px !important;
  }

  #product-grid .card__heading a {
    font-size: 13px !important;

    line-height: 1.35 !important;
  }

  #product-grid .card-information {
    margin-top: 7px !important;
  }

  #product-grid .price {
    font-size: 15px !important;
  }

  #product-grid .price--on-sale
  .price-item--regular {
    font-size: 11px !important;
  }

  #product-grid .card__badge {
    top: 8px !important;
    left: 8px !important;
  }

  #product-grid .card__badge .badge {
    min-height: 24px !important;

    padding: 0 7px !important;

    font-size: 7px !important;

    letter-spacing: 0.8px !important;
  }

  #product-grid .quick-add {
    margin:
      11px 12px 12px !important;
  }

  #product-grid .quick-add__submit {
    min-height: 39px !important;

    font-size: 9px !important;

    letter-spacing: 0.7px !important;
  }
}


/* =========================
   SMALL MOBILE
========================= */

@media screen and (max-width: 480px) {
 

  #product-grid {
    gap: 15px 9px !important;
  }

  #product-grid .card__media img {
    padding: 9px !important;
  }

  #product-grid .card > .card__content {
    padding: 11px 10px 12px !important;
  }

  #product-grid .card__heading a {
    font-size: 12px !important;
  }

  #product-grid .price {
    font-size: 14px !important;
  }

  #product-grid .quick-add {
    margin:
      9px 10px 10px !important;
  }

  #product-grid .quick-add__submit {
    min-height: 36px !important;

    font-size: 8px !important;
  }
}


/* =========================
   HOVER DISABLED ON TOUCH
========================= */

@media (hover: none) {

  #product-grid .card-wrapper:hover .card {
    transform: none !important;

    box-shadow: none !important;
  }

  #product-grid .card-wrapper:hover
  .card__media img {
    transform: scale(1) !important;
  }
}


=============================================================

.header__menu-item {
  transition: color 0.35s ease !important;
}

.header__menu-item span {
  transition: color 0.35s ease !important;
}

/* Text hover */
.header__menu-item:hover span {
  color: #ff6800 !important;
}

/* Existing underline */
.header__menu-item::after,
.header__active-menu-item::after {
  transition: background-color 0.35s ease, border-color 0.35s ease !important;
}

/* Existing line ka hover color */
.header__menu-item:hover::after {
  background-color: #ff6800 !important;
  border-color: #ff6800 !important;
}

=======================================================================
/* ============================================================
   YOU MAY ALSO LIKE
   RELATED PRODUCTS - DAWN THEME
   SAME PREMIUM PRODUCT CARD DESIGN
============================================================ */


/* ============================================================
   RELATED PRODUCTS SECTION
============================================================ */

.related-products {
  width: 100% !important;
}

.related-products__heading {
  margin-bottom: 30px !important;

  color: #f4f4f2 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 32px !important;

  font-weight: 600 !important;

  line-height: 1.2 !important;

  letter-spacing: -0.3px !important;
}


/* ============================================================
   RELATED PRODUCT GRID
============================================================ */

.related-products > .grid {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;

  gap: 30px 22px !important;

  margin: 0 !important;

  padding: 0 !important;
}

.related-products > .grid > .grid__item {
  width: 100% !important;

  max-width: none !important;

  padding: 0 !important;

  margin: 0 !important;
}


/* ============================================================
   PRODUCT COMPONENT
============================================================ */

.related-products product-component {
  display: block !important;

  width: 100% !important;

  height: 100% !important;
}


/* ============================================================
   CARD WRAPPER
============================================================ */

.related-products .card-wrapper {
  width: 100% !important;

  height: 100% !important;
}


/* ============================================================
   MAIN CARD
============================================================ */

.related-products .card {
  width: 100% !important;

  height: 100% !important;

  min-height: 100% !important;

  display: flex !important;

  flex-direction: column !important;

  background: #121416 !important;

  border: 1px solid #2a2d30 !important;

  border-radius: 0 !important;

  overflow: hidden !important;

  box-shadow: none !important;

  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease !important;
}


/* ============================================================
   CARD HOVER
============================================================ */

.related-products .card-wrapper:hover .card {
  transform: translateY(-7px) !important;

  border-color: #555a5e !important;

  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.42),
    0 4px 12px rgba(0, 0, 0, 0.25) !important;
}


/* ============================================================
   IMAGE AREA
============================================================ */

.related-products .card__inner {
  width: 100% !important;

  aspect-ratio: 1 / 1 !important;

  min-height: 0 !important;

  background: #090b0d !important;

  border-radius: 0 !important;

  overflow: hidden !important;

  position: relative !important;
}


/* IMAGE BORDER */

.related-products .card__inner::before {
  content: "" !important;

  position: absolute !important;

  inset: 0 !important;

  z-index: 2 !important;

  pointer-events: none !important;

  border: 1px solid rgba(255,255,255,0.05) !important;

  box-shadow:
    inset 0 0 45px rgba(0,0,0,0.35) !important;
}


/* IMAGE BOTTOM SHADOW */

.related-products .card__inner::after {
  content: "" !important;

  position: absolute !important;

  left: 0 !important;

  right: 0 !important;

  bottom: 0 !important;

  height: 30% !important;

  z-index: 2 !important;

  pointer-events: none !important;

  background:
    linear-gradient(
      to top,
      rgba(0,0,0,0.35),
      transparent
    ) !important;
}


/* ============================================================
   MEDIA
============================================================ */

.related-products .card__media {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;

  height: 100% !important;

  background: #090b0d !important;
}

.related-products .card__media .media {
  width: 100% !important;

  height: 100% !important;

  background: #090b0d !important;
}


/* ============================================================
   PRODUCT IMAGE
============================================================ */

.related-products .card__media img {
  width: 100% !important;

  height: 100% !important;

  object-fit: contain !important;

  padding: 22px !important;

  opacity: 0.96 !important;

  transform: scale(1) !important;

  transition:
    transform 0.55s cubic-bezier(.2,.7,.2,1),
    opacity 0.35s ease !important;
}


/* IMAGE HOVER */

.related-products
.card-wrapper:hover
.card__media img {
  transform: scale(1.08) !important;

  opacity: 1 !important;
}


/* ============================================================
   HIDE DUPLICATE CONTENT INSIDE IMAGE
============================================================ */

.related-products .card__inner .card__content {
  display: none !important;
}


/* ============================================================
   BOTTOM CONTENT
============================================================ */

.related-products .card > .card__content {
  width: 100% !important;

  flex: 1 0 auto !important;

  display: flex !important;

  flex-direction: column !important;

  background: #121416 !important;

  padding: 20px !important;

  margin: 0 !important;
}


/* ============================================================
   INFORMATION
============================================================ */

.related-products .card__information {
  width: 100% !important;

  padding: 0 !important;

  margin: 0 !important;
}


/* ============================================================
   PRODUCT TITLE
============================================================ */

.related-products .card__heading {
  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  line-height: 1.35 !important;
}

.related-products .card__heading a {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  color: #f4f4f2 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 16px !important;

  font-weight: 600 !important;

  line-height: 1.4 !important;

  letter-spacing: 0.15px !important;

  text-decoration: none !important;

  transition:
    color 0.25s ease !important;
}


/* TITLE HOVER */

.related-products
.card-wrapper:hover
.card__heading a {
  color: #ffffff !important;
}


/* REMOVE DAWN UNDERLINE EFFECT */

.related-products
.card__heading a::after {
  display: none !important;
}


/* ============================================================
   PRICE
============================================================ */

.related-products .card-information {
  width: 100% !important;

  padding: 0 !important;

  margin-top: 11px !important;
}

.related-products .price {
  display: block !important;

  margin: 0 !important;

  color: #ffffff !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 18px !important;

  font-weight: 700 !important;

  line-height: 1.3 !important;
}

.related-products .price-item {
  color: #ffffff !important;
}


/* SALE PRICE */

.related-products
.price--on-sale
.price-item--regular {
  color: #707478 !important;

  font-size: 14px !important;

  font-weight: 400 !important;
}


/* ============================================================
   BADGE
============================================================ */

.related-products .card__badge {
  position: absolute !important;

  top: 15px !important;

  left: 15px !important;

  z-index: 10 !important;

  margin: 0 !important;
}

.related-products .card__badge .badge {
  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  min-height: 29px !important;

  padding: 0 11px !important;

  background: #191b1d !important;

  color: #ffffff !important;

  border: 1px solid #4a4e52 !important;

  border-radius: 0 !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size: 9px !important;

  font-weight: 700 !important;

  letter-spacing: 1.2px !important;

  line-height: 1 !important;

  text-transform: uppercase !important;
}


/* ============================================================
   PLACEHOLDER IMAGE
============================================================ */

.related-products .placeholder {
  background: #090b0d !important;
}

.related-products .placeholder-svg {
  background: #090b0d !important;

  fill: #25292c !important;
}


/* ============================================================
   DESKTOP
============================================================ */

@media screen and (min-width: 1200px) {

  .related-products > .grid {
    grid-template-columns:
      repeat(4, minmax(0, 1fr)) !important;

    gap: 32px 24px !important;
  }

  .related-products .card__media img {
    padding: 25px !important;
  }

  .related-products
  .card > .card__content {
    padding: 21px !important;
  }
}


/* ============================================================
   TABLET
============================================================ */

@media screen and (min-width: 750px)
and (max-width: 1199px) {

  .related-products > .grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    gap: 24px 18px !important;
  }

  .related-products
  .card > .card__content {
    padding: 17px !important;
  }

  .related-products .card__heading a {
    font-size: 15px !important;
  }
}


/* ============================================================
   MOBILE
============================================================ */

@media screen and (max-width: 749px) {

  .related-products__heading {
    margin-bottom: 20px !important;

    font-size: 25px !important;
  }

  .related-products > .grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 18px 11px !important;
  }

  .related-products .card__inner {
    aspect-ratio: 1 / 1 !important;
  }

  .related-products .card__media img {
    padding: 13px !important;
  }

  .related-products
  .card > .card__content {
    padding: 13px 12px 14px !important;
  }

  .related-products
  .card__heading a {
    font-size: 13px !important;

    line-height: 1.35 !important;
  }

  .related-products .card-information {
    margin-top: 7px !important;
  }

  .related-products .price {
    font-size: 15px !important;
  }

  .related-products
  .price--on-sale
  .price-item--regular {
    font-size: 11px !important;
  }

  .related-products .card__badge {
    top: 8px !important;

    left: 8px !important;
  }

  .related-products
  .card__badge .badge {
    min-height: 24px !important;

    padding: 0 7px !important;

    font-size: 7px !important;

    letter-spacing: 0.8px !important;
  }
}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media screen and (max-width: 480px) {

  .related-products > .grid {
    gap: 15px 9px !important;
  }

  .related-products
  .card__media img {
    padding: 9px !important;
  }

  .related-products
  .card > .card__content {
    padding: 11px 10px 12px !important;
  }

  .related-products
  .card__heading a {
    font-size: 12px !important;
  }

  .related-products .price {
    font-size: 14px !important;
  }
}


/* ============================================================
   TOUCH DEVICES
============================================================ */

@media (hover: none) {

  .related-products
  .card-wrapper:hover .card {
    transform: none !important;

    box-shadow: none !important;
  }

  .related-products
  .card-wrapper:hover
  .card__media img {
    transform: scale(1) !important;
  }
}


=====================
div#shopify-section-template--22096589389978__main {
    background: #121212;
}

/* =========================================================
   DEVIL MOUNTAIN TACTICAL - COLLECTION CARDS REDESIGN
   Dawn Theme
========================================================= */

/* Collection grid */
.collection-list {
  column-gap: 8px !important;
  row-gap: 20px !important;
}

/* Individual collection item */
.collection-list__item {
  margin-bottom: 0 !important;
}

/* Main card */
.collection-list__item .collection-card-wrapper {
  height: 100%;
}

.collection-list__item .card {
  height: 100%;
  background: #111315 !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.22) !important;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease !important;
}

/* Card hover */
.collection-list__item .card:hover {
  transform: translateY(-7px);
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.40),
    0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

/* =========================================================
   IMAGE AREA
========================================================= */

.collection-list__item .card__inner {
  background: #0b0d0f !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Image wrapper */
.collection-list__item .card__media {
  background: #0b0d0f !important;
  overflow: hidden !important;
}

/* Actual image */
.collection-list__item .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Image zoom */
.collection-list__item .card:hover .card__media img {
  transform: scale(1.07);
}

/* Dark image overlay */
.collection-list__item .card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.02) 30%,
      rgba(0, 0, 0, 0.18) 100%
    );
  pointer-events: none;
  z-index: 2;
}

/* =========================================================
   COLLECTION INFORMATION
========================================================= */

/* Bottom content area */
.collection-list__item .card > .card__content {
  background: #111315 !important;
  padding: 22px 22px 24px !important;
  min-height: 105px;
}

/* Information wrapper */
.collection-list__item .card > .card__content .card__information {
  padding: 0 !important;
}

/* Collection title */
.collection-list__item .card__heading {
  margin: 0 !important;
  line-height: 1.25 !important;
}

/* Collection title link */
.collection-list__item .card__heading .full-unstyled-link {
  color: #f4f4f1 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.35 !important;
  text-transform: uppercase;
  text-decoration: none !important;
  transition:
    color 0.25s ease,
    letter-spacing 0.25s ease !important;
}

/* Title hover */
.collection-list__item .card:hover .card__heading .full-unstyled-link {
  color: #ffffff !important;
  letter-spacing: 0.8px !important;
}

/* =========================================================
   DESCRIPTION
========================================================= */

.collection-list__item .card__caption {
  margin: 10px 0 0 !important;
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  letter-spacing: 0.15px !important;
}

/* =========================================================
   ARROW
========================================================= */

.collection-list__item .icon-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 9px !important;
  vertical-align: middle !important;
}

.collection-list__item .icon-arrow {
  width: 15px !important;
  height: 11px !important;
  color: #ffffff !important;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease !important;
}

.collection-list__item .card:hover .icon-arrow {
  transform: translateX(5px);
}

/* =========================================================
   REMOVE UNNECESSARY GRADIENT EFFECT
========================================================= */

.collection-list__item .gradient {
  background: #0b0d0f !important;
}

.collection-list__item .card__inner.gradient {
  background: #0b0d0f !important;
}

/* =========================================================
   TOP TITLE
========================================================= */

.template-list-collections .title--primary {
  color: #111315 !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 40px !important;
}

/* =========================================================
   CARD IMAGE HEIGHT
========================================================= */

.collection-list__item .card__inner {
  aspect-ratio: 1 / 1.05 !important;
  height: auto !important;
}

.collection-list__item .card__media,
.collection-list__item .card__media .media {
  height: 100% !important;
}

/* =========================================================
   BORDER DETAIL
========================================================= */

.collection-list__item .card {
  position: relative;
}

.collection-list__item .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 2px;
  background: rgba(255, 255, 255, 0.65);
  z-index: 5;
  transition:
    width 0.35s ease,
    background 0.35s ease;
}

.collection-list__item .card:hover::before {
  width: 100%;
  background: #ffffff;
}

/* =========================================================
   DESKTOP
========================================================= */

@media screen and (min-width: 990px) {

  .collection-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .collection-list__item .card > .card__content {
    min-height: 120px;
  }

}

/* =========================================================
   TABLET
========================================================= */

@media screen and (min-width: 750px) and (max-width: 989px) {

  .collection-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 20px !important;
    row-gap: 24px !important;
  }

  .collection-list__item .card__heading .full-unstyled-link {
    font-size: 17px !important;
  }

}

/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 749px) {

  .collection-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 12px !important;
    row-gap: 18px !important;
  }

  .collection-list__item .card {
    border-radius: 3px !important;
  }

  .collection-list__item .card > .card__content {
    padding: 14px 13px 17px !important;
    min-height: 95px;
  }

  .collection-list__item .card__heading .full-unstyled-link {
    font-size: 13px !important;
    line-height: 1.35 !important;
    letter-spacing: 0.3px !important;
  }

  .collection-list__item .card__caption {
    margin-top: 7px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  .collection-list__item .icon-wrap {
    margin-left: 5px !important;
  }

  .collection-list__item .icon-arrow {
    width: 12px !important;
    height: 9px !important;
  }

  .template-list-collections .title--primary {
    font-size: 30px !important;
    margin-bottom: 25px !important;
  }

}

/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) {

  .collection-list__item .card:hover {
    transform: none;
  }

  .collection-list__item .card:hover .card__media img {
    transform: none;
  }

}

/* =========================================================
   DEVIL MOUNTAIN TACTICAL
   MAIN PRODUCT GRID ONLY
   PRODUCT RECOMMENDATIONS EXCLUDED
========================================================= */


/* =========================================================
   MAIN PRODUCT GRID
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  column-gap: 22px !important;
  row-gap: 30px !important;
}


/* =========================================================
   MAIN PRODUCT GRID ITEMS
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
> .grid__item {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   MAIN PRODUCT CARDS ONLY
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}


/* =========================================================
   CARD
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper > .card {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  height: 100% !important;

  padding: 0 !important;
  margin: 0 !important;

  overflow: hidden !important;

  background: #111315 !important;

  border: 1px solid rgba(255,255,255,0.10) !important;

  border-radius: 5px !important;

  box-shadow:
    0 8px 25px rgba(0,0,0,0.28) !important;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease !important;
}


/* =========================================================
   CARD HOVER
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper > .card:hover {
  transform: translateY(-6px) !important;

  border-color: rgba(255,255,255,0.28) !important;

  box-shadow:
    0 18px 45px rgba(0,0,0,0.50) !important;
}


/* =========================================================
   TOP WHITE LINE
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper > .card::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  width: 40px !important;
  height: 2px !important;

  background: #fff !important;

  z-index: 20 !important;

  transition: width 0.4s ease !important;
}

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper > .card:hover::before {
  width: 100% !important;
}


/* =========================================================
   IMAGE AREA
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card__inner {
  position: relative !important;

  width: 100% !important;

  height: auto !important;

  aspect-ratio: 1 / 1 !important;

  flex: 0 0 auto !important;

  overflow: hidden !important;

  background: #090b0d !important;
}


/* =========================================================
   MEDIA
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card__media,

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card__media .media {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  background: #090b0d !important;

  overflow: hidden !important;
}


/* =========================================================
   PRODUCT IMAGE
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card__media img {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: center !important;

  padding: 14px !important;

  transition:
    transform 0.6s cubic-bezier(0.22,1,0.36,1) !important;
}


/* =========================================================
   IMAGE HOVER
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card:hover .card__media img {
  transform: scale(1.07) !important;
}


/* =========================================================
   HIDE DUPLICATE CONTENT INSIDE IMAGE
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card__inner > .card__content {
  display: none !important;
}


/* =========================================================
   MAIN CARD CONTENT
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card > .card__content {
  display: flex !important;

  flex-direction: column !important;

  width: 100% !important;

  min-height: 120px !important;

  padding: 18px 19px 20px !important;

  margin: 0 !important;

  background: #111315 !important;

  flex: 1 1 auto !important;
}


/* =========================================================
   INFORMATION
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card > .card__content .card__information {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}


/* =========================================================
   TITLE
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card__heading {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card__heading .full-unstyled-link {
  display: block !important;

  color: #f4f4f1 !important;

  font-size: 16px !important;
  font-weight: 700 !important;

  line-height: 1.4 !important;

  letter-spacing: 0.25px !important;

  text-decoration: none !important;

  transition:
    color 0.25s ease,
    letter-spacing 0.25s ease !important;
}


/* =========================================================
   TITLE HOVER
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card:hover
.card__heading .full-unstyled-link {
  color: #fff !important;
  letter-spacing: 0.55px !important;
}


/* =========================================================
   PRICE
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card-information {
  margin-top: 9px !important;
  padding: 0 !important;
}

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .price {
  margin: 0 !important;
}

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .price-item {
  color: #fff !important;

  font-size: 15px !important;
  font-weight: 700 !important;

  letter-spacing: 0.3px !important;
}


/* =========================================================
   BADGE
========================================================= */

.product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
.product-card-wrapper .card__badge {
  z-index: 15 !important;
}


/* =========================================================
   DESKTOP
========================================================= */

@media screen and (min-width: 990px) {

  .product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid) {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    column-gap: 22px !important;
    row-gap: 30px !important;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media screen and (min-width: 750px)
and (max-width: 989px) {

  .product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid) {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    column-gap: 18px !important;
    row-gap: 24px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 749px) {

  .product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid) {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    column-gap: 10px !important;
    row-gap: 16px !important;
  }

  .product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
  .product-card-wrapper .card > .card__content {
    min-height: 92px !important;
    padding: 13px 12px 15px !important;
  }

  .product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
  .product-card-wrapper .card__heading .full-unstyled-link {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
  .product-card-wrapper .price-item {
    font-size: 13px !important;
  }

}


/* =========================================================
   TOUCH
========================================================= */

@media (hover: none) {

  .product-grid:not(.product-recommendations .product-grid):not(.related-products .product-grid)
  .product-card-wrapper .card:hover {
    transform: none !important;
  }

}
/* =========================================
   PRODUCT RECOMMENDATIONS - FIX DOUBLE IMAGE
   ========================================= */

.product-recommendations .card__media .media.media--hover-effect img:nth-child(2),
.related-products .card__media .media.media--hover-effect img:nth-child(2) {
  display: none !important;
}

.product-recommendations .card__media .media.media--hover-effect img:first-child,
.related-products .card__media .media.media--hover-effect img:first-child {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Keep recommendation card normal */
.product-recommendations .card__media .media.media--hover-effect,
.related-products .card__media .media.media--hover-effect {
  overflow: hidden;
}




=======================================================================================================