.navbar-nav {
        flex-direction: row;
    }
    .navbar-nav .nav-link{
        padding: .5rem;
    }
.v-center{
	align-items: center;
}
ul{
	list-style: none;
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
/* header */
.header{
	display: block;
	width: 100%;
	background-color: #fff;
	z-index: 9999;
	padding:15px;
}
.header .item-left{
	flex:0 0 26%;
    max-width: 300px;
    padding: 0;
}
.header .logo a{
	font-size: 30px;
	color:#000000;
	font-weight: 700;
	text-decoration: none;
}
.header .logo .medvora-brand {
    max-width: 100%;
}
.header .logo .medvora-logo--full {
    height: 56px;
    max-width: min(280px, 100%);
}
@media (max-width: 575.98px) {
    .header .logo .medvora-logo--full {
        height: 44px;
        max-width: min(220px, 72vw);
    }
}
.header .item-center{
	flex:0 0 52%;
}
.header .item-right{
	flex:0 0 22%;
	display: flex;
	justify-content: flex-end;
}
.header .item-right a{ 
     text-decoration: none;
     font-size: 16px;
     color:#555555;
     display: inline-block;
     margin-left: 10px;
     transition: color 0.3s ease;
}
.header .menu > ul > li{
	display: inline-block;
	line-height: 50px;
	
}
.header .menu > ul > li > a{
	font-size: 1rem;
	font-weight: 600;
	color:#fefefe;
	position: relative;
	text-transform: capitalize;
	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu{
	position: absolute;
	z-index: 500;
	background-color:#ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top:25px;
	opacity:0;
	visibility: hidden;
}
@media(min-width: 1024px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
	margin-top: 0;
	visibility: visible;
	opacity: 1;
     max-width: 1320px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 15px;
  
}
}
.header .menu > ul > li .sub-menu.mega-menu{ 
    left: 50%;
    transform: translateX(-50%);	
}
.header .menu > ul > li:hover > a{
	    color: #bd2358;
    font-weight: 600;
}

.mobile-menu-head,
.mobile-menu-trigger{
	display: none;
}

/*responsive*/
@media(max-width: 1024px){

	.header .item-center{
		order:3;
		flex:0 0 100%;
	}
	.header:not(.mobile-header) .item-left,
	.header:not(.mobile-header) .item-right{
		flex:0 0 17%;
	}
	.mobile-header .item-left{
		flex: 0 0 auto !important;
		max-width: none !important;
	}
	.mobile-header .item-right{
		flex: 1 1 auto !important;
		max-width: none !important;
		min-width: 0 !important;
	}
	.v-center{
		justify-content: space-between;
       
	}
	.header .mobile-menu-trigger{
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}
	.header .mobile-menu-trigger span{
		display: block;
		height: 2px;
		background-color: #333333;
		width: 24px;
		position: relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #333333;
	}
	.header .mobile-menu-trigger span:before{
		top:-6px;
	}
	.header .mobile-menu-trigger span:after{
		top:6px;
	}
	.header .item-right{
		align-items: center;
	}

	.header .menu{
		position: fixed;
		width: min(350px, 100vw);
		background-color:#ffffff;
		left:0;
		top:0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}
	.header .menu.active{
	   transform: translate(0%);	
	}
	.header .menu > ul > li{
		line-height: 1;
		margin:0;
		display: block;
	}
	.header .menu > ul > li > a{
		line-height: 50px;
		height: 50px;
		padding:0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.header .menu > ul > li > a i{
		position: absolute;
		height: 50px;
		width: 50px;
		top:0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}
	.header .menu .mobile-menu-head{
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top:0;
	}
	.header .menu .mobile-menu-head .go-back{
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;
		font-size: 16px;
		display: none;
	}
	.header .menu .mobile-menu-head.active .go-back{
		display: block;
	}
	.header .menu .mobile-menu-head .current-menu-title{
		font-size: 15px;
		font-weight: 500;
		color:#000000;
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	    height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;	
		font-size: 25px;
	}
	.header .menu .menu-main{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin:0;
		padding:15px;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top: 65px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}
.header .menu > ul > li .sub-menu.active{
	display: block;
}
@keyframes slideLeft{
	0%{
		opacity:0;
		transform: translateX(100%);
	}
	100%{
	    opacity:1;
		transform: translateX(0%);	
	}
}
@keyframes slideRight{
	0%{
		opacity:1;
		transform: translateX(0%);
	}
	100%{
	    opacity:0;
		transform: translateX(100%);	
	}
}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
		margin-top:0;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
		margin-bottom: 20px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
		margin-bottom:0px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
		flex: 0 0 100%;
        padding: 0px;
	}
	.header .menu > ul > li .sub-menu > ul > li > a,
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
		display: block;
	}
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
		margin-bottom: 15px;
	}
	.menu-overlay{
		position: fixed;
		background-color: rgba(0,0,0,0.5);
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity:0;
		transition: all 0.5s ease;
	}
	.menu-overlay.active{
	  visibility: visible;
	  opacity:1;	
	}
}


