.home-router[data-v-a287ca25] {
    margin: .32rem 0;
    display: flex;
    text-align: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.home-router .box[data-v-a287ca25] {
    /* ARKA PLAN RESMİNİ KALDIR */
    background: linear-gradient(to bottom, rgba(122, 91, 56, 0.55), rgba(0, 0, 0, 0.65));
    
    /* CAM / FROSTED GLASS EFEKTİ */
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);

    flex: 1;
    padding: .32rem;

    border-radius: .28rem; /* kutu kenarlarını güzelleştirir */
}


.home-router .box[data-v-a287ca25]:last-child {
    margin-left: .32rem
}

.home-router .box img[data-v-a287ca25] {
    height: 2.4rem
}

.home-router .box h3[data-v-a287ca25] {
    color: #fff;
    text-align: center;
    font-size: .28rem;
    font-weight: 600;
    line-height: .3rem;
    margin-top: .16rem
}

.home-router .video[data-v-a287ca25] {
    position: relative;
    flex: 0 0 100%;
    margin: 0 0 .32rem;
    background: none;
    padding: 0;
    width: 100%;
    height: 4rem;
    object-fit: fill;
    border-radius: .24rem;
    overflow: hidden
}

.home-router .video img[data-v-a287ca25] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.16rem;
    height: 1.16rem;
    object-fit: contain
}

.video[data-v-a287ca25] {
    margin-bottom: .32rem;
    position: relative
}

.video .play[data-v-a287ca25] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.16rem;
    height: 1.16rem;
    object-fit: contain
}

.video video[data-v-a287ca25] {
    width: 100%;
    height: 4rem;
    object-fit: fill;
    border-radius: .24rem;
    overflow: hidden
}