/** Shopify CDN: Minification failed

Line 826:35 Expected identifier but found "*"
Line 1698:13 Unexpected "{"
Line 1698:22 Expected ":"
Line 1698:29 Unexpected "{"
Line 1711:13 Unexpected "{"
Line 1711:22 Expected ":"
Line 1715:13 Unexpected "{"
Line 1715:22 Expected ":"
Line 1720:13 Unexpected "{"
Line 1720:22 Expected ":"
... and 66 more hidden warnings

**/
@font-face {
  font-family: "PP Mori";
  font-weight: 300;
  src: url("/cdn/shop/files/PPMori-Extralight.otf?v=1747995662");
}
@font-face {
  font-family: "PP Mori";
  font-weight: 400;
  src: url("/cdn/shop/files/PPMori-Regular.otf?v=1747995661");
}
@font-face {
  font-family: "PP Mori";
  font-weight: 600;
  src: url("/cdn/shop/files/PPMori-SemiBold.otf?v=1747995662");
}
@font-face {
  font-family: "Articulat CF";
  font-weight: 400;
  src: url("/cdn/shop/files/Fontspring-DEMO-articulatcf-regular-BF64a38d8b1d671.otf?v=1747996003");
}
.jdgm-preview-badge .jdgm-star {
  color: #ffc107 !important;
}

html {
  scroll-padding-top: 60px;
}
.page-about-us main#MainContent *,
.page-privacy-policy main#MainContent *,
.page-warrenty main#MainContent *,
.page-terms-conditions main#MainContent *,
.page-return-refund-policy main#MainContent * {
  color: #fff;
}
.item {
  margin: 0px;
}
ul.slick-dots {
  align-items: center;
  justify-content: center;
  margin: 0;
  display: flex;
  gap: 10px;
  padding: 0px 10px;
  width: 100%;
  backdrop-filter: blur(1px);
  padding-top: 20px;
  border-radius: 70px;
  height: 22px;
  max-width: unset;
}
ul.slick-dots li {
  display: flex;
  margin: 0;
  width: 12px;
  height: 12px;
  border-radius: 100%;
}
ul.slick-dots li::marker {
  content: none;
}
ul.slick-dots li button {
  height: 100%;
  background: #7d3cff;
  width: 100%;
  padding: 0;
  border-radius: 100%;
  font-size: 0;
  border: unset;
}
ul.slick-dots li.slick-active button {
  opacity: 1;
  background: #ffeff0;
}
@media (max-width: 749px) {
  ul.slick-dots li {
    width: 8px;
    height: 8px;
  }
  ul.slick-dots {
    gap: 5px;
  }
}
html {
  scroll-behavior: smooth;
}
img {
  width: 100%;
  display: flex;
}
a {
  cursor: pointer;
  color: unset;
  text-decoration: none;
}
.common-btn {
}

.common-button:hover {
  transform: translateY(-5px);
}
.common-button {
  transition: transform 0.5s;
  position: relative;
}

