@media only screen and (max-width: 800px){
    .pc-100{
        min-width: 100%;
        max-width: 100%;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 768px) {
    body {
        zoom: 1.3!important;
        padding: 0px 40px;
    }
}

@media (hover: hover) and (pointer: fine) {
    body {
        zoom: 1.9!important;
        padding: 0px 40px;
    }
}

h1, h2, h3, h4, p{
    margin: 0;
}

.border-none{
    border: none;
}

.border-1{
    border: solid 1px rgb(var(--border));
}

.border-2{
    border: solid 3px rgb(var(--border));
}

.text-color{
    color: rgb(var(--color));
}

.text-accent{
    color: rgb(var(--accent));
}

.text-muted{
    color: rgb(var(--text-muted));
}

.text-danger{
    color: rgb(var(--text-danger));
}

.text-success{
    color: rgb(var(--text-success));
}

.bg-primary{
    background: rgb(var(--bg-primary));
}

.bg-secondary{
    background: rgb(var(--bg-secondary));
}

.bg-tertiary{
    background: rgb(var(--bg-tertiary));
}

.rounded{
    border-radius: 1.2rem;
}

.rounded-start {
    border-radius: 1.2rem 0 0 1.2rem;
}

.rounded-end {
    border-radius: 0 1.2rem 1.2rem 0;
}

.rounded-top {
    border-radius: 1.2rem 1.2rem 0 0;
}

.rounded-bottom {
    border-radius: 0 0 1.2rem 1.2rem;
}

.rounded-circle{
    border-radius: 50%;
}

.overflow-auto{
    overflow: auto;
}

.d-flex{
    display: flex;
}

.d-none{
    display: none;
}

.d-block{
    display: block;
}

.d-grid{
    display: grid;
}

.position-relative{
    position: relative;
}

.position-absolute{
    position: absolute;
}

.position-fixed{
    position: fixed;
}

.flex-column{
    flex-direction: column;
}

.flex-wrap{
    flex-wrap: wrap;
}

.grid-start{
    justify-self: left;
}

.grid-end{
    justify-self: end;
}

.align-items-center{
    align-items: center;
}

.justify-content-center{
    justify-content: center;
}

.justify-content-between{
    justify-content: space-between;
}

.pos-center{
    margin: 0 auto;
}

.text-break{
    word-break: break-all;
}

.cursor-pointer{
    cursor: pointer;
}

.text-left{
    text-align: left;
}

.text-center{
    text-align: center;
}

.text-right{
    text-align: right;
}

.w-25{
    width: 25%;
}

.w-50{
    width: 50%;
}

.w-70{
    width: 70%;
}

.w-75{
    width: 75%;
}

.w-100{
    width: 100%;
}

.w-content{
    width: fit-content;
}

.h-100{
    height: 100%;
}

.h-content{
    height: fit-content;
}

.gap-very-small{
    gap: 6px;
}

.gap-small{
    gap: 10px;
}

.gap-norm{
    gap: 16px;
}

.gap-big{
    gap: 24px;
}

.p-very-small{
    padding: 8px;
}

.p-small{
    padding: 12px;
}

.p-norm{
    padding: 24px;
}

.p-big{
    padding: 32px;
}

.px-small{
    padding-left: 20px;
    padding-right: 20px;
}

.py-small{
    padding-top: 20px;
    padding-bottom: 20px;
}

hr{
    border: solid 1px rgb(var(--border));
}

.no-scrollbar {
    -ms-overflow-style: none;  /* IE и Edge */
    scrollbar-width: none;     /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
    display: none;             /* Chrome, Safari и Opera */
}
.centered {
    position: absolute; /* или fixed, если нужно зафиксировать по центру экрана при скролле */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* Адаптивность под мобильные экраны */
    box-sizing: border-box;
}