/* 99 WHOLESALE — PREMIUM BLUE, WHITE & GOLD THEME
   Replacement for current 99_wholesale_modern_blue.css.
   Upload via Shoppy > Display Settings > Look & feel > Website CSS > Replace.
*/
:root {
  --wholesale-blue: #145cc5;
  --wholesale-blue-dark: #0b2f73;
  --wholesale-gold: #f5c542;
  --wholesale-text: #17233f;
  --wholesale-muted: #667085;
  --wholesale-border: #e5eaf2;
}
.sh-header-main {
  background: #fff !important;
  color: var(--wholesale-text) !important;
  border-bottom: 1px solid var(--wholesale-border) !important;
}
.sh-header-location-icon, .sh-header-account-icon, .sh-header-cart-icon,
.sh-header-arrow-icon, .sh-header-search-icon, .sh-product-social-button,
.sh-product-wishlisted-icon {
  color: var(--wholesale-blue) !important;
  fill: var(--wholesale-blue) !important;
  stroke: var(--wholesale-blue) !important;
}
.sh-header-cart-badge, .sh-bottom-nav-cart-badge {
  background: var(--wholesale-blue) !important;
  color: #fff !important;
}
.sh-header-menu {
  background: var(--wholesale-blue-dark) !important;
  color: #fff !important;
}
.sh-bottom-nav-main {
  background: #fff !important;
  color: var(--wholesale-muted) !important;
  border-top: 1px solid var(--wholesale-border) !important;
}
.sh-bottom-nav-selected {
  color: var(--wholesale-blue) !important;
  fill: var(--wholesale-blue) !important;
  stroke: var(--wholesale-blue) !important;
}
.sh-bottom-nav-unselected {
  color: var(--wholesale-muted) !important;
  stroke: var(--wholesale-muted) !important;
}

/* Premium wholesale product cards */
.sh-product-card {
  position: relative !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #e7edf7 !important;
  border-top: 3px solid var(--wholesale-gold) !important;
  border-radius: 14px !important;
  padding: 9px !important;
  margin: 7px !important;
  box-shadow: 0 3px 12px rgba(11, 47, 115, .09) !important;
  transition: box-shadow .2s ease, transform .2s ease !important;
}
.sh-product-card-name {
  color: var(--wholesale-text) !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}
.sh-product-card-price {
  color: var(--wholesale-blue-dark) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}
.sh-product-card-mrp {
  color: #7b8494 !important;
  font-size: 12px !important;
}
.sh-product-card img {
  max-width: 100% !important;
  object-fit: contain !important;
  background: #fff !important;
  border-radius: 9px !important;
}
.sh-product-card-discount-tag, .sh-product-discount-tag {
  background: #fff4c7 !important;
  color: #714f00 !important;
  font-weight: 700 !important;
  border: 1px solid #f5d76e !important;
  border-radius: 6px !important;
}
.sh-outlined-button {
  border: 1px solid var(--wholesale-blue) !important;
  color: var(--wholesale-blue) !important;
  border-radius: 999px !important;
}
.sh-solid-button {
  border-radius: 999px !important;
  background: var(--wholesale-blue) !important;
  color: #fff !important;
  border: 1px solid var(--wholesale-blue) !important;
}
.sh-product-card button, .sh-product-buy-now-button {
  border-radius: 999px !important;
  font-weight: 700 !important;
}
.sh-product-card button {
  border-color: var(--wholesale-blue) !important;
}
.sh-product-plus-minus-button {
  background: #fff !important;
  color: var(--wholesale-blue-dark) !important;
  border-radius: 8px !important;
  border: 1px solid #cbd8ee !important;
}
.sh-product-buy-now-button {
  color: #fff !important;
  background: var(--wholesale-blue) !important;
}
.sh-product-cards-container {
  background: #fff !important;
}
.sh-category-item {
  border-radius: 12px !important;
}
.sh-category-item img {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #edf1f7 !important;
}
.section-title, h2 {
  color: var(--wholesale-text) !important;
}
.sh-footer-main {
  background: #f1f6ff !important;
  color: var(--wholesale-text) !important;
}
.sh-footer-icon {
  color: var(--wholesale-blue) !important;
}
.sh-product-wishlist-desktop {
  border-color: #d8e3f3 !important;
}
@media (prefers-reduced-motion: reduce) {
  .sh-product-card { transition: none !important; }
}


