.takedis-carousel {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}




.takedis-card-link {
    text-decoration: none;
    color: inherit;
    flex: 1 1 calc(33% - 20px);
}

.takedis-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
}

.takedis-card:hover {
    transform: translateY(-5px);
}

.takedis-image, #takedis-image  {
    width: 100%;
    height: 280px;
    object-fit: cover;
	background-size: cover;
}


.takedis-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.takedis-content {
    padding: 12px;
	color: #000;
}

.takedis-btn {
    display: inline-block;
    padding: 6px 10px;
    background: #000;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
}

.takedis-controls {
    margin-top: 15px;
}

@media (min-width: 600px) {
  .header {grid-area: 1 / span 6;}
  .menu {grid-area: 2 / span 1;}
  .content {grid-area: 2 / span 4;}
  .facts {grid-area: 2 / span 1;}
  .footer {grid-area: 3 / span 6;}
}