img.feature-icon {
	height: 1.25rem !important;
}
html:not(.dark) .car-card {
    background: #F5F5F5;
	border-color:#D9D9D9;
}
html:not(.dark) .txt-color {
    color: #000;
}
html:not(.dark) .filter-bt {
    color: #000;
}
html.dark .icon-svg {
    fill: white !important;
}
html.dark .arrow-svg {
    color: white;
}	
html:not(.dark) .arrow-svg {
    color: #444444 !important;
}
html:not(.dark) .price-section {
    background-color: #F5F5F5;
	color:#0F0F0F;
}
html.dark .price-section {
    background-color: #00000066;
}
html:not(.dark) .whatsApp-button {
    border: 1px solid #0F0F0F ;
	color:#0F0F0F;
	&:hover{
		color:#000;
		opacity:0.9;
	}
}
html.dark .whatsApp-button:hover{
	color:#fff ;
	opacity:0.9;
	background-color:#D31927 !important;	

}
	html:not(.dark) .book-now {
	background-color:#D31927 !important;
    color:#fff;
}
html.dark .book-now {
	background-color: #D31927 !important;
}
	html:not(.dark) ::placeholder {
    color:#000;
}
.car-bg{
	border-radius:12px;
	margin-bottom:1rem !important;
}
	html:not(.dark) .car-bg {
	background-color:#E2E2E2;
}
    html.dark .car-bg {
    background-color: #353535;
}
car-img{
	height:200px !important;
	border-radius: 12px !important;
}
.car-label{
	width:7rem;	
}
    html:not(.dark) .car-label {
    color: #0F0F0F;
}

.card {
  flex: 1; /* allows cards to grow equally */
  display: flex;
  flex-direction: column; /* for vertical layout */
}
.car-image-wrap {
  height: 12rem !important; /* same as h-48 */
  position: relative;
  overflow: hidden;
  border-radius: 0.75rem;
}

.car-image-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

//* Circular button */
.car-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;            /* fixed size for perfect circle */
    height: 48px;
    border-radius: 50%;     /* perfectly round */
    border: 2px solid #737373;
    background-color: #fff;  /* default background */
    transition: background-color 0.3s, border-color 0.3s;
    text-decoration: none;   /* remove underline */
}

html:not(.dark) .car-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;            /* fixed size for perfect circle */
    height: 48px;
    border-radius: 50%;     /* perfectly round */
    border: 2px solid #444444;
    background-color: #fff;  /* default background */
    transition: background-color 0.3s, border-color 0.3s;
    text-decoration: none;   /* remove underline */
}

/* Hover effect */
.car-icon-btn:hover {
    background-color: #D31927;
    border-color: #D31927;
}
html:not(.dark) .car-icon-btn:hover {
    background-color: #D31927;
    border-color: #D31927;
}
/* Filled arrow inside button */
.car-icon-btn svg path {
    fill: #fff; /* default arrow color */
    transition: fill 0.3s;
}
html:not(.dark) .car-icon-btn svg path {
    fill: #444444; /* default arrow color */
    transition: fill 0.3s;
}
/* Arrow color on hover */
.car-icon-btn:hover svg path {
    fill: #fff;
}

/* Prevent global CSS from affecting SVG */
.car-icon-btn svg {
    color: unset;
}
.book-now-btn:hover {
    background-color: #e6002f;  /* slightly darker red on hover */
    color: #ffffff;             /* ensure text stays white */
}