/* ===== MiniBootstrap.css ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;line-height:1.5;}



/* Container */
.main{width:100%;padding:0 0;margin:auto}
@media(min-width:768px){.main{max-width:720px}}
@media(min-width:992px){.main{max-width:960px}}
@media(min-width:1200px){.main{max-width:1320px}}

/* Grid */
.row{display:flex;}
.col{flex:1;padding:10px}
.col-6{flex:0 0 50%}
.col-4{flex:0 0 33.33%}
.col-3{flex:0 0 25%}

/* Buttons */
.btn{padding:10px 16px;border:none;border-radius:6px;cursor:pointer}
.btn-primary{background:#0d6efd;color:#fff}
.btn-danger{background:#dc3545;color:#fff}
.btn-dark{background:#212529;color:#fff}

/* Text */
.text-center{text-align:center}
.text-right{text-align:right}
.text-muted{color:#ababab}

/* Spacing */
.mt-1{margin-top:5px}
.mt-2{margin-top:10px}
.mt-3{margin-top:20px}
.mt-4{margin-top:25px}
.mb-1{margin-bottom:5px}
.mb-2{margin-bottom:10px}
.mb-3{margin-bottom:20px}
.ml-1{margin-left: 5px;}
.ml-2{margin-left: 10px;}
.ml-3{margin-left: 15px;}
.ml-4{margin-left: 20px;}
.ml-5{margin-left: 25px;}


.m-1{margin: 5px;}
.m-2{margin: 10px;}
.m-3{margin: 15px;}

.p-1{padding:5px}
.p-2{padding:10px}
.p-3{padding:20px}


.relative{
    position: relative;
}

.absolute{
    position: absolute;
}

.pointer{
    cursor: pointer;
}

.radius{
    border-radius: 6px;
}


.gap{
    gap: 10px;
}

/* Cards */
.card{border:1px solid #ddd;border-radius:8px;padding:15px}
.card-title{font-weight:bold;margin-bottom:10px}

/* Flex utils */
.d-flex{display:flex}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.align-center{align-items:center}

/* Background */
.bg-light{background:#f8f9fa}
.bg-dark{background:#1b1b1b;color:#fff}
.bg-primary{background:#0d6efd;color:#fff}

.cl-light{color: #f8f9fa;}

/* Width */
.w-100{width:100%}
.h-100{height:100%}
/* ===== End ===== */
           

/* ===== Kengaytirilgan MiniBootstrap.css ===== */
/* Flex va Grid qo'shimchalar */
.flex-1 { flex: 1; }
.flex-column { flex-direction: column; }
.wrap { flex-wrap: wrap; }

/* Masofalar (Padding & Margin) */
.p-0 { padding: 0 !important; }
.pt-2 { padding-top: 10px; }
.pb-2 { padding-bottom: 10px; }
.gap-2 { gap: 15px; }

/* Border va Bezaklar */
.border-none { border: none !important; }
.overflow-hidden { overflow: hidden; }
.no-underline { text-decoration: none; }

/* Ranglar */

.bg-dark-deep { background: #1b1b1b; }
.border-red { border-bottom: 2px solid #ff3333; }

/* Tipografiya */
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fw-bold { font-weight: 700; }
.text-white { color: #ffffff; }

/* Ellipsis (Matnni qirqish) */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===== Qo'shimcha Kengaytma ===== */

/* Grid tizimi takomillashuvi */
.d-grid { display: grid; }
.grid-cols-160 { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }

/* Aspect Ratio (Rasm o'lchamlarini saqlash) */
.aspect-poster { aspect-ratio: 2 / 3; object-fit: cover; }
.aspect-video { aspect-ratio: 16 / 9; object-fit: cover; }

/* Overlay & Badges (Rasm ustidagi yozuvlar uchun) */
.overlay-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    padding: 10px;
}


.underline{
    text-decoration: underline;
}

.badge-float {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 2px 8px;
    font-size: 11px;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(4px);
    border-radius: 4px;
}

/* Hover Effects */
.hover-scale { transition: transform 0.2s ease; }
.hover-scale:hover { transform: scale(1.03); }

.hover-red:hover { color: #ff3333 !important; }

/* Scrollbar (Yashirin gorizontal skrol uchun) */
.scroll-hide {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
}
.scroll-hide::-webkit-scrollbar { display: none; }



/* Progress Bar (Ko'rilgan qismini ko'rsatish) */
.progress-container {
    width: 100%;
    height: 3px;
    background: rgba(255,255,255,0.1);
}
.progress-bar-fill {
    height: 100%;
    background: #ff3333;
}

.radius-top{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.radius-bottom {
        border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* List stili */
.list-none { list-style: none; }

/* Chegaralar */
.border-gray { border: 1px solid rgba(255,255,255,0.1); }