@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');

:root {
  --theme-primary: #eebf04;
  --theme-primary-dark: #c99700;
  --theme-primary-light: #f6d75a;
  --theme-gradient: linear-gradient(145deg, #f6d75a 0%, #eebf04 45%, #c99700 100%);

  --color-black: #000000;
  --color-white: #ffffff;
  --color-text: #1a1a1a;
  --color-muted: #6b6b6b;
  --color-card-bg: #fffdf7;

  --shadow-soft: 0 10px 20px rgba(0, 0, 0, 0.05);
  --shadow-theme: 0 15px 30px rgba(238, 191, 4, 0.18);
  --transition-smooth: all 0.35s ease;
}

/* =========================
   GLOBAL TYPOGRAPHY
========================= */
body,
.app,
.app-main,
.page,
.sh-page,
.sh-body,
button,
input,
select,
textarea {
  font-family: "Jost", sans-serif !important;
  color: var(--color-text);
}

/* =========================
   HEADER
========================= */
.app-bar-main,
.app-bar .toobar-regular,
.mobile-sidemenu-header {
  background: var(--color-black) !important;
  color: var(--color-white) !important;
}

.app-bar-main {
  border-bottom: 2px solid var(--theme-primary) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

.app-bar .toobar-regular {
  justify-content: space-between;
  min-height: 6px;
  padding: 3px 0 !important;
}

.app-bar .notice {
  padding: 0 !important;
}

/* Header text white */
.app-bar-main,
.app-bar-main span,
.app-bar-main div,
.app-bar-main p,
.app-bar-main a {
  color: var(--color-white) !important;
}

/* Header icons white */
.sh-header-location-icon,
.sh-header-arrow-icon {
  fill: var(--color-white) !important;
}

.sh-header-search-icon,
.sh-header-account-icon,
.sh-header-cart-icon,
.sh-header-mob-menu-icon {
  stroke: #c99700 !important;
  color: #c99700 !important;
  }

/* =========================
   SPACING FIXES
========================= */
@media (min-width: 768px) {
  .section-spacing {
    margin-top: 0px !important;
    margin-right:0px !important;
   margin-left: 0px !important;
  }

  .md\:px-10 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
  }
}

/* =========================
   FOOTER
========================= */
.sh-footer-main {
  position: relative !important;
  background:
    linear-gradient(180deg, rgba(255, 250, 245, 0.82), rgba(248, 239, 231, 0.92)),
    url('https://image.cdn.shpy.in/506062/Raha%20Collections%20(15).png') center bottom / cover no-repeat !important;
  color: var(--color-text) !important;
  border-top: 3px solid var(--theme-primary) !important;
  padding: 50px 0 !important;
  overflow: hidden !important;
}

.sh-footer-main::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,250,245,0.14));
  pointer-events: none;
  z-index: 0;
}

.sh-footer-main > * {
  position: relative;
  z-index: 1;
}

.sh-footer-icon {
  color: var(--theme-primary-dark) !important;
}

.three-col-footer__heading {
  color: var(--theme-primary-dark) !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Jost", sans-serif !important;
  font-weight: 600 !important;
}

@media (min-width: 992px) {
  .sh-footer-main {
    background-position: center bottom !important;
    background-size: cover !important;
  }
}

@media (max-width: 991px) {
  .sh-footer-main {
    background-position: center center !important;
    background-size: cover !important;
  }
}

