/* ==========================================
   FEATURE: SIM & PARONET - FULLSCREEN FIXED
========================================== */

.feature-sim-card{
    cursor:pointer;
}

.sim-network-animation{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:6;
    background:rgba(0,0,0,.10);
    overflow:hidden;
    animation:simSceneFade 3s ease forwards;
}

.sim-card-big{
    position:absolute;
    left:50%;
    top:42%;
    width:150px;
    height:200px;
    border-radius:22px;
    transform:translate(-50%,-50%);
    background:linear-gradient(145deg, rgba(255,140,0,.95), rgba(92,38,0,.98));
    box-shadow:
        0 0 38px rgba(255,106,0,.65),
        0 26px 70px rgba(0,0,0,.6);
    clip-path:polygon(0 0,72% 0,100% 28%,100% 100%,0 100%);
    animation:simCardPop 3s cubic-bezier(.16,.84,.24,1) forwards;
}

.sim-chip{
    position:absolute;
    left:28px;
    top:54px;
    width:58px;
    height:46px;
    border-radius:9px;
    background:linear-gradient(90deg, rgba(255,220,120,.95), rgba(180,115,20,.95));
    box-shadow:inset 0 0 0 3px rgba(0,0,0,.18);
}

.sim-chip::before,
.sim-chip::after{
    content:"";
    position:absolute;
    inset:11px 0;
    border-top:2px solid rgba(0,0,0,.28);
    border-bottom:2px solid rgba(0,0,0,.28);
}

.sim-title{
    position:absolute;
    left:50%;
    top:calc(42% + 125px);
    transform:translateX(-50%);
    text-align:center;
    animation:simTitlePop 3s ease forwards;
}

.sim-title strong{
    display:block;
    color:#ff8a00;
    font-size:clamp(1.7rem,3.2vw,3.2rem);
    text-shadow:
        0 0 14px rgba(255,140,0,.9),
        0 0 42px rgba(255,140,0,.45);
}

.sim-title span{
    display:block;
    margin-top:4px;
    color:rgba(255,255,255,.82);
    letter-spacing:3px;
    font-size:.8rem;
    font-weight:800;
}

.signal{
    position:absolute;
    left:50%;
    top:42%;
    border:2px solid rgba(255,140,0,.72);
    border-radius:50%;
    transform:translate(-50%,-50%);
    box-shadow:0 0 24px rgba(255,106,0,.45);
    animation:simSignalPulse 3s ease forwards;
}

.signal-1{width:240px;height:240px;animation-delay:.1s;}
.signal-2{width:340px;height:340px;animation-delay:.25s;}
.signal-3{width:440px;height:440px;animation-delay:.4s;}

.network-line{
    position:absolute;
    left:50%;
    top:42%;
    width:190px;
    height:2px;
    background:linear-gradient(90deg, rgba(255,140,0,.9), transparent);
    transform-origin:left center;
    box-shadow:0 0 14px rgba(255,106,0,.75);
    animation:simLineDraw 3s ease forwards;
}

.l1{transform:rotate(25deg);}
.l2{transform:rotate(145deg);}
.l3{transform:rotate(220deg);}
.l4{transform:rotate(315deg);}

.network-node{
    position:absolute;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#ff8a00;
    box-shadow:
        0 0 16px rgba(255,140,0,.95),
        0 0 38px rgba(255,106,0,.45);
    animation:simNodePop 3s ease forwards;
}

.n1{left:calc(50% + 175px);top:calc(42% + 80px);}
.n2{left:calc(50% - 190px);top:calc(42% + 100px);}
.n3{left:calc(50% - 160px);top:calc(42% - 130px);}
.n4{left:calc(50% + 145px);top:calc(42% - 145px);}

@keyframes simSceneFade{
    0%,100%{opacity:0;}
    12%,82%{opacity:1;}
}

@keyframes simCardPop{
    0%{opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(-12deg);}
    18%,76%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);}
    100%{opacity:0;transform:translate(-50%,-50%) scale(.78) rotate(10deg);}
}

@keyframes simTitlePop{
    0%{opacity:0;transform:translateX(-50%) translateY(18px);}
    22%,78%{opacity:1;transform:translateX(-50%) translateY(0);}
    100%{opacity:0;transform:translateX(-50%) translateY(-18px);}
}

@keyframes simSignalPulse{
    0%{opacity:0;transform:translate(-50%,-50%) scale(.4);}
    20%{opacity:.75;}
    80%{opacity:.22;}
    100%{opacity:0;transform:translate(-50%,-50%) scale(1.1);}
}

@keyframes simLineDraw{
    0%{opacity:0;width:0;}
    25%,75%{opacity:1;width:190px;}
    100%{opacity:0;width:0;}
}

@keyframes simNodePop{
    0%,18%{opacity:0;transform:scale(.2);}
    35%,75%{opacity:1;transform:scale(1);}
    100%{opacity:0;transform:scale(.4);}
}