body {
  letter-spacing: 0 !important;
  background: #1c1c1e !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

/* header css start */
.collection .rating-main {
  position: absolute;
  top: 0;
}
.collection .card__badge {
  display: none;
}
.collection div .card__information {
  padding-top: 24px !important;
  position: relative;
}
.collection .card-information .rating-count * {
  color: #fff;
}
.collection .rating-star {
  --color-rating-star: rgb(255 204 0);
}
header .header__active-menu-item {
  color: #fff;
}
.header-wrapper {
  border: unset;
  background: #1c1c1e;
}
.header-wrapper .menu-drawer {
  background: #1c1c1e;
}
.header {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: unset;
}
.header .list-menu a {
  color: #ffeff0;
  font-family: PP Mori;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding: 0 30px;
}
.header .header__icon {
  height: 5.4rem;
  width: 6.4rem;
  padding: 0;
}
.header .header__icon .svg-wrapper {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background: transparent !important;
}
.header .header__icon .icon {
  height: unset;
  width: unset;
  min-width: 20px;
  max-width: 20px;
  padding: 0;
}
.header .header__icon .icon-search {
  min-width: 30px;
  max-width: 30px;
}
.template-index .header-wrapper {
  background: transparent;
  position: absolute;
  top: 0;
  width: 100%;
}
.template-index .shopify-section-header-sticky .header-wrapper {
  position: unset;
  background: #1c1c1e;
}
.header .field {
  border: 1px solid #fff;
}
.header .search-modal .svg-wrapper {
  filter: invert(1);
}
.header .search__button .svg-wrapper {
  filter: invert(1);
}
.header .field__label {
  color: #fff;
}
.header .search__input {
  background: transparent;
  color: #fff;
  box-shadow: unset !important;
}
.header .search-modal {
  background: #3a3a3c !important;
}
/* collection */
.collection .card__information {
  color: #fff;
  font-family: "PP Mori";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 18px */
  letter-spacing: -0.9px;
  text-transform: capitalize;
}

.collection .card__heading a {
  color: #fff;
  font-family: PP Mori;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.9px;
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.collection .grid__item {
  border-radius: 9.358px;
  background: #3a3a3c;
}

.collection .price__container * {
  color: #fff !important;
  font-family: "PP Mori";
  font-size: 14.037px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.collection .price__sale {
  display: flex !important;
  flex-direction: row-reverse;
  margin-top: 5px;
  gap: 5px;
}

.collection .quick-add__submit {
  color: #fff;
  font-family: Poppins;
  font-size: 14.037px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21.056px */
  letter-spacing: -0.842px;
  text-transform: uppercase;
  border: 0.78px solid #fff;
  background: transparent;
  width: fit-content !important;
  min-width: auto;
  padding: 12px 18px;
}
.collection .card__inner {
  background: transparent;
}
.collection .card__media img {
  padding: 12px;
  transition: transform 0.5s ease;
}
.collection .grid__item:hover {
  background: #7d3cff;
}
.collection .grid__item:hover .card__media img {
  transform: scale(1.1); /* or any zoom factor like 1.2 */
  
}

.collection .grid__item {
  transition: background 0.5s ease;
}
.collection .card__content {
  padding: 0 12px 30px !important;
}
.collection ul#product-grid {
  margin: 40px 0;
}
.collection .quick-add__submit:before,
.collection .quick-add__submit:after {
  box-shadow: none !important;
}

.collection .grid__item:hover .quick-add__submit {
  background: #fff !important;
  color: #000 !important;
}
.collection .str-custom-text {
  display: block;
  color: #fff;
  font-family: "PP Mori";
  font-size: 10.918px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 8px;
}
.str-custom-text {
  display: none;
}
.collection .price.price--on-sale {
  margin-top: 0 !important;
}
.collection .rev-text-collection {
  color: #fff;
  font-family: "PP Mori";
  font-size: 14.037px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  /* 22.46px */
  gap: 5px;
  margin-bottom: 12px;
}
/* cart drawer */
.cart-drawer .cart-drawer__empty-content * {
  color: #fff;
  font-family: "PP Mori";
}
.cart-drawer .cart__checkout-button:hover {
  opacity: 0.9;
}
.cart-drawer .cart__checkout-button:after,
.cart-drawer .cart__checkout-button:before {
  border: none !important;
  box-shadow: none !important;
}
.drawer__footer {
  background: #3a3a3c;
  box-shadow: 0px -6.571px 23.373px 0px rgba(0, 0, 0, 0.1);
  padding: 30px !important;
  margin-bottom: 34px;
}
.cart-drawer a.con-shop {
  color: #fff;
  font-family: "PP Mori";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-top: 22px;
}
.cart-drawer .cart__checkout-button {
  position: relative;
  z-index: 1;
  background: #7d3cff;
  color: #fff;
  text-align: center;
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: PP Mori;
  padding: 18px 10px;
  text-transform: uppercase;
}

.cart-drawer .cart__ctas {
  padding: 5px;
  position: relative;
  margin-top: 20px;
  /* border: 1px solid #848589; */
}

.cart-drawer .cart__ctas:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 45%;
  left: 0;
  bottom: 0;
  border: 1px solid #848589;
  border-top: 0;
}
.cart-drawer .cart-drawer__empty-content a.button {
  background: #8446fe;
}

.cart-drawer .cart__ctas:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 45%;
  left: 0;
  top: 0;
  border: 1px solid #848589;
  border-bottom: 0;
}
.cart-drawer h2.totals__total {
  color: #fff;
  font-family: "PP Mori";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 24px */
  letter-spacing: -1.2px;
  text-transform: capitalize;
}

.cart-drawer p.totals__total-value {
  color: #fff;
  font-family: "PP Mori";
  font-size: 28.584px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 28.584px */
  letter-spacing: -1.429px;
  text-transform: capitalize;
}
.cart-drawer .drawer__inner {
  background: #1c1c1e;
  width: 66rem;
}
.cart-drawer .drawer__close {
  color: #fff;
}
.cart-drawer h2.drawer__heading {
  color: #fff;
  font-family: "PP Mori";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 95%; /* 34.2px */
  letter-spacing: -1.8px;
  text-transform: capitalize;
}
.cart-drawer .cart-items thead {
  display: none;
}

.cart-drawer .cart-item {
  border-radius: 12px;
  background: #3a3a3c;
  padding-bottom: 15px;
  margin-bottom: 15px !important;
}

