/* Reset Shoptetu pro subkategorie */
.subcategories.with-image li,
.subcategories.with-image a,
.subcategories.with-image .text,
.subcategories.with-image .image{all:unset}

/* Grid layout */
.subcategories.with-image{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;padding:0;margin:0}

/* Box */
.subcategories.with-image li{list-style:none}
.subcategories.with-image a{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:14px;background:#fff;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.06);transition:.2s;height:120px}
.subcategories.with-image a:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.12)}

.subcategories li a:hover .text {
    text-decoration: none !important;
}

/* Image */
.subcategories.with-image .image{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.subcategories.with-image .image img{max-width:100%;max-height:100%;object-fit:contain}

/* Text */
.subcategories.with-image .text{font-size:13px;line-height:13px;font-weight:700;color:#0f1a33;text-align:center;white-space:wrap}

/* Mobil */
@media (max-width:480px){
    .subcategories.with-image{grid-template-columns:repeat(2,1fr);gap:14px}
    .subcategories.with-image a{height:120px;padding:12px 6px}
    .subcategories.with-image .image{width:50%;height:70px}
    .subcategories.with-image .text {
        font-size: 21px;
        line-height: 20px;
    }
}

@media (max-width: 768px) {

    .filter-section form,
    .slider-wrapper {
        display: none;
    }

    .filter-section.active form,
    .slider-wrapper.active {
        display: block;
    }

    .filter-section h4 {
        cursor: pointer;
        position: relative;
        padding-right: 25px;
    }

    .filter-section h4::after {
        content: "+";
        position: absolute;
        right: 0;
        top: 0;
    }

    .filter-section.active h4::after {
        content: "−";
    }
}