/* Tabs */
.tabs {
display: flex;
flex-wrap: wrap;
/* make sure it wraps */
}

.product-image {
max-width: 100%;
padding: 1rem;
height: auto;
}

.tabs label {
order: 1;
/* Put the labels first */
display: block;
padding: 0.5rem 2rem;
margin-right: 0.2rem;
cursor: pointer;
background: #F5FAFA;
font-weight: bold;
transition: background ease 0.8s;
border-radius: 1rem 1rem 0 0;
}

.product-details {
margin-top: 0px;
}

.item-specifics {
padding: 0 10px;
}

.compatibility-table {
margin-top: 20px;
font-size: large;
}

.tabs .tab {
order: 99;
/* Put the tabs last */
flex-grow: 1;
width: 100%;
display: none;
padding: 0.5rem;
background: #ffffff;
height: 400px;
/* Set the fixed height */
}

.tabs input[type=’radio’] {
display: none;
}

.tabs input[type=’radio’]:checked+label {
background: #90caf9;
}

.tabs input[type=’radio’]:checked+label+.tab {
display: block;
}

@media (max-width: 45em) {

.tabs .tab,
.tabs label {
order: initial;
}

.tabs label {
width: 100%;
margin-right: 0;
margin-top: 0.2rem;
}
}

/* Generic Styling */
body {
background: #ffffff;
min-height: 100vh;
box-sizing: border-box;
padding-top: 1rem;
font-family: ‘HelveticaNeue-Light’, ‘Helvetica Neue Light’, ‘Helvetica Neue’,
Helvetica, Arial, ‘Lucida Grande’, sans-serif;
font-weight: 300;
line-height: 1.5;
max-width: 100%;
margin: 0 auto;
font-size: 112%;
}

.tabsSection {
height: 200px;
}

.tab-pane {
height: 200px;
}

.product-details {
margin-top: 0px;
}

.kartlar {
display: flex;
justify-content: center;
font-size: large;
}

.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #333;
/* Change to your desired color */
color: white;
text-align: center;
padding: 0.1rem;
/* Add some padding for better readability */
}

li {
line-height: 2rem;
font-size: larger;
}

.tabtexts {
font-size: larger;
text-indent: 2rem;
text-align: justify;
justify-content: center;
}

#footer {
text-align: center;
}

.card1 {
text-align: justify;
justify-content: center;
}

/* Responsive styles */
@media (min-width: 768px) and (max-width: 1024px) {
.header-image {
width: 690px;
widows: auto;
}
}

@media (min-width: 991px) and (max-width: 1023px) {
.header-image {
width: 100%;
max-width: 100%;
}
}

@media (max-width: 575px) {
.header-image {
width: 100%;
max-width: 100%;
}
}

@media (max-width: 767px) {

/* Styles for screens up to 767px (extra small devices) */
.header-image {
width: 100%;
max-width: 100%;
}
}

/* Responsive styles */
@media (min-width: 768px) and (max-width: 1024px) {
.product-details {
display: flex;
align-items: center;
}

.header-image {
width: 690px;
widows: auto
}

.product-image {
max-width: fit-content;
display: flex;
align-items: center;
}

.item-specifics {
flex-grow: 5;
}
}

@media (max-width: 575px) {
.header-image {
width: 100%;
max-width: 100%;
}
}

@media (max-width: 767px) {

/* Styles for screens up to 767px (extra small devices) */
.header-image {
width: 100%;
max-width: 100%;
}
}