.mobile-header{
    display: none;
}

@media(max-width:1024px){
  .mobile-header{
    display: block;
}
.desktop-header{
display: none;
}
.header .mobile-menu-trigger{
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}
        .header .mobile-menu-trigger span {
        display: block;
        height: 2px;
        background-color: #333333;
        width: 24px;
        position: relative;
    }
    .header .mobile-menu-trigger span:before, .header .mobile-menu-trigger span:after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #333333;
    }
        .header .mobile-menu-trigger span:before {
        top: -6px;
    }
}

.desktop-header .bottom-nav{
    background-color: #13b6ec;
}
.desktop-header .menu-main{
display: flex;
    justify-content: center;
    align-items: center;
        gap: 2rem;
}
.submenu-content-wrapper{
    display: flex;
    gap: .5rem;
    
}
.submenu-content-wrapper .left-content{
    flex: 0 0 30%;
    line-height: 1.2;
    border-right: 1px solid #efefef;
}
.checkup-description{
    background-color: #e7f8fd;
    border-left: 4px solid #12b1e6;
    padding: .5rem;
    line-height: 1.5;
    display: block;
    width: 90%;
    border-radius: 6px;
    font-size: .9rem;
    margin-top: 1rem;
}
.checkup-heading{
    font-size: clamp(18px, 1.2vw, 20px);;
}
.submenu-content-wrapper .right-content{
    flex: 1 0 0%;
}
.submenu-content-wrapper .right-content .heading{
         font-size: clamp(18px, 1.2vw, 20px);
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #efefef;
    margin-bottom: 1rem;

}
.submenu-content-wrapper .right-content .card.health-package {
       position: relative;
    background: linear-gradient(163deg, #17c6ff2e, transparent);
    box-shadow: none;
    border: 1px solid #cce9f3;
    line-height: 1.2;
    height: 100%;
}

.submenu-content-wrapper .right-content .card.health-package .card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.submenu-content-wrapper .right-content .card.health-package h3,
.health-package--menu h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card-top{
        padding-bottom: 1rem;
    border-bottom: 2px dashed #c3e9f6;
}
.submenu-content-wrapper .right-content .card.health-package h3{
    margin: 0 0 .75rem 0;
    font-size: clamp(17px, 1.2vw, 20px);
    font-weight: 700;
  
    color: #13b3e8;
}
.right-content .circle{
   height: 35px;
    width: 35px;
    border-radius: 50%;
    background-color: #c9f3ff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #8cbfd0;
}
.right-content .label{
        color: #6a6a6a;
    display: block;
    font-size: .85rem;
    font-weight: 300;
    line-height: 1;
}
.right-content .value{
   font-weight: 500;
    font-size: .9rem;
}

.right-content .value.location{
    font-size: 0.7rem;
}
.card-bottom{
    padding-top: 1rem;
}
.card-bottom .package-price{
    font-size: 1.25rem;
}
.right-content  .card-wrapper{
    padding-right: 12px;
    max-height: 350px;
    overflow-y: auto;
}

.right-content .card-wrapper .row > [class*="col-"] {
    display: flex;
}

/* mobile-header css */
.header.mobile-header .menu > ul > li > a {
  
    color: #000000;
   
}
@media(max-width:1024px){
    .submenu-content-wrapper{
        flex-direction: column;
        gap: 1.5rem;
    }
    .submenu-content-wrapper .left-content {
        flex: 0 0 100%;
    }
    .right-content  .card-wrapper{
    padding-right: 12px;
    max-height: 90vh;
    overflow-y: auto;
}
}
.cart{
    position: relative;
    white-space: nowrap;
}
.cart-no{
background-color:#13b6ec;
    border-radius: 50%;
    padding: 2px 3px;
    position: absolute;
    top: 0;
    left: 23px;
    font-size: 0.7em;
    color: #fff;
}
.cart i{
    font-size: 1.2rem;
}

.ps-user-avatar {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #13b6ec;
    color: #fff;
    vertical-align: middle;
}

.ps-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ps-user-avatar--initials span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-weight: 700;
    font-size: 0.78rem;
    line-height: 1;
    letter-spacing: 0.02em;
}

