/* Контейнери волидайн - дигар ба андозаи корт таъсир намерасонад */
.hero-visual {
    perspective: 200px;
}

/* Коди аслии шумо бо иловаи кунҷи устувори 3D */
.device-card {
    background: var(--white);
    border: 1.5px solid var(--border);
    border-radius: 24px;
    padding: 28px;
    /* Сояи дақиқи аслии шумо аз скриншоти якум */
    box-shadow: 0 12px 60px rgba(0,0,121,0.12), 0 2px 8px rgba(45,51,84,0.06);
    position: relative;
    overflow: hidden;
    
    /* Танзимоти устувори кунҷ (бе калон кардани размер) */
    transform-style: flat; /* дигар сохторро вайрон намекунад */
    will-change: transform;
    transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

/* Хати градиентии болои корт (Комилан бетағйир) */
.device-card::before {
    content:'';
    position:absolute;
    top:0; left:0; right:0;
    height:3px;
    background: linear-gradient(90deg, var(--blue), #4da6ff);
    border-radius: 24px 24px 0 0;
    z-index: 6;
}

/* Дурахши ҳолографии маҳин дар болои корт */
.device-card::after {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: radial-gradient(
        circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
        rgba(0, 121, 254, 0.12) 0%,   
        rgba(45, 51, 84, 0.04) 50%,  
        transparent 80%
    );
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    transition: opacity 0.3s ease;
}

/* Фаъол шудани дурахш ҳангоми ховер */
.device-card.hovering::after {
    opacity: 1;
}

/* Элементҳои дохилиро дигар бо translateZ ба пеш НАМЕКАШЕМ, 
   то боиси калон шудани корт ва харита нагарданд */
.map-mockup, .device-rows {
    transform: none !important;
}