.cart-drawer .cart-item__name {
  color: #fff;
  font-family: "PP Mori";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 26.4px */
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cart-drawer .cart-item__media {
  width: 17rem;
  padding-left: 18px !important;
}

.cart-drawer .cart-item__image {
  border-radius: 12px;
}

.cart-drawer .product-option {
  color: #fff;
  font-family: "PP Mori";
  font-size: 11.92px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 13.112px */
}

.cart-drawer .cart-item__price-wrapper * {
  /* 13.112px */
  color: #fff;
  font-family: "PP Mori";
  font-size: 28.584px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 31.442px */
  text-decoration-line: unset;
  text-transform: capitalize;
  padding-right: 13px;
}

.cart-drawer td.cart-item__quantity svg path {
  fill: #fff;
}

.cart-drawer quantity-popover .quantity,
.cart-drawer quantity-popover .quantity * {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-family: Anton;
  font-size: 17.029px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 18.731px */
  text-transform: uppercase;
  opacity: 1 !important;
}

.cart-drawer quantity-popover .quantit:before,
.cart-drawer quantity-popover .quantit:after {
  border: none !important;
  box-shadow: none !important;
}

.cart-drawer .quantity-popover-container {
  border: none !important;
}

.cart-drawer .quantity:before,
.quantity:after {
  box-shadow: none !important;
}

@media (max-width: 1100px) {
  .header .list-menu a {
    font-size: 12px;
    padding: 0 20px;
  }
}
@media (max-width: 989px) {
  header .menu-drawer__utility-links {
    display: none;
  }
  .header .list-menu a {
    font-size: 12px;
    padding: 10px 20px;
  }
  .header .header__icon--menu svg path {
    padding: 0 20px;
  }
  .header .header__icon {
    color: #fff !important;
  }
  .header .header__icon .svg-wrapper {
    width: 45px;
    height: 45px;
  }
  .header__heading-logo {
    height: auto;
    max-width: 140px;
  }
  .header .header__icon {
    height: unset;
    width: 5.1rem;
    padding: 0;
  }
  .header {
    padding: 10px 1.5rem 10px 2rem !important;
  }
  .header .header__icon span:not(.cart-count-bubble span) {
    border-radius: 100px;
    background: #transparent;
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 550px) {
  .product slider-component {
    padding: 0 1.5rem;
  }

  .product .arrow-image-wrapper img {
    top: 50% !important;
    max-width: 28px !important;
  }
  product-info {
    padding-top: 10px !important;
  }
  .header .header__icon {
    width: 4rem;
  }

  .header .header__icon span:not(.cart-count-bubble span) {
    width: 35px;
    height: 35px;
  }
  .header__heading-logo {
    max-width: 170px;
    margin-left: 10%;
  }
  .cart-drawer h2.drawer__heading {
    font-size: 25px;
  }
  .drawer__footer {
    padding: 15px !important;
  }

  .cart-drawer p.totals__total-value {
    font-size: 20px;
  }

  .cart-drawer .cart__ctas {
    margin-top: 10px;
  }

  .cart-drawer .cart__checkout-button {
    font-size: 16px;
    padding: 10px;
  }

  .cart-drawer a.con-shop {
    font-size: 16px;
    margin-top: 12px;
    letter-spacing: normal;
  }
  .cart-drawer .cart-item__media {
    width: 8rem;
  }

  .cart-drawer .cart-item__name {
    font-size: 13px;
  }

  .cart-drawer .cart-item__price-wrapper * {
    font-size: 13px;
  }

  .cart-drawer .cart-item__image {
    border-radius: 5px;
  }

  .cart-drawer .cart-item__media {
    padding-left: 15px !important;
  }
  .collection ul#product-grid {
    margin: 5px 0;
  }
  .collection .card__information,
  .collection .card__content {
    padding-top: 0 !important;
  }
  .collection .rev-text-collection {
    font-size: 10px;
    margin-bottom: 5px;
  }

  .collection .rev-text-collection svg {
    width: 12px;
    margin-bottom: 0px !important;
  }

  .collection .card__heading a {
    font-size: 14px;
  }

  .collection .str-custom-text {
    font-size: 8px;
  }

  .collection .price__container * {
    font-size: 12px !important;
  }

  .collection .quick-add__submit {
    font-size: 12px;
    padding: 8px 20px;
    min-height: auto;
  }

  .collection .card__content {
    padding: 12px !important;
  }
  .header .header__icon .icon-search {
    min-width: 25px;
    max-width: 25px;
  }
}

/* product page css */
div#judgeme_product_reviews {
  background: #fff;
  border-radius: 10px;
  margin-top: 40px;
}
.product-media-modal__content {
  max-width: 600px;
  margin: auto;
}
.product media-gallery:hover .arrow-image-wrapper {
  display: block;
}

.product .arrow-image-wrapper {
  display: none;
}
.product .product__media-list {
  background: #fff;
}

.product .thumbnail-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.product .arrow-image-wrapper img {
  max-width: 42px;
}
.product .thumbnail-slider .slider-button {
  display: none !important;
}
.product .arrow-image-wrapper img {
  border-radius: 100%;
  border: 1px solid #fff;
  background: #fff;
  position: absolute;
  top: 43%;
  left: 20px;
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
}
.product .arrow-image-wrapper img.disabled {
  opacity: 0.6;
}
.product .arrow-image-wrapper img#right-arrow {
  left: auto;
  right: 20px;
}

.product slider-component.thumbnail-slider {
  position: unset;
}
.product .price__sale span.price-item.price-item--sale {
  color: red;
  font-size: 28px;
}
.product .badge.price__badge-sale {
  display: none;
}
.product span.badge.price__badge-sale {
  margin-bottom: 0;
}
product-info {
  background: #1c1c1e !important;
}