.dropdown.user .dropdown-toggle {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.dropdown.user .dropdown-toggle::after {
    margin-left: 0.35rem;
}
@media(max-width:1024px){
    .cart-no {
  
    top: -9px;
    left: 10px;
    }
    
}
@media(max-width:567px){
        .header .item-left {
        flex: 0;
    }
    .header .item-right{
        flex: 1 1 auto;
        min-width: 0;
        padding-left: 0;
    }
}

/* ── Header toolbar + Partner Lab / Login buttons ── */
.ps-header-toolbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ps-header-toolbar--desktop {
  flex-wrap: nowrap;
  gap: 0.65rem;
  flex-shrink: 0;
}

.ps-header-location .location-btn {
  max-width: 100%;
}

.ps-header-location #selectedLocation {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 9rem;
  vertical-align: bottom;
}

.ps-header-auth-actions {
  display: inline-flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0.4rem;
  min-width: 0;
  max-width: 100%;
  flex-direction: column;
}

.ps-auth-btn {
  --bs-btn-padding-y: 0.35rem;
  --bs-btn-padding-x: 0.7rem;
  --bs-btn-font-size: 0.875rem;
  white-space: nowrap;
  line-height: 1.25;
  flex-shrink: 0;
  border-radius: 9999px;
  width: auto;
}

.ps-auth-btn--login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}

.ps-auth-login-icon {
  display: none;
  font-size: 0.95em;
  line-height: 1;
}

.ps-auth-btn--partner {
  --bs-btn-color: #fff;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: #fff;
  --bs-btn-active-border-color: transparent;
  background: linear-gradient(135deg, #13b6ec 0%, #2b6fd6 100%);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 10px 22px rgba(43, 111, 214, 0.22);
  font-weight: 700;
  position: relative;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.ps-auth-btn--partner::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.06));
  pointer-events: none;
}

.ps-auth-btn--partner:hover,
.ps-auth-btn--partner:focus {
  color: #fff;
  background: linear-gradient(135deg, #10addf 0%, #245fc3 100%);
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(43, 111, 214, 0.28);
  filter: saturate(1.05);
}

.ps-auth-btn--partner:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(19, 182, 236, 0.2), 0 14px 28px rgba(43, 111, 214, 0.28);
}

.ps-auth-btn--partner .ps-auth-label,
.ps-auth-btn--partner .ps-auth-label-text,
.ps-auth-btn--partner i {
  position: relative;
  z-index: 1;
}

.ps-auth-btn--partner .ps-auth-label--full::before,
.ps-auth-btn--partner .ps-auth-label--md::before {
  content: "\f5eb";
  font-family: "bootstrap-icons";
  margin-right: 0.42rem;
  font-size: 0.95em;
  vertical-align: -0.08em;
}

.ps-auth-btn--partner .ps-auth-label--sm {
  gap: 0.3rem;
}

.ps-auth-btn--partner .ps-auth-label-text {
  font-weight: 700;
}

.ps-auth-label--md,
.ps-auth-label--sm {
  display: none;
}

.ps-auth-label--sm {
  align-items: center;
  gap: 0.25rem;
}

.ps-auth-label--full {
  display: inline;
}

/* Desktop: full label on very wide screens */
@media (min-width: 1500px) {
  .ps-auth-label--full { display: inline; }
  .ps-auth-label--md,
  .ps-auth-label--sm { display: none; }
}