/* Extra polish: clearer premium cards and mobile spacing */
.sh-product-card {
  border-color: #eadca7 !important;
  box-shadow: 0 4px 14px rgba(11, 47, 115, 0.08) !important;
}

.sh-product-card-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

.sh-product-card-price {
  color: #0b2f73 !important;
}

.sh-category-item {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  box-shadow: 0 2px 8px rgba(11, 47, 115, 0.05) !important;
}

.sh-category-item img {
  object-fit: contain !important;
}

.sh-solid-button,
.sh-product-buy-now-button {
  background: #145cc5 !important;
  color: #fff !important;
  border-color: #145cc5 !important;
  font-weight: 700 !important;
}

.sh-outlined-button {
  background: #fff !important;
  border-color: #145cc5 !important;
  color: #145cc5 !important;
  font-weight: 700 !important;
}

@media (max-width: 480px) {
  .sh-product-card {
    padding: 7px !important;
    margin: 5px !important;
    border-radius: 12px !important;
  }

  .sh-product-card-price {
    font-size: 16px !important;
  }
}


/* 99 WHOLESALE — whole-store finishing refinements */
:root {
  --wholesale-blue: #145cc5;
  --wholesale-blue-dark: #0b2f73;
  --wholesale-gold: #f5c542;
  --wholesale-text: #17233f;
  --wholesale-muted: #667085;
  --wholesale-border: #e5eaf2;
}

/* Clearer section headings */
.section-title,
.sh-product-section-title,
h2 {
  color: var(--wholesale-text) !important;
  font-weight: 800 !important;
  letter-spacing: .15px !important;
}

/* Product photos: use the available image area without cropping */
.sh-product-card img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Consistent card details and spacing */
.sh-product-card {
  background: #fff !important;
  border: 1px solid #eadca7 !important;
  border-top: 3px solid var(--wholesale-gold) !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 12px rgba(11, 47, 115, .08) !important;
}

