/* ================= FONT FIX : SORIA (ALL DEVICES) ================= */

@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

 :root {
--typography-font-family: "Spectral", serif !important;
 }

/* ================= HEADER ================= */
.sh-header-title {
  color: #fff;
}
.sh-header-punchline {
  color: #fff;
}
.sh-header-main {
  background-color:#fff;
  color:#000;
}
.sh-header-main a {
  text-decoration: none;
  color: #000;
  font-size: 15px;
  transition: color 0.3s ease;
}
.sh-header-main a:hover {
  color: #ac186d;
  fill: #fff !important;
}

/* ================= FOOTER ================= */
.sh-footer-main {
  background-color: #000;
  color: #ffffff !important;
}
.sh-footer-icon {
  color: white;
}

/* ================= PRODUCT CARD ================= */
.sh-product-card {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #ffffff;
  padding: 12px 0px !important;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.sh-product-card:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
  transform: scale(1.02);
}
.sh-product-card img {
  max-width: 100%;
  margin: auto;
  border-radius: 0 !important;
}
.pr-card-content {
  padding: 0px 12px;
}
.sh-product-card-name {
  text-align: left;
  font-size: 15px;
}
.sh-product-card-price {
  color: #000;
  font-weight: bold;
  font-size: 16px;
}

/* ================= DISCOUNT TAG ================= */
.sh-product-card-discount-tag {
  background: #5ce2e5;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  border-radius: 10px 0 10px 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* ================= BUTTONS ================= */
.sh-product-buy-now-button {
  padding: 0.8em 2em;
  color: #ffffff;
  background: linear-gradient(to right, skyblue, white);
  border: none;
  border-radius: 50px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 5px 15px rgba(164, 124, 0, 0.4);
  transition: all 0.3s ease;
  position: relative;
}
.sh-product-plus-minus-button {
  padding: 0.6em 1.8em;
  background: #3da6c1;
  color: #fff;
  border: 1px solid #3da6c1;
  cursor: pointer;
  transition: all 0.3s ease;
}
.sh-product-plus-minus-button:hover {
  background: #3da6c1;
  color: #fff;
}

/* ================= NOTICE ================= */
.notice {
  font-size: 24px;
  font-weight: bold;
  padding: 10px;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  animation: marqueeAnimation 10s linear infinite;
}

.app-bar .notice {
  background-color:#44adcf !important;
  color: var(--header-notice-text);
  padding: 6px !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: small;
  border-radius: 4px;
  margin-top:5px;
}

/* ================= ENQUIRY ================= */
.sh-product-card-enquiry,
.sh-product-enquiry {
  border: 1px solid #3da6c1 !important;
  color: #3da6c1 !important;
  background: #ffffff !important;
}

/* ================= COLLECTION ================= */
.prod-collection-container .section-description,
.prod-collection-container .view-all a {
  color: #000 !important;
  font-size: 20px;
}

/* ================= BOTTOM NAV ================= */
.bottom-nav__app__bar {
  background-color: #3da6c1;
}

/* ================= ICON FIX ================= */

.sh-header-account-icon,
.sh-header-cart-icon,
.sh-header-arrow-icon,
.sh-header-search-icon {
  stroke: #000 !important;
}

.sh-header-location-icon {
  fill:#000 !important;
}
.badge {
    background-color:#44ADD0 !important ;
    color:  #000 !important
}
.app-bar .notice-message {
  background: linear-gradient(135deg, #E8F9F8, #FFFFFF) !important;
}