/* Desktop 1200–1499px: shorter label */
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .ps-auth-label--full { display: none; }
  .ps-auth-label--md { display: inline; }
  .ps-auth-label--sm { display: none; }
}

/* Desktop 1025–1199px: compact Partner + Login */
@media (min-width: 1025px) and (max-width: 1199.98px) {
  .ps-auth-label--full,
  .ps-auth-label--md { display: none; }
  .ps-auth-label--sm { display: inline-flex; }
  .ps-auth-btn {
    --bs-btn-font-size: 0.8125rem;
    --bs-btn-padding-x: 0.55rem;
    --bs-btn-padding-y: 0.3rem;
  }
  .ps-header-location #selectedLocation { max-width: 6.5rem; }
}

/* Desktop navbar: prevent overflow at 100% zoom */
@media (min-width: 1025px) {
  .desktop-header .navbar > .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
  }

  .desktop-header .navbar .d-flex.align-items-center {
    flex: 1 1 auto;
    min-width: 0;
  }

  .desktop-header .navbar-nav {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.1rem;
  }

  .ps-mobile-partner-link {
    display: none !important;
  }
}

@media (min-width: 1025px) and (max-width: 1399.98px) {
  .desktop-header .navbar-nav .nav-link {
    padding: 0.4rem 0.35rem !important;
    font-size: 0.9rem;
  }

  .ps-header-auth-actions {
    gap: 0.3rem;
  }

  .ps-header-location #selectedLocation {
    max-width: 7rem;
  }
}

/* ==========================================================================
   Mobile header — fluid S / M / L (everything stays visible)
   S: <=430px | M: 431–640px | L: 641–1024px
   ========================================================================== */
