body {
   font-family: 'Roboto', sans-serif;
   margin: 0;
   padding: 0;
   background-color: #f9f9f9;
 }
 .goodyear-header {
   background-color: #0044cc;
   color: #fff;
   text-align: center;
   padding: 1.5rem 0;
   font-size: 1.5rem;
   position: relative;
 }
 .top-bar {
   display: flex;
   justify-content: space-between; /* Arama kutusu ve dil seçeneğini karşılıklı hizalar */
   max-width: 900px; /* Maksimum genişlik */
   width: 95%; /* Genişliğin %100'ü kadar yayılmasını sağlar */
   margin: 30px auto;
 }
 .search-wrapper {
   display: flex;
   align-items: center; /* Arama kutusu ve butonu dikeyde ortalar */
 }
 .search-input {
   padding: 10px;
   font-size: 14px;
   border: 1px solid #ccc;
   border-radius: 5px;
   width: 250px; /* Arama kutusunun genişliği */
   margin-right: 10px; /* Buton ile arasına boşluk bırakır */
 }
 .search-btn {
   padding: 10px 20px;
   background-color: #0044cc;
   color: white;
   border: none;
   border-radius: 5px;
   cursor: pointer;
 }
 .language-selector {
   padding: 10px;
   border: 1px solid #ccc;
   border-radius: 5px;
   font-size: 14px;
   cursor: pointer;
 }
 .category-selector {
   text-align: center;
   margin: 20px 0;
 }
 .category-selector button {
   font-weight: bold;
   padding: 10px 15px;
   margin: 5px;
   font-size: 1rem;
   border: none;
   background-color: #0044cc;
   color: white;
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.3s ease;
 }
 .category-selector button:hover {
   background-color: #002a80;
 }
 .container {
   max-width: 1100px;
   margin: 30px auto;
   padding: 0 15px;
   position: relative;
 }
 .product-layout {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   justify-content: center;
   opacity: 1;
   transition: opacity 0.5s ease;
 }
 .product-layout.hidden {
   opacity: 0;
 }
 .product-card {
   background: #fff;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   max-width: 300px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   text-align: center;
	 padding:10px;
 }
 .product-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
 }
 .product-card img {
   /*width: 100%;*/
   display: block;
 }
 .product-card .modelno {
   font-size: 0.8rem;
 }
 .product-details {
   padding: 15px;
   font-size: 0.8rem;
   text-align: center;
 }
 .product-title {
   text-align: center;
   font-size: 1.4rem;
   font-weight: bold;
   color: #333;
   margin: 0 0 10px;
 }
 .product-description {
   font-size: 0.95rem;
   color: #555;
   line-height: 1.3;
 }
 .product-info {
   margin-top: 10px;
   font-size: 0.9rem;
   color: #666;
 }
 .standards-table {
   width: 100%;
   border-collapse: collapse;
   margin-top: 10px;
 }
 .standards-table td {
   padding: 3px;
   text-align: center;
   border: 0px solid #ddd;
   vertical-align: middle;
   font-size: 0.8rem;
 }
 .standards-title {
   text-align: center;
   font-weight: bold;
   color: black;
   font-size: 0.9rem;
   padding: 10px;
 }
 .standards-table img {
   max-width: 50px;
   display: block;
   margin: 0 auto;
 }
 .standards-table b {
   font-weight: bold;
   color: #333;
 }
 footer {
   text-align: center;
   padding: 1rem;
   background-color: #0044cc;
   color: #ccc;
   margin-top: 30px;
 }
 footer p {
	 color: #ccc;
   max-width: 1100px;
   margin: 0px auto;
   /*padding: 0 15px;*/
   position: relative;
   /*text-align: center;*/
   font-size: 0.8rem;
 }
 .custom-line {
   width: 100%;
   height: 1px;
   background-color: #5e5e5e;
   margin: 7px 0;
 }
 .responsive-logo {
   max-width: 100%; /* Kapsayıcı alanın genişliğini aşmaz */
   height: auto; /* Oranını korur */
   display: block;
   margin: 0 auto; /* Merkezi hizalama */
 }
 @media (min-width: 768px) {
   .responsive-logo {
     max-width: 450px; /* Daha büyük ekranlar için sınır */
   }
 }
 @media (max-width: 767px) {
   .responsive-logo {
     max-width: 80%; /* Mobil cihazlar için daha küçük bir genişlik */
   }
 }

  .custom-header {
	  max-width: 920px;
	  width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;  
   margin: 0px auto;
  }

 .header-left {
    margin-bottom:-4px;
	  padding:0px;  }

  .header-left img {
    max-height: 40px;
	  /*background-color: #f9f9f9;*/
	  /*border-radius: 6px;*/
	  padding: 3px;
  }
