.nav-menu li > a, .nav-menu li > span
{
font-weight: bold;
color: #000;
}

.frontpage-slider .hero-subheading
{
font-size: 1.2rem;
}

body 
{
   background-color: #111;    
   color: white;
   font-weight: 300;
}

.frontpage-slider .hero-heading
{
font-weight: bold;
}


.breadcrumb_container 
{
background-color: black; 
}


.breadcrumb ol li span
{
color: white;
}


.bg-white {
  background-color: black !important;
}

#similar 
{
color: white;
}

.product-add-to-cart .btn
{
background-color: white;
color: black;
}

.right-column-detail
{
background-color: black;
}

.right-detail-inner-container .h1
{
color: white;
}

.inner_description
{
color: white;
}


.offer-variations .offer-attribute-items .offer-attribute-item.selected
{
color: #ea0b0b;
font-weight: bold;
background-color: white;
}

.category-top-menu .category-sub-menu .link
{
color: white;
}

.category-top-menu > li.active .facet-title
{
color: white;
}

.row no-gutters justify-content-end, h2
{
color: white;
}

.swiper-product .swiper-pagination-bullet
{
background: gray;
}

.swiper-product .swiper-pagination-bullet-active
{
background: white;
}


.btn-primary
{
  color: black;
  background-color: white;
}

.btn-primary:hover
{
  color: black;
  background-color: gray;
}

.table table-fulllist table-mobile table-shopping-cart, th
{
color: white;
}

#sale-total-price
{
color: white;
}

.f-zform .no-account a
{
color: white;
}


/* articles */

.page-story 
{
   background-color: #181717;    
   color: white;
}

.page-story h2, h3 
{
   color: white;
}

.page-story .h1
{
   color: white;
   font-size: 2em;
}

.page-story h2 {
  font-size: 1.7rem;
}

.page-story h3 {
  font-size: 1.5rem;
}

/* links */

.main a 
{
font-weight: bold;
color: white;
}

.main a:hover {
font-weight: bold;
color: white;
text-decoration: underline;
}

.page-story .news-desc strong {
  font-weight: 500;
  display: block;
  padding: 0 0 14px;
  margin: 0;
  text-transform: none;
  color: #fff;
}

h4 
{
color: #fff;
}

.value{
    color: red;              
    font-weight: bold;
}

.personal-info {
     color: black;              
     font-weight: bold;
}

.info a {
margin-top: 10%;
}



.image-container {
            display: flex;
            flex-wrap: wrap; /* Allows items to wrap to the next line on smaller screens */
            justify-content: center; /* Centers items horizontally */
            gap: 20px; /* Adds space between images */
            padding: 20px;
        }

        .image-container img {
            width: 90%; /* Default to full width for responsiveness */
            max-width: 300px; /* Maximum width for individual images on larger screens */
            height: auto;
            object-fit: cover; /* Ensures images cover their container without distortion */
        }


/* table */
  .table-container {
            max-width: 900px;
            margin: auto;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin: 10px 0;
        }

        th {
            background-color: var(--primary-color);
            color: white;
            text-align: left;
            padding: 12px;
        }

        td {
            padding: 12px;
            border-bottom: 1px solid var(--border-color);
            color: #444;
        }

        tr:hover {
            background-color: #f1f1f1;
        }



        /* Responsive Styles */
        @media screen and (max-width: 600px) {
            table, thead, tbody, th, td, tr {
                display: block;
            }

            thead tr {
                display: none; /* Hide headers on mobile */
            }

            tr {
                margin-bottom: 15px;
                border: 1px solid var(--border-color);
                border-radius: 5px;
                padding: 10px;
                background: var(--bg-gray);
            }

            td {
                display: flex;
                justify-content: space-between;
                border: none;
                padding: 8px 5px;
                text-align: right;
            }

            td::before {
                content: attr(data-label);
                font-weight: bold;
                text-transform: uppercase;
                color: var(--primary-color);
                font-size: 0.85rem;
                flex-basis: 40%;
                text-align: left;
            }
        }   
 
/* Media query for desktop view: 3 images on the same line */
        @media (min-width: 768px) 
{
.image-container img {
                flex: 1 1 30%; /* Allows images to grow, shrink, and set a basis of 30% */
                max-width: none; /* Remove max-width to allow flex to control size */
            }
 
 }

/* Media query for mobile view: 1 image on the same line */
        @media (max-width: 767px) {
            .image-container img {
                flex: 1 1 100%; /* Allows images to grow, shrink, and set a basis of 100% */
                max-width: 300px; /* Re-apply max-width for single image display */
            }
        }