/* ==========================================================
   BMW PRODUCT CARD
========================================================== */

.bmw-item{

    position:relative;

}

.bmw-item__link{

    display:flex;
    flex-direction:column;

    text-decoration:none;

    background:#111827;

    border:1px solid rgba(255,255,255,.08);

    border-radius:16px;

    overflow:hidden;

    transition:.3s;

}

.bmw-item__link:hover{

    transform:translateY(-4px);

    border-color:rgba(47,141,255,.35);

    box-shadow:0 12px 30px rgba(0,0,0,.35);

}

/* ==========================================================
   IMAGE
========================================================== */

.bmw-item__image{

    position:relative;

    width:100%;

    aspect-ratio:16/9;

    background:#0f172a;

    overflow:hidden;

}

.bmw-item__image img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.35s;

}

.bmw-item__image picture{

    display:block;

    width:100%;

    height:100%;

}

.bmw-item__image picture img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.bmw-item__link:hover .bmw-item__image img{

    transform:scale(1.05);

}

/* ==========================================================
   OVERLAY
========================================================== */

.bmw-item__overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.45),
        rgba(0,0,0,0)
    );

    pointer-events:none;

}

/* ==========================================================
   BADGE
========================================================== */

/* ==========================================================
   STOCK BADGE
========================================================== */

.bmw-item__badge{
	
	font-family: "BPG Sans", sans-serif;

    position:absolute;
    top:16px;
    left:16px;
    z-index:20;

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:7px 15px;          /* იყო 9px 18px */

    border-radius:999px;

    font-size:12px;            /* იყო 13px */
    font-weight:700;
    line-height:1;

    color:#fff;

    background:linear-gradient(
        180deg,
        #1b8f3f 0%,
        #11692d 100%
    );

    border:2px solid rgba(109,255,149,.35);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 6px 18px rgba(0,0,0,.35);

    transition:.25s;

}

/* ---------- STATUS DOT ---------- */

.bmw-item__dot{

    width:12px;
    height:12px;

    border-radius:50%;

    background:#47f16d;

    box-shadow:0 0 12px rgba(71,241,109,.9);

    animation:stockPulse 1.5s infinite;

}

/* ---------- IN STOCK ---------- */

.bmw-item__badge.in-stock{

    color:#fff;

}

/* ---------- OUT OF STOCK ---------- */

.bmw-item__badge.out-stock{

    background:linear-gradient(
        180deg,
        #a32222 0%,
        #731515 100%
    );

    border-color:rgba(255,110,110,.35);

}

.bmw-item__badge.out-stock .bmw-item__dot{

    background:#ff5555;

    box-shadow:none;

    animation:none;

}

/* ---------- DOT ANIMATION ---------- */

@keyframes stockPulse{

    0%{

        transform:scale(1);

        box-shadow:0 0 0 0 rgba(71,241,109,.75);

    }

    70%{

        transform:scale(1.12);

        box-shadow:0 0 0 10px rgba(71,241,109,0);

    }

    100%{

        transform:scale(1);

        box-shadow:0 0 0 0 rgba(71,241,109,0);

    }

}

/* ==========================================================
   FAVORITE
========================================================== */

.bmw-item__favorite{

    position:absolute;

    top:12px;
    right:12px;

    z-index:3;

}

.bmw-favorite{

    display:flex;

    align-items:center;

    justify-content:center;

    width:36px;

    height:36px;

    border:none;

    border-radius:50%;

    background:rgba(17,24,39,.92);

    color:#fff;

    cursor:pointer;

    transition:.25s;

}

.bmw-favorite:hover{

    background:#2F8DFF;

}

.bmw-favorite.active{

    color:#ff4d6d;

}

/* ==========================================================
   CONTENT
========================================================== */

.bmw-item__content{

    display:flex;

    flex-direction:column;

    gap:12px;

    padding:14px;

}

.bmw-item__title{

	font-family: "BPG Sans", sans-serif;

    margin:0;

    color:#fff;

    font-size:16px;

    font-weight:700;

    line-height:1.35;

    min-height:44px;

    overflow:hidden;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    transition:.25s;

}

.bmw-item__link:hover .bmw-item__title{

    color:#2F8DFF;

}

/* ==========================================================
   META
========================================================== */

.bmw-item__meta{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

}

.bmw-item__chip{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:5px 10px;

    border-radius:999px;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    color:#cbd5e1;

    font-size:11px;

    font-weight:600;

    transition:.25s;

}

.bmw-item__chip i{

    color:#2F8DFF;

    font-size:11px;

}

.bmw-item__link:hover .bmw-item__chip{

    background:rgba(47,141,255,.08);

    border-color:rgba(47,141,255,.25);

}

/* ==========================================================
   BMW LINE
========================================================== */

.bmw-item__line{

    display:flex;

    width:100%;

    height:3px;

    margin-top:auto;

}

.bmw-line-blue{

    flex:1;

    background:#6CC8FF;

}

.bmw-line-dark{

    flex:1;

    background:#0047BB;

}

.bmw-line-red{
 
    flex:1;

    background:#E31E24;

} 

.bmw-item__badge.coming-soon {
    background: rgba(229, 57, 53, 0.12);
    color: #e53935;
    border-color: rgba(229, 57, 53, 0.3);
}

.bmw-item__badge.coming-soon .bmw-item__dot {
    background: #e53935;
}