:root {
  --card-radius: 6px;
  --card-gap: 12px;
  --card-bg: #ffffff;
  --text-dark: #111;
  --text-muted: #7a7a7a;
  --price-color: #000;
  --container-max: 1340px
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden
}

*,
*::before,
*::after {
  box-sizing: border-box
}

.sh-shoopy-html-page,
.sh-shoopy-html-page>div {
  width: 100%;
  margin: 0;
  padding: 0
}

.page-container,
.main-container,
body>main {
  width: 100%;
  margin: 0 auto
}

.page-container,
.main-container {
  padding-left: 16px;
  padding-right: 16px
}

@media (min-width:1024px) {
  .page-container,
  .main-container {
    max-width: var(--container-max);
    padding-left: 24px;
    padding-right: 24px
  }
}

.product-card-grid,
.product-listing-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--card-gap);
  width: 100%
}

@media (min-width:640px) {
  .product-card-grid,
  .product-listing-container {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media (min-width:1024px) {
  .product-card-grid,
  .product-listing-container {
    grid-template-columns: repeat(4, 1fr)
  }
}

.product-card,
.sh-product-card {
  background: var(--card-bg);
  border-radius: var(--card-radius);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border: none !important;
  box-shadow: none !important
}

.product-card-image-container {
  width: 100%;
  aspect-ratio: 3 / 4;
  background: #fff;
  position: relative;
  overflow: hidden
}

.product-card-image,
.pr-long-card .pr-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center
}

.product-card-info,
.product-card-price,
.__className_337041 {
  color: var(--text-dark)
}

.product-card-info h2,
.product-card-info .product-title {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.product-card-info .price {
  margin-top: 6px;
  font-size: 16px;
  font-weight: 900;
  color: #388e3c
}

.product-card .wishlist-button {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  background: #fff;
  border-radius: 50%;
  z-index: 30
}

.main-image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
  background: #fff;
  overflow: hidden
}

.main-image-wrapper {
  max-width: 100%
}

@media (min-width:1200px) {
  .main-image-wrapper {
    max-width: 600px
  }
}

.main-image-wrapper img {
  width: 100%;
  height: auto;
  max-height: 80vh;
  object-fit: contain;
  border-radius: 8px
}

.product-detail-grid .image-gallery-container,
.product-detail-grid .image-gallery-container * {
  background-color: #ffffff !important
}

.banner,
.banner img,
.banner-collection,
.banner-collection img {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important
}

@media (min-width:769px) {
  .icon-button svg,
  .icon-button svg path,
  .utility-icons svg,
  .search-icon svg {
    stroke: #000 !important;
    fill: none !important
  }
}

@media (max-width:767px) {
  .main-header {
    justify-content: space-between
  }
}

.sh-shoopy-html-page .text-zinc-900,
.ref-widg.sh-referral-widget,
.woot-widget-powered-by {
  display: none !important
}

.woot-widget-bubble {
  position: fixed !important;
  bottom: 64px !important;
  right: 16px !important;
  z-index: 999999 !important
}

@media screen and (max-width:768px) {
  .woot-widget-holder {
    width: 80% !important;
    height: 60vh !important;
    bottom: 10px !important;
    right: 10px !important;
    transform: translateY(45%) !important
  }
}

}

.product-card-image-container {
  background: #fff !important
}

.product-card-image-container .product-card-image.main-image {
  background: #fff !important
}

.MuiModal-root main.MuiContainer-root {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  overflow: hidden
}

.MuiModal-root main.MuiContainer-root::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 600 / 200;
  background-image: url(https://image.cdn.shpy.in/171079/whatsapp-image-2026-02-11-at-8-38-57-pm.1770822590490-1770822590782.jpeg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 7px
}

.MuiModal-root .flex.flex-col.items-center.py-6 {
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  margin-top: 0 !important
}

.MuiModal-root h6,
.MuiModal-root .MuiTypography-h6 {
  margin-top: 5px !important;
  margin-bottom: 5px !important
}

.sh-shoopy-html-page>div {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  border: none
}

.sh-shoopy-html-page .border-inherit {
  border: none
}

.sh-shoopy-html-page .text-zinc-900 {
  display: none !important
}

.border-inherit {
  border: none !important
}

.sh-shoopy-blog-page .border-inherit {
  border: none
}

/* FORCE PRODUCT DESCRIPTION FONT */

.product-info .details-content,
.product-info .details-content *,
.details-accordion .details-content,
.details-accordion .details-content *,
.revert-tailwind-container,
.revert-tailwind-container *,
[data-product-description],
[data-product-description] * {
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Headings */
.revert-tailwind-container h1,
.revert-tailwind-container h2,
.revert-tailwind-container h3,
.revert-tailwind-container h4,
.revert-tailwind-container h5,
.revert-tailwind-container h6 {
    font-family: Inter, Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

/* Tables */
.revert-tailwind-container table,
.revert-tailwind-container th,
.revert-tailwind-container td {
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}

/* FAQ */
.revert-tailwind-container details,
.revert-tailwind-container summary,
.revert-tailwind-container p,
.revert-tailwind-container li,
.revert-tailwind-container span,
.revert-tailwind-container div {
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}