/* single product page */

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.product-thumbnails {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-thumbnails img {
    margin-bottom: 10px;
}
.btnbuynow {
    background-color: #0b35db; /* Button background color */
    color: white; /* Text color */
    width: 416px; /* Set specific width */
    height: 35px; /* Set specific height */
    border: none; /* Remove default border */
    display: flex;
    align-items: center;
    justify-content: center; /* Center content inside the button */
}



.btnaddtocart {
    background-color:#3F3F3F; /* Button background color */
    color: white; /* Text color */
    width: 416px; /* Set specific width */
    height: 35px; /* Set specific height */
    border: none; /* Remove default border */
    display: flex;
    align-items: center;
    justify-content: center; /* Center content inside the button */
}
.btnaddtowishlist {
    background-color:#f7f5f5; /* Button background color */
    color: rgb(7, 7, 7); /* Text color */
    width: 416px; /* Set specific width */
    height: 35px; /* Set specific height */
    border: none; /* Remove default border */
    display: flex;
    align-items: center;
    justify-content: center; /* Center content inside the button */
}
.bi-heart{
    padding-right: 5px;
}
.btnaddtowishlist-2 {
    background-color:#0a0a0a; /* Button background color */
    color: rgb(250, 241, 241); /* Text color */
    width: 416px; /* Set specific width */
    height: 35px; /* Set specific height */
    border: none; /* Remove default border */
    display: flex;
    align-items: center;
    justify-content: center; /* Center content inside the button */
}
.actions button {
    margin-bottom: 5px; /* Reduce the space between buttons */
}

.actions button:last-child {
    margin-bottom: 0; /* No margin for the last button */
}

.curved-rectangle {
    width: 300px; /* Width of the rectangle frame */
    height: 6px; /* Height of the rectangle frame */
    background-color: #e0e0e0; /* Background color of the frame */
    border-radius: 15px; /* Curved corners on all four sides */
    opacity: 0.5; /* Opacity set to 0.5 for semi-transparency */
    margin-top: 10px; /* Optional margin */
    position: relative; /* To position child elements */
}

.colored-rectangle {
    width: 100px; /* Width of the colored rectangle */
    height: 6px; /* Height of the colored rectangle */
    background: linear-gradient(90deg, #ff0202 41%, #be3908 57%, #F79942 73.5%, #F7DCC2 99%); /* Gradient background */
    border-radius: 15px 0px 0px 15px; /* Curved corners on the left side */
    position: absolute; /* Position relative to the parent */
    top: 0; /* Align to the top of the parent */
    left: 0; /* Align to the left of the parent */
    opacity: 1; /* Fully visible */
}



 /* Custom styles for the product info table */
 
 .product-info-table {
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 20px;
}

.product-info-header {
    background-color: #d3d3d3;
    padding: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.minimize-button {
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}

.product-info-content {
    padding: 15px;
    border-top: 1px solid #ccc;
}

/* Styling for the unordered list and text */
.product-info-content ul {
    list-style-type: circle;
    padding-left: 20px;
}

.product-info-content p {
    font-size: 14px;
    margin-top: 10px;
}


/* General styling for highlight class */
.highlight {
    font-weight: bold; /* Make text bold */
}

/* Specific styling for Product Information section */
.product-info-table:first-of-type .highlight {
    color:red; /* Red color for Product Information */
}

/* Specific styling for Delivery Information section */
.product-info-table:nth-of-type(2) .highlight {
    color:black; /* Black color for Delivery Information */
}

.recently-viewed .card {
    transition: transform 0.3s ease;
}

.recently-viewed .card:hover {
    transform: scale(1.05);
}

.card-img-top {
    object-fit: cover; /* Ensures images are cropped if necessary to fill the card space */
    height: 100%; /* Ensures consistent height for images */
    width: 100%; /* Makes sure the image spans the entire width of the card */
}

.card {
    min-height: 80%; /* Ensures that all cards have equal height */
}

.card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.related-item{
    height: 100%;
    width: 100%;
}

.size-btn {
    transition: all 0.3s ease;
}

.size-btn.selected {
    background-color: gray; 
    color: white;           
    border-color: gray;     
}