.product .jdgm-prev-badge__text {
  color: #ffeff0;
  font-family: "PP Mori";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  text-transform: capitalize;
}
.product .product__title h1 {
  color: #ffeff0;
  font-family: "PP Mori";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 58px */
  letter-spacing: -2.9px;
  text-transform: capitalize;
}
.product .product__description h1,
.product .product__description h2,
.product .product__description h3,
.product .product__description h4,
.product .product__description h5,
.product .product__description h6,
.product .product__description p,
.product .product__description ul,
.product .product__description span,
.product .product__description li {
  color: #ffeff0;
  font-family: "PP Mori";
  /* font-size: 16px; */
  /* font-style: normal; */
  /* font-weight: 400; */
  /* line-height: 100%; /* 16px */ */
  /* text-transform: capitalize; */
}
.product .product__description li {
  display: flex;
}
.product .product-feature {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  max-width: 440px;
}
.product .text-wrapper {
  padding: 13px 20px;
}
.product .product-feature-heading {
  color: rgba(255, 239, 240, 0.78);
  font-family: "PP Mori";
  font-size: 14.118px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.product .product-feature-desc {
  color: #ffeff0;
  font-family: "PP Mori";
  font-size: 14.118px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.product .price-item--regular {
  color: #ffeff0 !important;
  font-family: Anton;
  font-size: 42px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 42px */
  letter-spacing: -0.84px;
}
.product .price__container {
  color: #ffeff0 !important;
  font-family: Anton;
  font-size: 42px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 42px */
  letter-spacing: -0.84px;
}
.product .discount-text {
  color: #ffeff0;
  text-align: center;
  font-family: "PP Mori";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 18.2px */
  letter-spacing: -0.42px;
  border-radius: 100px;
  background: #27e52d;
  padding: 5px 10px;
}
.product .button:after {
  content: none;
}
.product .button:after {
  content: none;
}
.product .product-form__buttons:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 45%;
  z-index: 1;
  left: 0;
  bottom: 0;
  border: 1px solid #848589;
  border-top: 0;
}
.product .product-form__buttons:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 45%;
  left: 0;
  top: 0;
  border: 1px solid #848589;
  border-bottom: 0;
  z-index: 1;
}
.product .product-form__buttons {
  max-width: 100%;
  padding: 5px;
  position: relative;
}
.product .price {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.product .button {
  background: #7d3cff;
  color: #ffeff0;
  text-align: center;
  font-family: "PP Mori";
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  position: relative;
  z-index: 2;
  padding: 17px 10px;
  text-transform: uppercase;
}
.product .installment {
  color: #ffeff0;
}
.product .custom-icon-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product .icon-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  gap: 10px;
}
.product img.icon-image {
  max-width: 20px;
}

.product .icon-txt {
  color: #ffeff0;
  font-family: "PP Mori";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.product .product__accordion {
  border-bottom: 1px solid #fff;
}
.product .accordion__title {
  color: #ffeff0;
  text-align: center;
  font-family: "PP Mori";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
  text-transform: uppercase;
}
.product .accordion__content {
  color: #ffeff0;
  font-family: "PP Mori";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
  text-transform: uppercase;
}

.product .thumbnail[aria-current]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-foreground));
  border: 4.414px solid #ffeff0;
  background: #ffeff0;
}
.product .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  width: calc(25% - 0.8rem);
}

