/* Importing the DIN Next LT Arabic font */
@import url('https://fonts.googleapis.com/css2?family=DIN+Next+LT+Arabic:wght@400;700&display=swap');

/* General Styles */
body {
    background-color: #f0f8ff; /* Alice Blue */
    color: #383838; /* Dark Gray */
    font-family: 'DIN Next LT Arabic', sans-serif;
    margin: 0;
    padding: 0;
}

/* Header */
header {
    background: linear-gradient(to left, #0071bc, black); /* Gradient from Custom Blue to Black */
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 2em;
    position: relative;
}

/* Header Items */
header * {
    color: white; /* All items in header white */
}

/* Main Content */
main {
    padding: 20px;
    background-color: #b3b3b3; /* Light Gray */
}

h1, h2, h3 {
    color: #0071bc; /* Custom Blue */
}

/* Product Image */
.product-frame img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Buttons */
button {
    background: none; /* No background */
    color: white; /* White text */
    border: none; /* No border */
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1em;
}

button:hover {
    background-color: #005b99; /* Darker shade of Custom Blue */
    color: white; /* White text on hover */
}

/* Footer */
footer {
    background-color: #0071bc; /* Custom Blue */
    color: #0071bc; /* Blue Text */
    text-align: center;
    padding: 10px;
    position: fixed;
    width: 100%;
    bottom: 0;
}