@media (max-width: 1024px) {
  .mobile-header {
    /* L defaults (large phone / small tablet) */
    --mh-blue: #2f80ed;
    --mh-blue-soft: #13b6ec;
    --mh-ink: #1f2937;
    --mh-muted: #9ca3af;
    --mh-pad-y: 0.55rem;
    --mh-pad-x: 0.8rem;
    --mh-radius: 18px;
    --mh-gap: 0.6rem;
    --mh-logo: 44px;
    --mh-divider-h: 32px;
    --mh-loc-max: 9.5rem;
    --mh-city: 0.95rem;
    --mh-hint: 0.72rem;
    --mh-pin: 1.1rem;
    --mh-cart-icon: 1.3rem;
    --mh-cart-label: 0.72rem;
    --mh-btn-h: 36px;
    --mh-btn-pad-y: 0.42rem;
    --mh-btn-pad-x: 0.75rem;
    --mh-btn-fs: 0.85rem;
    --mh-btn-gap: 0.45rem;
    --mh-menu: 26px;
    --mh-outer-pad: 0.55rem 0.75rem;

    padding: var(--mh-outer-pad);
    background: transparent;
    box-shadow: none;
  }

  .mobile-header > .container {
    max-width: 100%;
    background: #fff;
    border-radius: var(--mh-radius);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.1);
    padding: var(--mh-pad-y) var(--mh-pad-x);
  }

  .mobile-header .row.v-center {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: var(--mh-gap);
    margin: 0;
  }

  .mobile-header .item-left {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    /* Match container left pad so logo sits centered between card edge and divider */
    padding-right: var(--mh-pad-x);
    min-height: var(--mh-logo);
  }

  .mobile-header .item-left::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: var(--mh-divider-h);
    background: #e5e7eb;
    transform: translateY(-50%);
  }

  .mobile-header .item-left .logo,
  .mobile-header .item-left .medvora-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin: 0;
    padding: 0;
  }

  .mobile-header .item-center {
    order: 0 !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible;
  }

  .mobile-header .medvora-logo--full {
    display: none !important;
  }

  .mobile-header .medvora-logo--icon {
    display: block !important;
    height: var(--mh-logo);
    width: var(--mh-logo);
    max-width: var(--mh-logo);
    object-fit: contain;
    object-position: center;
    margin: 0;
    vertical-align: middle;
  }

  .mobile-header .item-right {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    justify-content: flex-end;
  }

  .mobile-header .ps-header-toolbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: flex-start;
    gap: var(--mh-gap);
    width: 100%;
    min-width: 0;
  }

  .mobile-header .ps-header-location {
    flex: 0 1 auto;
    min-width: 0;
    max-width: var(--mh-loc-max);
    margin-right: 0;
  }

  .mobile-header .ps-header-location .location-btn {
    display: inline-flex !important;
    align-items: flex-start;
    gap: 0.28rem;
    width: auto;
    max-width: 100%;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: var(--mh-city);
    line-height: 1.15;
    color: var(--mh-ink) !important;
    text-align: left;
  }

  .mobile-header .ps-header-location .location-btn::after {
    display: none !important;
  }

  .mobile-header .ps-location-pin {
    color: var(--mh-blue);
    font-size: var(--mh-pin);
    margin-top: 0.08rem;
    flex-shrink: 0;
  }

  .mobile-header .ps-location-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    overflow: hidden;
  }

  .mobile-header .ps-location-city {
    display: inline-flex;
    align-items: center;
    gap: 0.18rem;
    font-size: var(--mh-city);
    font-weight: 700;
    color: var(--mh-ink);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-header .ps-location-city::after {
    content: "\f282";
    font-family: "bootstrap-icons";
    font-size: calc(var(--mh-city) * 0.72);
    font-weight: 700;
    color: #6b7280;
    flex-shrink: 0;
  }

  .mobile-header .ps-location-hint {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: var(--mh-hint);
    font-weight: 500;
    color: var(--mh-muted);
    line-height: 1.2;
    white-space: nowrap;
  }

  .mobile-header .ps-header-cart {
    display: inline-flex !important;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    margin: 0 !important;
    padding: 0.05rem 0.15rem !important;
    min-width: calc(var(--mh-cart-icon) + 0.6rem);
    color: var(--mh-ink) !important;
    text-decoration: none !important;
  }

  .mobile-header .ps-header-cart__icon {
    position: relative;
    display: inline-flex;
    line-height: 1;
  }

  .mobile-header .ps-header-cart .bi-cart2 {
    font-size: var(--mh-cart-icon);
    margin: 0 !important;
    color: #111827 !important;
  }

  .mobile-header .ps-header-cart .cart-no {
    top: -0.4rem;
    left: auto;
    right: -0.45rem;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.58rem;
    font-weight: 700;
    line-height: 1;
    background-color: var(--mh-blue-soft);
  }

  .mobile-header .ps-header-cart .cart-text {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: var(--mh-cart-label);
    font-weight: 600;
    color: #374151 !important;
    line-height: 1;
  }

  .mobile-header [data-ps-auth-slot="mobile"] {
    flex: 0 0 auto;
    margin-left: auto;
  }

  .mobile-header .ps-header-auth-actions {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: var(--mh-btn-gap);
  }

  .mobile-header .ps-auth-label--full,
  .mobile-header .ps-auth-label--md {
    display: none !important;
  }

  .mobile-header .ps-auth-label--sm {
    display: inline-flex !important;
    align-items: center;
    gap: 0.25rem;
  }

  .mobile-header .ps-auth-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: auto !important;
    min-height: var(--mh-btn-h);
    margin: 0 !important;
    border-radius: 8px !important;
    font-size: var(--mh-btn-fs) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: var(--mh-btn-pad-y) var(--mh-btn-pad-x) !important;
    text-decoration: none !important;
    white-space: nowrap;
    transform: none !important;
    filter: none !important;
  }

  .mobile-header .ps-auth-btn--partner::before {
    display: none !important;
    content: none !important;
  }

  .mobile-header .ps-auth-btn--partner,
  .mobile-header .ps-auth-btn--partner:hover,
  .mobile-header .ps-auth-btn--partner:focus,
  .mobile-header .ps-auth-btn--partner:active,
  .mobile-header .ps-auth-btn--partner:focus-visible {
    color: #fff !important;
    background: var(--mh-blue) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
  }

  .mobile-header .ps-auth-btn--partner .ps-auth-label,
  .mobile-header .ps-auth-btn--partner .ps-auth-label-text,
  .mobile-header .ps-auth-btn--partner i {
    color: #fff !important;
    position: relative;
    z-index: 1;
  }

  .mobile-header .ps-auth-btn--partner .ps-auth-label-text,
  .mobile-header .ps-auth-login-text {
    display: inline !important;
    visibility: visible !important;
  }

  .mobile-header .ps-auth-btn--login,
  .mobile-header .ps-auth-btn--login:hover,
  .mobile-header .ps-auth-btn--login:focus {
    color: var(--mh-blue) !important;
    background: #fff !important;
    border: 1.5px solid var(--mh-blue) !important;
  }

  .mobile-header .ps-auth-login-icon {
    display: inline-block !important;
    color: inherit !important;
    font-size: 1em;
  }

  .mobile-header .mobile-menu-trigger {
    display: flex !important;
    flex: 0 0 auto;
    margin-left: 0.1rem !important;
    width: var(--mh-menu);
    height: var(--mh-menu);
  }

  .mobile-header .mobile-menu-trigger span,
  .mobile-header .mobile-menu-trigger span:before,
  .mobile-header .mobile-menu-trigger span:after {
    background-color: #374151;
  }

  .mobile-header .item-right a {
    margin-left: 0 !important;
  }
}