@media (max-width: 1050px) {
  .product .jdgm-prev-badge__text {
    font-size: 14px;
  }
  .product .product__title h1 {
    font-size: 38px;
  }
  .product .product__description h1,
  .product .product__description h2,
  .product .product__description h3,
  .product .product__description h4,
  .product .product__description h5,
  .product .product__description h6,
  .product .product__description p,
  .product .product__description ul,
  .product .product__description span,
  .product .product__description li {
    /* font-size: 14px; */
  }
  .product .product-feature {
    gap: 10px;
  }

  .product .product-feature-heading {
    font-size: 12px;
  }
  .product .product-feature-desc {
    font-size: 12px;
  }
  .product .price-item--regular {
    font-size: 35px !important;
  }
  .product .price__container {
    font-size: 35px !important;
  }
  .product .button {
    font-size: 23px;
  }
  .product img.icon-image {
    max-width: 16px;
  }
  .product .icon-txt {
    font-size: 12px;
  }
  .product .accordion__title {
    font-size: 16px;
  }
  .product .accordion__content {
    font-size: 13px;
  }
}
@media (max-width: 950px) {
  .product .jdgm-prev-badge__text {
    font-size: 12px;
  }
  .product .product__title h1 {
    font-size: 28px;
  }
  .product .product__description h1,
  .product .product__description h2,
  .product .product__description h3,
  .product .product__description h4,
  .product .product__description h5,
  .product .product__description h6,
  .product .product__description p,
  .product .product__description ul,
  .product .product__description span,
  .product .product__description li {
    /* font-size: 12px; */
  }
  .product .product-feature {
    gap: 10px;
  }

  .product .product-feature-heading {
    font-size: 10px;
  }
  .product .product-feature-desc {
    font-size: 10px;
  }
  .product .price-item--regular {
    font-size: 30px !important;
  }
  .product .price__container {
    font-size: 30px !important;
  }
  .product .button {
    font-size: 23px;
  }
  .product img.icon-image {
    max-width: 16px;
  }
  .product .icon-txt {
    font-size: 10px;
  }
  .product .accordion__title {
    font-size: 14px;
  }
  .product .accordion__content {
    font-size: 11px;
  }
}
@media (max-width: 749px) {
  .product .jdgm-prev-badge__text {
    font-size: 10px;
  }
  .product .product__title h1 {
    font-size: 30px;
    letter-spacing: -1.8px;
  }
  .product .product__description h1,
  .product .product__description h2,
  .product .product__description h3,
  .product .product__description h4,
  .product .product__description h5,
  .product .product__description h6,
  .product .product__description p,
  .product .product__description ul,
  .product .product__description span,
  .product .product__description li {
    /* font-size: 12px; */
  }
  .product .product-feature {
    gap: 10px;
  }
  .product .text-wrapper {
    padding: 13px 15px;
  }
  .product .product-feature-heading {
    font-size: 10px;
  }
  .product .product-feature-desc {
    font-size: 12px;
  }
  .product .price-item--regular {
    font-size: 34px !important;
  }
  .product .price__container {
    font-size: 34px !important;
  }
  .product .button {
    font-size: 18px;
  }
  .product img.icon-image {
    max-width: 12px;
  }
  .product .icon-txt {
    font-size: 11px;
  }
  .product .accordion__title {
    font-size: 14px;
  }
  .product .accordion__content {
    font-size: 11px;
  }
}
@media (max-width: 400px) {
  .product .price__container {
    margin-bottom: -5px !important;
  }
  .product .price__sale span.price-item.price-item--sale {
    font-size: 21px;
  }
  .product .product__title h1 {
    font-size: 28px;
  }
  .product .text-wrapper {
    padding: 8px 15px;
  }
  .product .product-feature-heading {
    font-size: 9px;
  }
  .product .product-feature-desc {
    font-size: 11px;
  }
  .product .price-item--regular {
    font-size: 25px !important;
  }
  .product .price__container {
    font-size: 25px !important;
  }
  .product .icon-txt {
    font-size: 10px;
  }
  .product .accordion__title {
    font-size: 13px;
  }
  .product .accordion__content {
    font-size: 10px;
  }
}

@media (max-width: 375px) {
  .header__heading-logo {
    max-width: 147px;
    margin-left: 10%;
  }
}



/* common product feature css collection */

.card-feature-wrapper{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 0;
}
.card-feature-wrapper .all-feature-image-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
  
.card-feature-wrapper .feature-image{
  max-width: 25px !important;
  width: 100%;
    filter: invert(1);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(265deg) brightness(106%) contrast(101%);


}
.card-feature-wrapper .feature-desc{
      color: #FFEFF0;
    font-family: "PP Mori";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.9px;
    text-transform: capitalize;
}


@media(max-width: 390px){
  .card-feature-wrapper{
  gap: 5px;
}
.card-feature-wrapper .all-feature-image-wrapper {
  gap: 5px;
}
.card-feature-wrapper .feature-image{
  max-width: 20px !important;
}
.card-feature-wrapper .feature-desc{
    font-size: 10px;
}
}

body.page-novatech-gaming-reviews {
  background: #ffffff !important;
}

/* === Spec Pills (Processor / RAM / GPU / Storage) === */
.product .product-feature{
  grid-template-columns: repeat(2, minmax(0,1fr)); /* tidy grid */
  gap: 12px;
  max-width: 560px; /* breathe a bit more */
}

/* Pill container */
.product .text-wrapper{
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 18px;
  border-radius: 999px;                      /* full capsule */
  border: 1.8px solid #FFEFF0;               /* consistent border */
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)); /* subtle sheen */
  box-shadow:
    0 4px 0 rgba(6,45,56,0.7),                /* brand drop edge */
    inset 0 0 0 1px rgba(255,255,255,0.06);   /* inner crispness */
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  will-change: transform;
}

/* Hover/focus feedback */
.product .text-wrapper:hover,
.product .text-wrapper:focus-within{
  transform: translateY(-2px);
  border-color: #FFFFFF;
  box-shadow:
    0 6px 0 rgba(6,45,56,0.9),
    0 0 0 4px rgba(125,60,255,0.15),          /* soft brand glow */
    inset 0 0 0 1px rgba(255,255,255,0.08);
}

/* Pill label (small uppercase) */
.product .product-feature-heading{
  color: rgba(255,239,240,0.78);
  font-family: "PP Mori";
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 1.1;
  padding: 0;
  margin: 0;
}

/* Pill value (bolder, readable) */
.product .product-feature-desc{
  color: #FFEFF0;
  font-family: "PP Mori";
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* long CPU/GPU names don’t break layout */
}

/* Optional: mono-feel for numbers like “16GB DDR4”, “512GB M.2” */
.product .product-feature-desc code{
  font-family: "Articulat CF", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  background: transparent;
  padding: 0;
}

/* --- Responsiveness --- */
@media (max-width: 1050px){
  .product .text-wrapper{ padding: 12px 16px; }
  .product .product-feature-heading{ font-size: 11px; letter-spacing: 1px; }
  .product .product-feature-desc{ font-size: 13px; }
}

