@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@300;400;700&family=Kantumruy+Pro:ital,wght@0,100..700;1,100..700&family=Lexend+Tera:wght@100..900&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');

/* General Styles */
body{
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: #1c1c20;

}


nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 70px 10px 25px; /* Adjust padding as needed */
}

nav ul {
    display: flex;
    gap: 20px; /* Adjust spacing between links */
    list-style: none;
    margin: 0;
    padding: 0;

    font-family: "Kantumruy Pro", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    
}

nav #current{
    color: rgb(206, 62, 62);
}

nav ul li a {
    text-decoration: none;
    color: #ddd5d5;
}

nav a:hover {
    text-decoration: none;
    color: rgb(202, 127, 127);
}

nav h1{
    font-family: "Gaegu", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ddd5d5;
}

nav span{
    color: rgb(206, 62, 62);
    padding: 0;
    margin: 0;
}

/* Gallery Layout */
/* Gallery Section */
.gallery {
    width: 90%;
    margin: 40px auto;
    padding: 20px;
}

/* Product Container */
.gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 items per row */
    gap: 20px; /* Space between items */
    justify-content: center;
}

/* Individual Product Card */
.product {
    background-color: white;
    color: black;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
}

/* Product Image */
.product img {
    width: 100%;
    border-radius: 5px;
}

.product h3{
   
    font-family: "Kantumruy Pro", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: black;
    margin: 0;

}

.product del {
    font-size: 14px;
    color: gray;
}

/* Price Styling */
.price {
    font-size: 1rem;
    font-weight: bold;
}

.price del {
    color: gray;
    font-size: 0.9rem;
}

/* "See Details" Button */
.btn {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 12px;
    background-color: rgb(206, 62, 62);
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: 0.3s;

    text-align: center; 
    text-decoration: none;

    cursor: pointer;
    font-family: "Kantumruy Pro", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
}

.btn:hover {
    background-color: rgb(141, 48, 48);
}

.disabled-link {
    pointer-events: none;
    color: gray; /* Make it look disabled */
    text-decoration: none;
    opacity: 0.6;
}