h1 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

 .add_to_cart {
     border: 2px solid #205781;
     color: #205781;
     font-weight: 600;
     transition: all 0.3s ease;
     background: transparent;
 }

 .add_to_cart:hover {
     background: #205781;
     color: white;
 }

 .radio_button {
     accent-color: #205781;
     width: 15px;
     height: 15px;
     cursor: pointer;
     margin-right: 5px;
 }

 /* Improved Attribute Styling */
 .attribute-section {
     margin-bottom: 1.5rem;
 }

 .attribute-title {
     font-weight: 600;
     margin-bottom: 0.5rem;
     display: block;
 }

 .attribute-options {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
 }

 .attribute-option {
     display: flex;
     align-items: center;
 }

 .attribute-label {
     margin-left: 5px;
     white-space: nowrap;
 }

 .toggle-attributes-btn {
     background: none;
     border: 1px solid #205781;
     color: #205781;
     padding: 5px 15px;
     border-radius: 20px;
     font-size: 14px;
     margin-top: 10px;
     transition: all 0.3s ease;
 }

 .toggle-attributes-btn:hover {
     background: #205781;
     color: white;
 }

 /* Image Gallery Styles */
 .main-product-image {
     width: 100%;
     height: 400px;
     object-fit: contain;
     border: 1px solid #eee;
     margin-bottom: 15px;
 }

 .thumbnail-container {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 15px;
 }

 .thumbnail-image {
     width: 80px;
     height: 80px;
     object-fit: cover;
     border: 1px solid #ddd;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .thumbnail-image:hover,
 .thumbnail-image.active {
     border-color: #205781;
 }

 @media (max-width: 768px) {
     .main-product-image {
         height: 300px;
     }

     .attribute-options {
         gap: 8px;
     }

     .attribute-title {
         font-size: 15px;
     }

     .attribute-label {
         font-size: 14px;
     }

     .thumbnail-image {
         width: 60px;
         height: 60px;
     }
 }

 @media (max-width: 576px) {
     .main-product-image {
         height: 250px;
     }
 }


 .custom-input {
     width: 100%;
     padding: 10px;
     border: 2px solid #ddd;
     border-radius: 8px;
     font-size: 16px;
     outline: none;
     transition: border-color 0.3s, box-shadow 0.3s;
 }

 .custom-input:focus {
     border-color: #007bff;
     box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
 }

 /* Updated button colors to #205781 */
 .post-btn {
     border: 2px solid #205781;
     color: #205781;
     font-weight: 600;
     transition: all 0.3s ease;
     background: transparent;
     padding: 8px 15px;
     border-radius: 20px;
     text-align: center;
     white-space: nowrap;
 }

 .post-btn:hover {
     background: #205781;
     color: white;
 }