.sh-product-card-name {
  color: var(--wholesale-text) !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

.sh-product-card-price {
  color: var(--wholesale-blue-dark) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

/* Category tiles stay clean and consistent */
.sh-category-item {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(11, 47, 115, .05) !important;
}

.sh-category-item img {
  width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
  border-radius: 10px !important;
}

/* Buttons: blue primary action, white outlined secondary action */
.sh-solid-button,
.sh-product-buy-now-button {
  background: var(--wholesale-blue) !important;
  color: #fff !important;
  border: 1px solid var(--wholesale-blue) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

.sh-outlined-button {
  background: #fff !important;
  color: var(--wholesale-blue) !important;
  border: 1px solid var(--wholesale-blue) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

/* Keep the footer and mobile navigation consistent */
.sh-footer-main {
  background: #f1f6ff !important;
  color: var(--wholesale-text) !important;
}

.sh-bottom-nav-main {
  background: #fff !important;
  border-top: 1px solid var(--wholesale-border) !important;
}

@media (max-width: 480px) {
  .sh-product-card {
    padding: 7px !important;
    margin: 5px !important;
    border-radius: 11px !important;
  }

  .sh-product-card-price {
    font-size: 15px !important;
  }

  .section-title,
  .sh-product-section-title,
  h2 {
    line-height: 1.3 !important;
  }
}


/* Final mobile-first polish: images, names, prices, and section hierarchy */
.sh-product-card img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  max-height: 260px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
  border-radius: 9px !important;
}

.sh-product-card-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  min-height: 2.7em !important;
  color: #17233f !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.sh-product-card-price {
  color: #0b2f73 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.sh-product-card-mrp {
  color: #7b8494 !important;
  font-size: 12px !important;
}

.sh-product-card-discount-tag,
.sh-product-discount-tag {
  background: #fff1b8 !important;
  color: #684900 !important;
  border: 1px solid #f0d36a !important;
  border-radius: 6px !important;
  font-weight: 800 !important;
}

.section-title,
.sh-product-section-title,
h2 {
  color: #17233f !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin-bottom: 12px !important;
}

.sh-product-cards-container {
  background: #fff !important;
}

.sh-product-card button,
.sh-solid-button,
.sh-product-buy-now-button,
.sh-outlined-button {
  min-height: 34px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.sh-solid-button,
.sh-product-buy-now-button {
  background: #145cc5 !important;
  color: #fff !important;
  border: 1px solid #145cc5 !important;
  border-radius: 999px !important;
}

.sh-outlined-button {
  background: #fff !important;
  color: #145cc5 !important;
  border: 1px solid #145cc5 !important;
  border-radius: 999px !important;
}

.sh-category-item {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(11, 47, 115, .05) !important;
}

.sh-category-item img {
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 480px) {
  .sh-product-card {
    padding: 6px !important;
    margin: 4px !important;
    border-radius: 11px !important;
  }

  .sh-product-card img {
    max-height: 190px !important;
  }

  .sh-product-card-name {
    font-size: 12px !important;
    min-height: 2.7em !important;
  }

  .sh-product-card-price {
    font-size: 15px !important;
  }

  .section-title,
  .sh-product-section-title,
  h2 {
    font-size: 16px !important;
  }
}

/* =========================================================
   99 WHOLESALE — FINAL MOBILE / FLIPKART-INSPIRED OVERRIDES
   Larger product photos, less wasted space, cleaner cards.
   ========================================================= */
:root {
  --wholesale-blue: #2874f0;
  --wholesale-blue-dark: #172b6b;
  --wholesale-gold: #f5c542;
  --wholesale-text: #172337;
  --wholesale-muted: #606b7a;
  --wholesale-border: #e2e7ef;
}

/* Clean, compact product cards */
.sh-product-card {
  box-sizing: border-box !important;
  padding: 6px !important;
  margin: 4px !important;
  border: 1px solid #e2e7ef !important;
  border-top: 2px solid #f5c542 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(23, 43, 107, .07) !important;
}

/* Let product photos use the card width without cropping */
.sh-product-card img {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 175px !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  margin: 0 auto 5px !important;
  border-radius: 7px !important;
  background: #fff !important;
}

/* Reduce blank space below names and keep prices easy to scan */
.sh-product-card-name {
  min-height: 0 !important;
  margin: 4px 0 !important;
  color: #172337 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

.sh-product-card-price {
  margin: 4px 0 !important;
  color: #172b6b !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.sh-product-card-mrp {
  color: #7b8494 !important;
  font-size: 11px !important;
}

.sh-product-card-discount-tag,
.sh-product-discount-tag {
  background: #fff3c4 !important;
  color: #614800 !important;
  border: 1px solid #f1d66e !important;
  border-radius: 5px !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

/* Familiar blue action buttons */
.sh-product-card button,
.sh-solid-button,
.sh-product-buy-now-button,
.sh-outlined-button {
  box-sizing: border-box !important;
  min-height: 32px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
}

.sh-solid-button,
.sh-product-buy-now-button {
  background: #2874f0 !important;
  color: #fff !important;
  border: 1px solid #2874f0 !important;
}

.sh-outlined-button {
  background: #fff !important;
  color: #2874f0 !important;
  border: 1px solid #2874f0 !important;
}

/* Neat category tiles and section headings */
.sh-category-item {
  box-sizing: border-box !important;
  border: 1px solid #e7ebf2 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(23, 43, 107, .04) !important;
}

.sh-category-item img {
  background: #fff !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 8px !important;
}

.section-title,
.sh-product-section-title,
h2 {
  color: #172337 !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.sh-product-cards-container {
  background: #fff !important;
}

.sh-header-main {
  border-bottom: 1px solid #e2e7ef !important;
}

.sh-bottom-nav-main {
  background: #fff !important;
  border-top: 1px solid #e2e7ef !important;
  box-shadow: 0 -2px 8px rgba(23, 43, 107, .04) !important;
}

.sh-bottom-nav-selected {
  color: #2874f0 !important;
  fill: #2874f0 !important;
  stroke: #2874f0 !important;
}

.sh-footer-main {
  background: #f4f7fc !important;
  color: #172337 !important;
}

@media (max-width: 480px) {
  .sh-product-card {
    padding: 5px !important;
    margin: 3px !important;
    border-radius: 9px !important;
  }

  .sh-product-card img {
    height: 155px !important;
    margin-bottom: 4px !important;
  }

  .sh-product-card-name {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .sh-product-card-price {
    font-size: 15px !important;
  }
}
