/* THEME */
:root {
  --theme-main: #20336b;
  --theme-main-dark: #172447;
  --theme-text-dark: #111111;
}

/* HEADER */
.sh-header-main {
  background-color: #ffffff;
  color: var(--theme-main);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3) !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}

/* CATEGORY HEADING HIDE */
.sh-categories-container > div > h2 {
  display: none !important;
}

.sh-categories-container > div > hr {
  display: none !important;
}

/* BANNER COLLECTION – HIDE TEXT / ICON */
.sh-banner-collection-card > a > div > div > p {
  display: none;
}

.sh-banner-collection-card > a > div > div > p > svg {
  display: none;
}

/* PRODUCT CARD */
.sh-product-card {
  border-radius: 0px !important;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.18);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-radius 0.25s ease;
}

.sh-product-card:hover {
  box-shadow: 0 6px 18px rgb(0 0 0 / 0.24);
  transform: translateY(-2px);
}

/* DISCOUNT TAGS */
.sh-product-card-discount-tag,
.sh-product-discount-tag {
  background-color: var(--theme-main);
  color: #ffffff;
  font-weight: 400 !important;
  border-radius: 0px !important;
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* HIDE TRY SECTION */
.sh-try {
  display: none;
}

/* PRODUCT IMAGE AREA */
.pr-long-card .pr-image {
  -o-object-fit: cover;
  object-fit: contain;
  aspect-ratio: var(--pr-image-aspect-ratio, 3 / 3);
  transition: transform 0.25s ease;
}

.pr-image-ctn {
  margin: 0px -12px !important;
  overflow: hidden;
}

.pr-image-ctn img {
  object-fit: fill !important;
  transition: transform 0.25s ease;
}

.pr-image-ctn:hover img {
  transform: scale(1.03);
}

/* BUY NOW BUTTON */
.sh-product-buy-now-button {
  color: #ffffff;
  border: 1px solid var(--theme-main-dark);
  outline: none !important;
  padding: 12px;
  background: var(--theme-main);
  white-space: nowrap;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.2s ease;
}

.sh-product-buy-now-button:hover {
  background: var(--theme-main-dark);
  border-color: var(--theme-main-dark);
  transform: translateY(-1px);
}

/* PLUS / MINUS BUTTONS */
.sh-product-plus-minus-button {
  background-color: #ffffff;
  color: var(--theme-main);
  border: 1px solid var(--theme-main);
  border-radius: 0px;
  fill: var(--theme-main);
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.sh-product-plus-minus-button:hover {
  background-color: var(--theme-main);
  color: #ffffff;
  border-color: var(--theme-main-dark);
  fill: #ffffff;
  transform: translateY(-1px);
}

/* FOOTER */
.sh-footer-main {
  background-color: var(--theme-main);
  color: #ffffff;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.sh-footer-icon {
  color: #ffffff;
  transition: color 0.25s ease, transform 0.25s ease;
}

.sh-footer-icon:hover {
  transform: translateY(-1px) scale(1.03);
}

/* BANNER COLLECTION PADDING */
.BannerCollection-component {
  padding: 0px 0px;
}

.sh-ge-collect .BannerCollection-component {
  padding: 0px 0px !important;
}

/* LONG CARD LAYOUT */
.pr-long-card {
  width: 100%;
  padding: 0px 12px;
  transition: padding 0.25s ease;
}

/* VARIANT BUTTONS */
.pr-var-btn {
  border-radius: 0px;
  border-color: var(--theme-main);
  color: var(--theme-main);
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.pr-var-btn:hover {
  background-color: var(--theme-main);
  color: #ffffff;
  border-color: var(--theme-main-dark);
}

/* SECTION HEADING CONTAINER */
section-heading-container,
.section-heading-container {
  margin: 7px 0px !important;
}

/* SECTION HEADING */
.section-heading {
  color: var(--theme-main);
  transition: color 0.25s ease;
}

/* CATEGORY IMAGE BORDER */
.cat-card-img {
  border: 1px solid #767898 !important;
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.cat-card-img:hover {
  border-color: var(--theme-main);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

/* SOLID BUTTONS (GLOBAL) */
.sh-solid-button {
  border-radius: 0px;
  border: 1px solid var(--theme-main) !important;
  background-color: #ffffff;
  color: var(--theme-main);
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.2s ease;
}

.sh-solid-button:hover {
  border-radius: 0px;
  border: 1px solid var(--theme-main-dark) !important;
  background-color: var(--theme-main);
  color: #ffffff;
  transform: translateY(-1px);
}