@media (max-width: 749px){
  .product .product-feature{ gap: 10px; max-width: 100%; }
  .product .text-wrapper{ padding: 11px 14px; }
  .product .product-feature-heading{ font-size: 10px; letter-spacing: .8px; }
  .product .product-feature-desc{ font-size: 12px; }
}

@media (max-width: 400px){
  .product .text-wrapper{ padding: 9px 12px; }
  .product .product-feature-heading{ font-size: 9px; letter-spacing: .6px; }
  .product .product-feature-desc{ font-size: 11px; }
}

/* ===== Product price styling (desktop + mobile) ===== */
.product .price{
  display: flex;
  align-items: center;
  gap: 10px 14px;          /* tidy spacing between parts */
  flex-wrap: wrap;
}

/* When on sale: make the SALE price the star */
.product .price--on-sale .price__sale .price-item--sale{
  font-family: Anton;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #FFEFF0;          /* bright foreground */
  text-shadow: 0 2px 0 rgba(6,45,56,.6); /* subtle edge for depth */
}

/* Compare-at (crossed out) – smaller, muted, tidy slash */
.product .price--on-sale .price__compare .price-item--regular{
  font-family: "PP Mori";
  font-weight: 600;
  font-size: 18px;
  color: rgba(255,239,240,.55);
  position: relative;
  line-height: 1;
  text-decoration: none;      /* we’ll draw our own slash */
  padding: 2px 6px;
  border-radius: 6px;
  background: rgba(255,255,255,0.06);
}
.product .price--on-sale .price__compare .price-item--regular:after{
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  top: 50%;
  height: 2px;
  background: rgba(255,239,240,.6);
  transform: rotate(-6deg);
}

/* Regular (not on sale) price look */
.product .price:not(.price--on-sale) .price-item--regular{
  font-family: Anton;
  font-size: 42px !important;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #FFEFF0 !important;
  text-shadow: 0 2px 0 rgba(6,45,56,.6);
}

/* Discount pill (you already output .discount-text) – keep it crisp */
.product .discount-text{
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  letter-spacing: .2px;
  background: #27E52D;
  color: #0E1215;
  box-shadow: 0 2px 0 rgba(6,45,56,.6);
  margin-left: 4px;
}

/* Optional: small “per-month”/installment line under price */
.product .installment{
  width: 100%;
  font-family: "PP Mori";
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .1px;
  color: rgba(255,239,240,.8);
  margin-top: -2px;        /* tuck closer to price */
}

/* Tighter grouping of price row if you want a framed look */
.product .price__container{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,239,240,.18);
  box-shadow:
    0 4px 0 rgba(6,45,56,.7),
    inset 0 0 0 1px rgba(255,255,255,.05);
}

