.wrapper{
    display: flex;
    position: relative;
}

.wrapper .sidebar{
    width: 20%; /* Adjust based on design preference */
    max-width: 300px; /* Prevents it from being too large */
    height: 100%;
    padding: 30px 0px;
    position: fixed;
    inset-inline-start: 0;
}


.wrapper .sidebar ul li{
    padding: 20px;
    border-bottom: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
}    

.wrapper .sidebar ul li a{
    color: #bdb8d7;  /* bdb8d7 */
    display: block;
}

.wrapper .sidebar ul li a .fas{
    width: 20px;
}

.wrapper .sidebar ul li:hover{
    background-color: #594f8d;
}
    
.wrapper .sidebar ul li:hover a{
    color: #fff;
}

.wrapper .main_content{
    width: 80%;
}
.section-slide {
    width: 100%; /* Makes sure the slider fits within the main content */
}

.sidebar-content {
    flex-grow: 1;
    overflow: auto;
    align-content: space-between;
}

    /* Mobile styles */
@media (max-width: 768px) {
    .wrapper {
    display: block;
    }
    .wrapper .sidebar {
    display: none;
    }
    .sidebar-content {
    display: none;

    }
    .wrapper .main_content {
    width: 100%;
    }
}

/*//////////////////////////////////////////////////////////////////*/

.video-container {
position: relative;
padding-bottom: 100%; /* Maintain square aspect ratio */
height: 0;
overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*//////////////////////////////////////////////////////////////////*/

.original-price {
    text-decoration: line-through;
    margin-right: 10px;
}

.price-container {
    display: inline-flex;  /* Align prices horizontally */
    align-items: center;  /* Vertically center prices */
    gap: 10px;            /* Space between prices */
}

/*//////////////////////////////////////////////////////////////////*/

.fade-out {
    opacity: 0;
    transition: opacity 1s ease-out;
}

/*//////////////////////////////////////////////////////////////////*/

/* Default LTR direction */
[dir="ltr"] .angle-icon::before {
    content: "\f105"; /* Unicode for fa-angle-right */
  }
  
  /* If inside an RTL context */
[dir="rtl"] .angle-icon::before {
    content: "\f104"; /* Unicode for fa-angle-left */
  }

/*//////////////////////////////////////////////////////////////////*/

.price-containerr {
    display: inline-flex;  /* Align prices horizontally */
    align-items: center;  /* Vertically center prices */
}
/*//////////////////////////////////////////////////////////////////*/


img {
    pointer-events: none;
    user-select: none;
}

/*//////////////////////////////////////////////////////////////////*/

.search-container {
    margin: 20px 0;
}

#search-results-container {
    margin-top: 10px;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.product-card {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 5px;
}

.old-price {
    text-decoration: line-through;
    color: #999;
}