body {
                margin: 0;
                font-family: 'Cairo', sans-serif;
                background: linear-gradient(135deg, #f2f2f2 0%, #e6e6e6 100%);
                }

                .product-container {
        max-width: 1000px;
        margin: 60px auto;
        position: relative; 
        border-radius: 16px;
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        padding: 40px;
        align-items: center;
        transition: transform 0.3s ease;
        overflow: hidden; 
        }
        .product-container::before {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-image: url(./img/back.jpg);
        background-position: center;
        background-size: cover;
        filter: blur(5px);
        z-index: -1; 
        border-radius: 16px;
        }

                .product-container:hover {
                transform: translateY(-5px);
                }

                .product-image {
                flex: 1 1 350px;
                }

                .product-image img {
                width: 100%;
                border-radius: 12px;
                object-fit: cover;
                }

                .product-details {
                flex: 1 1 400px;
                }

                .product-title {
                font-size: 32px;
                margin-bottom: 20px;
                color: #ffffff;
                font-weight: bold;
                }

                .product-description {
                font-size: 18px;
                color: #ffffffdc;
                margin-bottom: 25px;
                line-height: 1.8;
                }

                .rating { 
                margin-bottom: 25px;
                }

                .rating span {
                color: #FFD700;
                font-size: 22px;
                }

                .buy-button {
                display: inline-block;
                background-color: #b8860b;
                color: #fff;
                padding: 14px 30px;
                font-size: 18px;
                border-radius: 8px;
                text-decoration: none;
                transition: background-color 0.3s;
                }
        .price {
        font-size: 25px;
        font-weight: bold;
        color: #ff9900;
        margin-bottom: 10px;
        }
                .buy-button:hover {
                background-color: #a0750a;
                }