/* Fine-tune the default “$639.99 $499.99 20% OFF” spacing */
.product .price__sale, 
.product .price__regular, 
.product .price__compare{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* ===== Responsive ===== */
@media (max-width: 1050px){
  .product .price--on-sale .price__sale .price-item--sale{ font-size: 38px; }
  .product .price:not(.price--on-sale) .price-item--regular{ font-size: 36px !important; }
}
@media (max-width: 950px){
  .product .price--on-sale .price__sale .price-item--sale{ font-size: 32px; }
  .product .price:not(.price--on-sale) .price-item--regular{ font-size: 30px !important; }
  .product .price__container{ padding: 8px 9px; }
  .product .price--on-sale .price__compare .price-item--regular{ font-size: 16px; }
}
@media (max-width: 749px){
  .product .price--on-sale .price__sale .price-item--sale{ font-size: 30px; }
  .product .price:not(.price--on-sale) .price-item--regular{ font-size: 28px !important; }
  .product .price{ gap: 8px 10px; }
  .product .price--on-sale .price__compare .price-item--regular{ font-size: 15px; }
  .product .discount-text{ font-size: 11px; padding: 5px 9px; }
}
@media (max-width: 400px){
  .product .price--on-sale .price__sale .price-item--sale{ font-size: 26px; }
  .product .price:not(.price--on-sale) .price-item--regular{ font-size: 24px !important; }
  .product .price--on-sale .price__compare .price-item--regular{ font-size: 14px; }
  .product .price__container{ gap: 8px; padding: 6px 8px; }
}
  /* Rating row: align stars + "78 Reviews" cleanly */
.product .jdgm-prev-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transform: translateY(-2px);
}
.product .jdgm-prev-badge__text a,
.product .jdgm-prev-badge__text {
  color: rgba(255,239,240,.85);
  text-decoration: none;
}
.product .jdgm-prev-badge__text a:hover { color: #FFEFF0; }

/* Product subtitle/teaser directly under title */
.product .product__info-container .product__text,
.product .product__info-container .subtitle {
  color: rgba(255,239,240,.8);
  font-family: "PP Mori";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
}
.product .product__info-container .product__text a { color: #BFA4FF; }
.product .product__info-container .product__text a:hover { color: #D7C8FF; }

/* Make the upgrade panel feel like a proper card */
.product .product-form__input,
.product .product__info-container .product__accordion,
.product .product__info-container .product__block--custom {
  border-radius: 12px;
  background: #3A3A3C;
  border: 1px solid rgba(255,239,240,.14);
}

.product .product__info-container .product-form__input { 
  padding: 18px;
}
.product .product__info-container .product-form__input label.form__label{
  color:#FFEFF0;font-weight:600;letter-spacing:.2px;
}

/* Selects inside to match theme */
.product select,
.product .select select {
  background:#1C1C1E;
  border:1px solid rgba(255,239,240,.18);
  color:#FFEFF0;
  border-radius:10px;
  padding:12px 14px;
}
.product .select__select:focus-visible{ outline:2px solid #7D3CFF; outline-offset:1px; }

/* Stronger hover + press states */
.product .button{
  transition: transform .08s ease, box-shadow .08s ease, background .2s ease;
  box-shadow: 0 4px 0 rgba(6,45,56,.7);
}
.product .button:hover{
  transform: translateY(-1px);
  box-shadow: 0 5px 0 rgba(6,45,56,.8);
  background:#8A58FF;
}
.product .button:active{
  transform: translateY(0);
  box-shadow: 0 3px 0 rgba(6,45,56,.65);
}


/* Keep the 3 perks aligned and readable */
.product .cart-notes, 
.product .product__info-container .selling-points {
  display:flex; gap:18px; flex-wrap:wrap; margin-top:14px;
}
.product .product__info-container .selling-points .point{
  display:flex; align-items:center; gap:8px;
  color: rgba(255,239,240,.85);
  font: 600 12px/1.2 "PP Mori";
}
.product .product__info-container .selling-points svg{ width:18px; height:18px; }

/* More breathing room between thumbs + better current-state */
.product .thumbnail-list { gap: 10px; }
.product .thumbnail { border-radius: 10px; overflow: hidden; }
.product .thumbnail[aria-current="true"] {
  box-shadow: 0 0 0 2px #FFEFF0 inset;
  background: rgba(255,255,255,.08);
}

/* Compress micro-gaps so price/CTA sit tighter */
.product .product__info-container > *{
  margin-top: 14px;
}
.product .product__info-container > *:first-child{ margin-top: 0; }

/* Space between the spec pills without making row feel too airy */
.product .spec-pill-row{
  display:flex; flex-wrap:wrap; gap:10px 12px; margin: 10px 0 6px;
}

/* High-contrast focus rings on interactive elements */
.product a:focus-visible,
.product button:focus-visible,
.product select:focus-visible {
  outline: 2px solid #BFA4FF;
  outline-offset: 2px;
  border-radius: 10px;
}

@media (max-width: 749px){
  .product .product__info-container > *{ margin-top: 10px; }
  .product .product__title h1{ margin-bottom: 6px; }
  .product .product-form__buttons{ padding:4px; }
  .product .product__info-container .product-form__input{ padding:14px; }
  .product .thumbnail-list { gap: 8px; }
}
.product .spec-pill {
  background: linear-gradient(180deg, #2C2C2E, #1E1E20);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.06), 0 2px 4px rgba(0,0,0,0.25);
}
.product .discount-text {
  background: #27e52d;
  color: #000;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  margin-left: 4px;
}

.product .product-form__input label.form__label {
  background:#7d3cff;
  padding:6px 12px;
  border-radius:6px 6px 0 0;
  font-size:14px;
}

.product .product__accordion {
  border: none;
  border-top: 1px solid rgba(255,239,240,0.2);
  background: transparent;
}
.product .accordion__title {
  padding: 16px 0;
  font-size: 16px;
}

.product .button {
  background: linear-gradient(180deg, #8446fe, #6d2fff);
  box-shadow: 0 4px 12px rgba(125,60,255,0.5);
}

/* Fix dropdown (select) styling */
.product select, 
.product select option {
  background: #3A3A3C !important; /* Dark grey background */
  color: #FFEFF0 !important;     /* Light text */
  font-family: "PP Mori", sans-serif;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #7D3CFF;
  border-radius: 8px;
  padding: 10px 15px;
}

.product select:focus {
  outline: none;
  border-color: #9a64ff; /* Glow on focus */
  box-shadow: 0 0 8px #7D3CFF66;
}

/* Accordion pills - add padding inside */
.product .accordion__title {
  padding: 15px 20px !important; /* More breathing room */
  text-align: left;
}

.product .product__accordion {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 10px;
  background: #2A2A2C; /* Slightly darker bg */
  border: 1px solid #444;
}

.product .accordion__title {
  font-size: 16px;
  font-weight: 600;
  color: #FFEFF0;
}

.product .accordion__content {
  padding: 15px 20px;
  background: #1C1C1E;
  border-top: 1px solid #333;
}

/* Style the Optional Upgrades select dropdowns */
.product .product-form__input select {
  color: #FFFFFF !important; /* force white text */
  background: #2A2A2D !important; /* dark background for contrast */
  font-family: "PP Mori", sans-serif;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #7D3CFF;
  border-radius: 6px;
  padding: 10px;
  transition: all 0.3s ease;
}

/* Options inside the dropdown */
.product .product-form__input select option {
  color: #FFFFFF !important; /* white option text */
  background: #1C1C1E !important; /* keep dropdown dark */
}

/* Glow effect when user clicks/focuses */
.product .product-form__input select:focus {
  outline: none;
  border-color: #7D3CFF;
  box-shadow: 0 0 8px #7D3CFF;
}


/* ================================
   Featured Collection polish (scoped)
   ================================ */
#collection-{{ section.id }} {
  --nt-surface: #3A3A3C;
  --nt-surface-2: #2B2B2D;
  --nt-text: #FFEFF0;
  --nt-text-dim: rgba(255,239,240,.75);
  --nt-accent: #7D3CFF;
  --nt-accent-2: #9D6BFF;
  --nt-border: rgba(255,255,255,.12);
  --nt-shadow: 0 8px 22px rgba(0,0,0,.35);
  --nt-shadow-hover: 0 14px 30px rgba(0,0,0,.45);
}

/* Section title + description */
#collection-{{ section.id }} .collection__title .title {
  color: var(--nt-text);
  letter-spacing: -0.5px;
}
#collection-{{ section.id }} .collection__description * {
  color: var(--nt-text-dim);
}

/* Grid spacing */
#collection-{{ section.id }} .product-grid {
  gap: 18px;
}
@media (max-width: 749px) {
  #collection-{{ section.id }} .product-grid { gap: 12px; }
}

/* Card surface */
#collection-{{ section.id }} .card,
#collection-{{ section.id }} .card--standard,
#collection-{{ section.id }} .grid__item {
  border-radius: 12px;
  overflow: hidden;
}

#collection-{{ section.id }} .card,
#collection-{{ section.id }} .card__inner {
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  transition: transform .35s ease, box-shadow .35s ease, background .35s ease, border-color .35s ease;
  box-shadow: var(--nt-shadow);
}