/* ---- M: medium phones (431–640px) ---- */
@media (max-width: 640px) and (min-width: 431px) {
  .mobile-header {
    --mh-outer-pad: 0.45rem 0.55rem;
    --mh-pad-y: 0.48rem;
    --mh-pad-x: 0.62rem;
    --mh-radius: 16px;
    --mh-gap: 0.42rem;
    --mh-logo: 40px;
    --mh-divider-h: 28px;
    --mh-loc-max: 7.4rem;
    --mh-city: 0.84rem;
    --mh-hint: 0.66rem;
    --mh-pin: 1rem;
    --mh-cart-icon: 1.18rem;
    --mh-cart-label: 0.66rem;
    --mh-btn-h: 32px;
    --mh-btn-pad-y: 0.34rem;
    --mh-btn-pad-x: 0.55rem;
    --mh-btn-fs: 0.76rem;
    --mh-btn-gap: 0.32rem;
    --mh-menu: 24px;
  }
}

/* ---- S: small phones (<=430px) — denser, still fully labeled ---- */
@media (max-width: 430px) {
  .mobile-header {
    --mh-outer-pad: 0.35rem 0.4rem;
    --mh-pad-y: 0.4rem;
    --mh-pad-x: 0.45rem;
    --mh-radius: 14px;
    --mh-gap: 0.28rem;
    --mh-logo: 34px;
    --mh-divider-h: 24px;
    --mh-loc-max: 5.6rem;
    --mh-city: 0.74rem;
    --mh-hint: 0.58rem;
    --mh-pin: 0.9rem;
    --mh-cart-icon: 1.05rem;
    --mh-cart-label: 0.58rem;
    --mh-btn-h: 28px;
    --mh-btn-pad-y: 0.28rem;
    --mh-btn-pad-x: 0.4rem;
    --mh-btn-fs: 0.68rem;
    --mh-btn-gap: 0.22rem;
    --mh-menu: 22px;
  }

  .mobile-header .ps-auth-label--sm {
    gap: 0.18rem;
  }

  .mobile-header .ps-header-cart .cart-no {
    min-width: 0.9rem;
    height: 0.9rem;
    font-size: 0.52rem;
    top: -0.35rem;
    right: -0.38rem;
  }
}

/* ---- XS: very narrow (<=360px) — keep all text, just tighter ---- */
@media (max-width: 360px) {
  .mobile-header {
    --mh-outer-pad: 0.3rem 0.32rem;
    --mh-pad-y: 0.35rem;
    --mh-pad-x: 0.38rem;
    --mh-gap: 0.2rem;
    --mh-logo: 30px;
    --mh-divider-h: 22px;
    --mh-loc-max: 4.8rem;
    --mh-city: 0.68rem;
    --mh-hint: 0.54rem;
    --mh-pin: 0.82rem;
    --mh-cart-icon: 0.98rem;
    --mh-cart-label: 0.54rem;
    --mh-btn-h: 26px;
    --mh-btn-pad-y: 0.24rem;
    --mh-btn-pad-x: 0.32rem;
    --mh-btn-fs: 0.62rem;
    --mh-btn-gap: 0.16rem;
    --mh-menu: 20px;
  }
}