/* Podpora pro různé velikosti ikon */
.box-icon-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle;
}

.box-icon-wrapper svg {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

/* Zajistit správné zobrazení img ikon */
.box-icon img {
    display: block;
    object-fit: contain;
}

/* Responzivní škálování na mobilu */
@media (max-width: 768px) {
    .predplatne-box .box-icon-wrapper,
    .predplatne-box .box-icon img {
        /* Na mobilu může být velikost o 20% menší */
        transform: scale(0.8);
        transform-origin: center;
    }
}

/* Animace při hover - zachovat poměr */
.predplatne-box:hover .box-icon-wrapper,
.predplatne-box:hover .box-icon img {
    transform: scale(1.1);
}

/* Na mobilu menší hover efekt */
@media (max-width: 768px) {
    .predplatne-box:hover .box-icon-wrapper,
    .predplatne-box:hover .box-icon img {
        transform: scale(0.88); /* 0.8 * 1.1 */
    }
}

/* Active state - zachovat původní velikost */
.predplatne-box.active .box-icon-wrapper,
.predplatne-box.active .box-icon img {
    transform: scale(1); /* Zachovat původní velikost */
}

@media (max-width: 768px) {
    .predplatne-box.active .box-icon-wrapper,
    .predplatne-box.active .box-icon img {
        transform: scale(0.8); /* Zachovat stejné zmenšení jako neaktivní */
    }
}