.search-box {
  background-color: #f2f2f2 !important;
  border-radius: 20px !important;
}

.search-btn-icon {
  position: absolute !important;
  right: 0px !important;
  padding: 18px 18px !important;
  border-radius: 20px !important;
  background: #1c6dc9 !important;
}

.search-btn-icon svg {
  stroke: #fff !important;
}

.search-btn-close {
  margin-right: 45px !important;
}

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

.app-bar-main .title {
  color: #000 !important;
}

.app-bar .toobar-regular {
  background-color: #fff !important;
}

.sh-product-card-price {
  color: #2641f0 !important;
}

.pr-long-card {
  border: none !important;
}

.sh-ge-collect-69eb032f4e17971eb27de179 img {
  border-radius: 8px !important;
}

.cat-card-img-container {
  box-shadow: none !important;
  border: none !important;
}

.sh-category-card {
  padding: 8px 16px !important;
}

.lucide-map-pin {
  fill: none !important;
}

.sh-ge-collect-69eb032f4e17971eb27de179 {
  padding: 24px 0px !important;
}

.store-name,
.location-text,
.category-label {
  color: #000 !important;
}

.new-header {
  background-color: #ffa600 !important;
}

.header-menu-button svg,
.location-row .location-icon {
  stroke: #000 !important;
}

.location-row svg {
  stroke: #000 !important;
  fill: none !important;
}

.lucide-search {
  fill: none !important;
}

@media (max-width: 480px) {
  .category-icon {
    height: 64px !important;
    width: 64px !important;
  }

  .header-categories {
    /* justify-content: center !important; */
  }

  .banner-content {
    max-width: 100% !important;
  }
}

.banner-title {
  font-size: 14px !important;
}

.sh-ge-collect-69f04ad564e7a8543bceb520 {
  margin-top: 20px !important;
}

.desktop-store-name {
  color: #ffa600 !important;
}

.sh-ge-collect-69f04ad564e7a8543bceb520 .banner-collection {
  border: 1px solid #ffa600;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.sh-ge-collect-69f19d4f64e7a8543bcebb0b .banner-image {
  border-radius: 25px;
}

.header-categories {
  /* display: none; */
}
/* Move the features/info HTML strip to just above the footer */
main:has(> .section .info-container) {
  display: flex;
  flex-direction: column;
}
main > .section:has(.info-container) {
  order: 1;
}
.cat-card-img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: #ffffff !important;
  border: 1.5px solid #ff8a00 !important;
  padding: 26px !important;
  object-fit: contain !important;
  display: block !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08) !important;
  transition: 0.25s ease !important;
}

.cat-card-img:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.14) !important;
}

@media (max-width: 600px) {
  .cat-card-img {
    padding: 14px !important;
    border-width: 1.2px !important;
    object-fit: contain !important;
  }
}

.category-header {
    display: none !important;
}

/* Order on Call */
.order-container .order-card:nth-child(1) {
    background-color: #C3E1F3 !important;
}

/* Order Via WhatsApp */
.order-container .order-card:nth-child(2) {
    background-color: #D7E1B4 !important;
}

/* Upload Prescription */
.order-container .order-card:nth-child(3) {
    background-color: #F8ECF6 !important;
}

/* All Buttons */
.order-container .order-card .btn {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border-color: #000000 !important;
}

/* Ensure button text stays white */
.order-container .order-card .btn,
.order-container .order-card .btn * {
    color: #FFFFFF !important;
    
}/* ===== Reviews & Ratings — empty-state redesign (shows only when no reviews) ===== */


@media(max-width:768px){
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user){
  position:relative;
    padding: 0px 0px 88px !important;
  border:none !important;
}

/* Heading -> big title, and the old top-right link wrapper becomes the divider line */
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .flex.justify-between{
  align-items:center; gap:16px;
}
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .flex.justify-between h2{
  font-size: 20px;
  line-height:1.1;
  font-weight:800;
  white-space:nowrap;
}
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .flex.justify-between > div:last-child{
  flex:1 1 auto; height:1px; background:#ececec;
}

/* Move the real "Write a Review" button to a full-width outlined button at the bottom */
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .flex.justify-between > div:last-child > button{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  height: 42px;
  width: auto;
  display:flex;
  /* padding: 0px 24px; */
  align-items:center;
  justify-content:center;
  border:1.6px solid var(--button-main,#e67e22);
  border-radius:14px;
  color:var(--button-main,#e67e22);
  font-size:17px;
  font-weight:700;
  background:#fff;
  text-decoration:none !important;
}
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .flex.justify-between > div:last-child > button:hover{
  text-decoration:none !important; background:rgba(230,126,34,.06);
}

/* Rating overview: keep only the star row (left aligned); drop 0.0 + distribution */
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .grid.grid-cols-1{ display:block; }
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .grid.grid-cols-1 > div:last-child{ display:none; }
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .grid .text-5xl{ display:none; }
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .grid .text-center{ text-align:left; }
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .grid .text-center > p{ display:none; }
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .grid .flex.justify-center{ justify-content:flex-start; margin:0; }
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .grid .flex.justify-center svg{ width:34px; height:34px; }

/* Empty message: remove border + icon, left align, and swap the two lines of text */
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .border-t.pt-6{ border:none; padding:0; }
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .border-t .text-center{ text-align:left; padding:8px 0 0; }
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .border-t .text-center > div:first-child{ display:none; }
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .border-t .text-center h3{ font-size:0; margin:0; }
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .border-t .text-center h3::after{content:"No Customer Reviews";font-size: 16px;font-weight:800;color:#111;}
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .border-t .text-center p{font-size:0;margin-top: -3px;}
div.rounded-xl.shadow-none:has(.text-center.py-8 .lucide-user) .border-t .text-center p::after{ content:"Share your thoughts with other customers"; font-size:16px; color:#6b7280; font-weight:400; }
}