.max-width {
	
	display: flex;
	background-color: #333;
}

.header-right {
	color:#fff;
	    display: flex;
    flex-direction: column; /* Öğeleri dikey sırayla düzenler */
    align-items: center; /* Öğeleri ortalar */
}

.header-right p {
    display: flex;
    flex-wrap: wrap; /* Satıra sığmayan öğeleri alt satıra alır */
    justify-content: center; /* Öğeleri yatayda ortalar */
        margin: 2px 0;
    font-size: 0.8rem;
}
.header-right .adress{
	padding-right: 85px;
}
  .header-right a {
    color: #fff;
    text-decoration: none;
  }  
.header-right a:hover{
	font-weight: 500;
}

.icon-link-container {
    display: flex;
    align-items: center; /* İkonları ve metni dikeyde ortalar */
    margin-right: 20px; /* Her öğe arasına boşluk ekler */
}

.icon-link-container i {
    margin-right: 8px; /* İkon ve yazı arasına boşluk ekler */
}

  .custom-footer {
    background-color: #333;
    color: white;
    padding: 20px 10px;
    text-align: center;
  }
  .goodyear-logo {
    max-height: 60px;
    margin: 10px auto;
    display: block;
  }
.goodyear-header a{
	display: inline-block;
}
  .legal-notice {
    font-size: 0.8rem;
    color: #ccc;
    margin-top: 10px;
  }

.footer-right {
	color:#fff;
	
    display: flex;
    flex-direction: column; /* Öğeleri dikey sırayla düzenler */
    align-items: center; /* Öğeleri ortalar */
}

.footer-right a{
	color:#ccc;
	text-decoration: none;
}

.footer-right a:hover{
	font-weight: 500;
}

.footer-right p {
    display: flex;
    flex-wrap: wrap; /* Satıra sığmayan öğeleri alt satıra alır */
    justify-content: center; /* Öğeleri yatayda ortalar */
}

.footer-left img {
	width:160px;
	background-color: #fff;
	padding:5px;
	border-radius: 5px;
}


/*header icon size*/
.feather {
  width: 16px;
margin-right: 3px;
}

/*nav menu*/

/* === MAIN NAV === */
.main-nav {
  background-color: #0046ad;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.main-nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.main-nav > ul > li {
  position: relative;
}

.main-nav a {
  display: block;
  padding: 14px 22px;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.main-nav a:hover {
  background-color: #ffcc00;
  color: #0046ad;
}

/* === DROPDOWN MENU === */
.main-nav .dropdown-menu {
  display: none; /* ✅ başta gizli */
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #0046ad;
  min-width: 200px;
  z-index: 999;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: column; /* ✅ alt alta dizilme */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* override any global ul/li flex */
.main-nav .dropdown-menu,
.main-nav .dropdown-menu li {
  display: block !important; /* ✅ diğer CSS çakışmalarını bastırır */
}

.main-nav .dropdown-menu li a {
  padding: 10px 18px;
  font-size: 15px;
}

.main-nav .dropdown:hover > .dropdown-menu {
  display: block !important; /* ✅ sadece hover’da göster */
}

/* === Responsive === */
@media (max-width: 768px) {
  .main-nav > ul {
    flex-direction: column;
    align-items: stretch;
  }
  .main-nav a {
    padding: 12px;
    text-align: center;
  }
	
	/* ✅ Mobil görünümde açılır menüyü gizle */
    .main-nav .dropdown-menu {
        display: none !important;
    }

    /* Eğer menü dikeydeyse ve açılır menü alt menü gibi görünüyorsa */
    .main-nav .dropdown {
        position: static; /* Mobil menüde relative/absolute'u bozmak için */
    }
}