.sh-header-main {
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3) !important;
}

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

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

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

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

.sh-product-card:hover {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.sh-product-card-discount-tag {
  font-weight: 400 !important;
  border-radius: 0px !important;
}

.sh-product-discount-tag {
  font-weight: 400 !important;
  border-radius: 0px !important;
}

.sh-try {
  display: none;
}/* Remove the "Shipping Options" card on the review-order page.
   Hide the whole MuiGrid-item wrapper (not just the inner .custom-card) so the
   wrapper's 24px grid spacing goes away too and the remaining cards stay evenly spaced. */
.MuiGrid-item:has(> .custom-card .shipping-options-header),
.MuiGrid-item:has(> .custom-card .shipping-options-mobile-header) {
  display: none !important;
}div:has(> .MuiGrid-item .shipping-options-mobile-header) {
  display: none !important;
}.order-details-card:has(.sh-od-card-h) {
  display: none !important;
}

.sh-odm { display: flex; flex-direction: column; }
.sh-odm > * { order: 5; }                                         /* everything keeps its normal order */
.sh-odm > .sh-odm-hero { order: 1; }                              /* "In Transit / Order #…" header */
.sh-odm > .sh-odm-tl-card { order: 2; }                           /* Ordered → Confirmed → In Transit → Delivered */
.sh-odm > .order-details-card:has(.sh-od-track-row) { order: 3; } /* Tracking card → right after the status */