/* category.css — category listing page */

.category-desc { max-width: 860px; margin-bottom: 36px; }
.category-after-desc {
    margin-top: 48px;
}
.subcat-block { margin-bottom: 40px; }
.product-grid { margin-top: 8px; }

/* Main category: sub-category cards (gpi overview style) */
.subcat-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
    margin-bottom: 48px;
}
.subcat-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow: hidden;
    transition: box-shadow .25s, transform .25s;
}
.subcat-card:hover { box-shadow: 0 14px 34px rgba(14,42,58,.12); transform: translateY(-3px); }
.subcat-card-img { overflow: hidden; }
.subcat-card-img img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
    transition: transform .4s;
}
.subcat-card:hover .subcat-card-img img { transform: scale(1.05); }
.subcat-card-body {
    position: static;
    padding: 22px 64px 24px 24px;
}
.subcat-card-title { color: var(--navy); font-size: 20px; font-weight: 700; margin-bottom: 8px; }
.subcat-card-desc { color: var(--muted); font-size: 14.5px; line-height: 1.65; }
.subcat-card-arrow {
    position: absolute;
    right: 22px;
    bottom: 22px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.5px solid var(--red);
    color: var(--red);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .25s, color .25s;
    pointer-events: none;
}
.subcat-card:hover .subcat-card-arrow { background: var(--red); color: #fff; }

@media (max-width: 767px) {
    .subcat-cards { grid-template-columns: 1fr; }
}

/* Category video */
.category-video {
    margin-bottom: 40px;
    border-radius: var(--radius);
    overflow: hidden;
}
.category-video iframe {
    width: 100%;
    aspect-ratio: 16/9;
    display: block;
    border: 0;
}

/* Kart anchor'i yalnizca baslik; kartin tamami ::after ile tiklanir */
.subcat-card { position: relative; }
.subcat-card-link { color: inherit; text-decoration: none; }
.subcat-card-link::after { content: ""; position: absolute; inset: 0; }
.subcat-card-link:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }