body {

    overflow-x: hidden;

    font-family: sahel, Arial, Helvetica, sans-serif;

}



.box-h {

    height: 400px;

}



.box-h2 {    

    height: 200px;

}

.box-h1 {

    height: 150px;

    background: radial-gradient(circle, rgba(246,212,247,1) 0%, rgba(255,195,228,1) 100%);

}

.bg-grad-1{background: linear-gradient(90deg, rgba(71,79,183,1) 0%, rgba(208,59,179,1) 100%);}

.bg-grad-2{background: radial-gradient(circle, rgba(240,84,84,1) 0%, rgba(182,10,10,1) 100%);}

.bg-grad-3{background: linear-gradient(90deg, rgba(35,52,92,1) 0%, rgba(115,192,244,1) 100%); }

.bg-grad-gray{background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(206,205,205,1) 100%);}

.icon-size{font-size: 2rem;}

.mt-n20{margin-top: -20px; margin-bottom: 0!important;}

.zin-2{z-index:1100;}

.card-img{object-fit: cover!important;}

/*---------------- edit start */

.placeholder {

    background-color: #cecece;

}

.list-group-item.active {

  z-index: 2;

font-weight: 800;  

  background-color: #fbc5c5;

  border-color: none;

}

.breadcrumb{margin-bottom: 0px!important}

/*---------------- edit end */

#lightSwitch {

    transform: scale(1.8);

  }

@font-face {

    font-family: 'sahel';

    src: url('../fonts/Sahel.eot?#') format('eot'),

        url('../fonts/Sahel.woff') format('woff'),

        url('../fonts/Sahel.ttf') format('truetype');

    font-display: swap;

}



.sahel {

    font-family: sahel, Arial, Helvetica, sans-serif;

}



@media all and (max-width: 770px) {
    #FAB{bottom: 25px!important; right: 15px!important; opacity: 0.7!important}
    #FAB:focus{opacity: 0.3!important}
    .over-text{background: rgba(0,0,0,0.5)!important; color: white}
    .mb-h1{margin-top:25px!important}
}

.live-search-form {
    min-width: 280px;
}

.live-search-suggestions {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin-top: 6px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    max-height: 360px;
    overflow-y: auto;
    padding: 6px;
    z-index: 1200;
}

.live-search-item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    border: none;
    background: transparent;
    padding: 10px;
    border-radius: 12px;
    transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
}

.live-search-item:hover,
.live-search-item:focus {
    background: #f8f8f8;
    transform: translateY(-1px);
}

.live-search-thumb {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    object-fit: cover;
    flex-shrink: 0;
}

.live-search-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.live-search-title {
    font-weight: 700;
    font-size: 0.95rem;
    color: #212529;
}

.live-search-price {
    font-size: 0.85rem;
    color: #c2185b;
}

.trends-price {
    color: #212529;
    font-weight: 700;
}
.card .trends-price {
    line-height: 1.5;
}
.trends-card .card-body {
    display: flex;
    flex-direction: column;
}
.trends-card .card-title {
    min-height: 44px;
    line-height: 1.4;
}
.trends-card .price-wrap {
    min-height: 48px;
    margin-bottom: 12px;
}
.trends-card .trends-price {
    margin-bottom: 10px;
}
.trends-card .trends-btn {
    margin-top: auto;
}

.live-search-message {
    width: 100%;
    padding: 12px 10px;
    border-radius: 12px;
    background: #f8f8f8;
    font-size: 0.9rem;
    text-align: center;
    color: #212529;
}

.live-search-message.error {
    background: #fde7e7;
    color: #c2185b;
}