#fpb-box {
position: fixed;
z-index: 9999;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
font-family: 'Almarai', sans-serif;
padding: 10px;
}
.fpb-card {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.fpb-img-container img {
width: 90px;
height: 90px;
object-fit: cover;
border-radius: 4px;
}
.fpb-close {
position: absolute;
top: -10px;
right: -10px;
background: #000;
color: #fff;
border: none;
border-radius: 50%;
width: 25px;
height: 25px;
cursor: pointer;
z-index: 10;
}
.fpb-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.fpb-info h3 {
margin: 0;
font-size: 14px;
font-weight: bold;
}
.fpb-info p {
margin: 3px 0;
font-size: 12px;
color: #fff;
}
.fpb-info .price {
font-size: 13px;
margin: 3px 0;
color: #fff;
}
.fpb-info a {
display: block;
margin: 5px auto;
padding: 3px 10px;
background: #fff;
color: #333;
font-size: 12px;
text-decoration: none;
border-radius: 3px;
width: auto;
min-width: unset;
max-width: unset;
}
.swiper-button-next, .swiper-button-prev {
background-size: cover !important;
width: 25px !important;
height: 25px !important;
background-color: transparent !important;
background-image: none !important;
opacity: 0; }