@media (max-width: 768px) {
  .sh-footer-main {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}

@media (max-width: 480px) {
  .sh-footer-main {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

/* =========================
   PRODUCT CARDS
========================= */
.sh-product-card {
  background: var(--color-card-bg) !important;
  border: 1px solid rgba(238, 191, 4, 0.22) !important;
  border-radius: 15px !important;
  box-shadow: var(--shadow-soft) !important;
  transition: var(--transition-smooth) !important;
}

.sh-product-card:hover {
  transform: translateY(-4px);
  border-color: var(--theme-primary) !important;
  box-shadow: var(--shadow-theme) !important;
}

/* =========================
   DISCOUNT TAGS
========================= */
.sh-product-card-discount-tag,
.product-discount {
  background: var(--theme-gradient) !important;
  color: var(--color-text) !important;
  font-weight: 700 !important;
  border-radius: 15px 0 15px 0 !important;
  width: 70px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
}

/* =========================
   BUTTONS
========================= */
.sh-product-plus-minus-button {
  background: var(--theme-gradient) !important;
  border: none !important;
  color: var(--color-text) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 10px rgba(238, 191, 4, 0.28) !important;
  transition: var(--transition-smooth) !important;
}

.sh-product-plus-minus-button:hover {
  filter: brightness(1.04);
  transform: scale(1.05);
  box-shadow: 0 6px 15px rgba(238, 191, 4, 0.38) !important;
}

.solid-button__btn {
  color: var(--color-text) !important;
}

/* =========================
   PRODUCT TYPOGRAPHY
========================= */
.pr-title,
.product-component-name {
  font-family: "Jost", sans-serif !important;
  font-weight: 600 !important;
  color: var(--theme-primary-dark) !important;
  text-transform: capitalize !important;
  line-height: 1.35 !important;
}

.pr-title a,
.product-component-name a {
  color: var(--theme-primary-dark) !important;
}

.pr-sale-price {
  font-family: "Jost", sans-serif !important;
  color: var(--theme-primary-dark) !important;
  font-weight: 700 !important;
}

/* =========================
   SWIPER ARROWS
========================= */
.swiper-button-next,
.swiper-button-prev {
  background: var(--theme-gradient) !important;
  color: var(--color-text) !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: none !important;
}

/* =========================
   BADGES + SOCIAL
========================= */
.badge {
  background: var(--theme-gradient) !important;
  color: var(--color-text) !important;
  border: 1px solid var(--theme-primary-dark) !important;
}

.vertical-social__socialBtn {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-right: 12px;
  border-radius: 50%;
  background: var(--theme-primary) !important;
  color: var(--color-text) !important;
}

/* =========================
   SECTION HEADINGS
========================= */
.section-heading-container {
  align-items: center !important;
}

.section-heading,
.yt-title,
.three-col-footer__heading,
h1,
h2,
h3 {
  font-family: "Jost", sans-serif !important;
}

.section-heading {
  margin: 0 !important;
  text-align: center !important;
  text-transform: uppercase;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--theme-primary-dark) !important;
  background: none !important;
  -webkit-text-fill-color: initial !important;
}

/* =========================
   BANNER TEXT
========================= */
.ban-cont-text {
  font-size: 14px;
  color: var(--color-text) !important;
  font-family: "Jost", sans-serif !important;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 480px) {
  .app-bar-main {
    padding: 5px 0 !important;
  }

  .pr-title,
  .product-component-name {
    font-size: 13px !important;
  }
}

@media (max-width: 400px) {
  .items-stretch .pr-outlined-button {
    min-width: fit-content !important;
  }
}
:root {
--header-accent: var(--theme-primary-dark) !important;
}
.product-price{
font-family: "Jost", sans-serif !important;
    color: var(--theme-primary-dark) !important;
    font-weight: 700 !important;

}
.sh-bottom-nav-main {
    background-color: #000;
}
.sh-bottom-nav-selected {
    stroke: var(--theme-primary-dark) !important;
    color: var(--theme-primary-dark) !important;
    
}
.sh-bottom-nav-unselected {
    stroke: #fff !important;
    color: #fff !important;
}
.sh-bottom-nav-cart-badge {
    background-color: #FFFFFF !important;
    color: #000 !important;
}
@media (max-width: 480px) {

.app-bar .logo-ctn,{
    text-align: center !important;
    align-self: center !important;
   display:inline !important;
}
}
.app-bar-main .page-container {
  position: relative;
}

/* center logo */
.logo-ctn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* optional: remove left alignment */
.logo-ctn.left-aligned {
  justify-content: center;
}
@media screen and (max-width: 599px) {
    #sh-collection-69e1e209ee8b58082c0c8ec9 .product-collection-container {
       margin-top: -80px;
    }
}

    .section-spacing {
        margin-top: 0px !important;
    }