#collection-{{ section.id }} .card:hover .card__inner,
#collection-{{ section.id }} .grid__item:hover .card__inner {
  transform: translateY(-4px);
  box-shadow: var(--nt-shadow-hover);
  border-color: rgba(125,60,255,.35);
}

/* Media container & image zoom */
#collection-{{ section.id }} .card__media {
  background: var(--nt-surface-2);
}
#collection-{{ section.id }} .card__media img {
  transition: transform .5s ease;
}
#collection-{{ section.id }} .card:hover .card__media img {
  transform: scale(1.05);
}

/* Title, vendor, rating */
#collection-{{ section.id }} .card__heading a {
  color: var(--nt-text);
  font-family: "PP Mori", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -.3px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#collection-{{ section.id }} .card-information__text,
#collection-{{ section.id }} .card-information .caption {
  color: var(--nt-text-dim);
}

/* Price styling */
#collection-{{ section.id }} .price,
#collection-{{ section.id }} .price * {
  color: var(--nt-text) !important;
}
#collection-{{ section.id }} .price .price-item--sale {
  color: #ff7171 !important;
  font-weight: 700;
}
#collection-{{ section.id }} .price .price-item--regular {
  opacity: .7;
}
#collection-{{ section.id }} .price .price__sale {
  gap: 6px;
  display: inline-flex;
  align-items: baseline;
}

/* Sale / custom badges */
#collection-{{ section.id }} .card__badge {
  top: 10px;
  left: 10px;
  right: auto;
  gap: 6px;
}
#collection-{{ section.id }} .badge,
#collection-{{ section.id }} .badge--bottom-left,
#collection-{{ section.id }} .price__badge-sale {
  background: var(--nt-accent);
  color: #fff;
  border: 0;
  border-radius: 100px;
  padding: 6px 10px;
  text-transform: uppercase;
  letter-spacing: .4px;
  font-weight: 700;
  box-shadow: 0 6px 16px rgba(125,60,255,.4);
}

/* Quick add button */
#collection-{{ section.id }} .quick-add__submit {
  background: transparent;
  border: 1px solid var(--nt-text);
  color: var(--nt-text);
  border-radius: 10px;
  padding: 10px 14px;
  min-height: auto;
  text-transform: uppercase;
  font-weight: 600;
  transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}
#collection-{{ section.id }} .quick-add__submit:hover {
  background: var(--nt-accent);
  border-color: var(--nt-accent);
  color: #fff;
  transform: translateY(-2px);
}

/* Card content spacing */
#collection-{{ section.id }} .card__content {
  padding: 14px 14px 16px !important;
}


/* Image shape helpers (works with any ratio) */
#collection-{{ section.id }} .card__media {
  border-bottom: 1px solid var(--nt-border);
}
#collection-{{ section.id }} .media > img {
  object-fit: cover;
}

/* Mobile tweaks */
@media (max-width: 749px) {
  #collection-{{ section.id }} .card__content { padding: 12px 12px 14px !important; }
  #collection-{{ section.id }} .card__heading a { -webkit-line-clamp: 2; }
  #collection-{{ section.id }} .quick-add__submit { padding: 9px 12px; font-size: 12px; }
}

/* Optional: subtle highlight on entire card when hovered */
#collection-{{ section.id }} .grid__item:hover .card,
#collection-{{ section.id }} .grid__item:hover .card--standard {
  background: linear-gradient(0deg, rgba(125,60,255,.06), rgba(125,60,255,.06)), var(--nt-surface);
}