#rakamlarla .sarim-rakam-kutusu {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    margin-top:0;
    padding:clamp(16px,2vw,30px) clamp(10px,1.5vw,22px);
    border:1px solid color-mix(in srgb,var(--sarim-accent-main,#c9ab81) 30%,transparent);
    border-top:2px solid var(--sarim-accent-main,#c9ab81);
    background:var(--sarim-base,#102b2a);
}
#rakamlarla .sarim-rakam-kutusu::before {
    content:"";
    position:absolute;
    z-index:-1;
    width:clamp(108px,13vw,190px);
    aspect-ratio:1;
    inset-inline-end:-14px;
    bottom:-29px;
    background:url("../sarim/sarim-rakamlar-asma-izi.svg") center / contain no-repeat;
    opacity:.25;
    transform:rotate(var(--sarim-asma-yon,-20deg)) scaleX(var(--sarim-asma-ayna,1));
    pointer-events:none;
}
#rakamlarla .row > :nth-child(even) .sarim-rakam-kutusu::before {
    inset-inline-start:-15px;
    inset-inline-end:auto;
    --sarim-asma-ayna:-1;
    --sarim-asma-yon:15deg;
}
#rakamlarla .row > :nth-child(n+3) .sarim-rakam-kutusu::before {
    bottom:auto;
    top:-32px;
    --sarim-asma-yon:130deg;
}
#rakamlarla .row > :last-child .sarim-rakam-kutusu::before {--sarim-asma-yon:205deg}
#rakamlarla .sarim-rakam-kutusu .display-3 {font-variant-numeric:tabular-nums}
#rakamlarla .sarim-rakam-kutusu p {margin-bottom:0}

@media (max-width:575px) {
    #rakamlarla .sarim-rakam-kutusu::before {opacity:.20}
}