@font-face {
  font-family: 'Fontmagicfile';
  src:
    url('https://magicfile.ir/font/magicfile.woff2') format('woff2'),
    url('https://magicfile.ir/font/magicfile.woff') format('woff');
  font-display: swap;
}
body{font-family:Fontmagicfile;margin:0;direction:rtl;line-height:1.6;background-color:#f1f5f9;}
a{color:#fff;text-decoration:none;}
a:hover{color:#000;}
.main{border-radius:5px}
.main-header{color:#fff;background-color:#90F;padding:20px;text-align:center;}
.article{position:relative;display:inline-block;max-width:410px;padding:5px;font-size:18px;background:#f4f7fb;border-radius:14px;margin:10px;box-shadow:0 4px 12px rgb(0 0 0 / 26%);transition:.25s ease;will-change:transform;overflow:hidden;}
.article:hover{transform:translateY(-6px);box-shadow:0 10px 22px rgba(0,0,0,0.15);}
.article img{border-radius:14px;}
.span3{color:#1a237e;font-weight:bold;}
.listm{text-align:center;margin:15px auto;}
.dl{font-size:17px;background:linear-gradient(135deg,#1b5e20,#4caf50);color:#fff;padding:8px 26px;border-radius:6px;border:none;box-shadow:0 4px 12px rgba(76,175,80,0.35);transition:all .25s ease;display:inline-block;}
.dl:hover{background:linear-gradient(135deg,#145a16,#43a047);box-shadow:0 7px 18px rgba(56,142,60,0.45);transform:translateY(-2px);}
.dl_a{font-size:17px;background:linear-gradient(135deg,#0d47a1,#1976d2);color:#fff;padding:8px 26px;border-radius:6px;margin:4px;transition:all .25s ease;box-shadow:0 4px 12px rgba(25,118,210,0.35);display:inline-block;border:none;}
.dl_a:hover{background:linear-gradient(135deg,#0a3578,#1565c0);box-shadow:0 7px 18px rgba(25,118,210,0.45);transform:translateY(-2px);}
img{opacity:1;transition:opacity .3s;width:100%;height:auto;}
img[data-src]{opacity:0;}
.pagination-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;margin:20px 0;padding:15px;}
.pagination{display:flex;list-style:none;padding:0;margin:0;gap:5px;flex-wrap:wrap;justify-content:center;}
.pagination_nor{padding:8px 14px;color:#4a5568;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05);}
.pagination_nor:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.pagination_ok{padding:8px 14px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea;border-radius:8px;font-weight:600;box-shadow:0 4px 8px rgba(102,126,234,0.3);}
.pagination_l{display:flex;align-items:center;gap:8px;padding:10px 18px;background-color:blueviolet;color:white;border-radius:10px;font-weight:600;margin:0;white-space:nowrap;}
.filterb{border:1px solid #fff;border-radius:3px;padding:5px 20px;cursor:pointer;}
.filterb:hover{background:#000094;color:#fff;box-shadow:1px 10px 20px rgba(0,0,0,.24);}
ul.breadcrumb{padding:10px 16px;list-style:none;background:#eee;}
ul.breadcrumb li{display:inline;font-size:18px;}
ul.breadcrumb li+li:before{padding:8px;color:#000;content:"/\00a0";}
ul.breadcrumb li a{color:#0275d8;text-decoration:none;}
ul.breadcrumb li a:hover{color:#01447e;text-decoration:underline;}
.entry-title{font-size:18px;}
.vip-badge {position: absolute;top: 10px;left: 10px;background: linear-gradient(151deg, #ff1800, #cf0505);color: #ffffff;padding: 6px 12px;border-radius: 20px;font-size: 12px;z-index: 10;box-shadow: 0 2px 8px rgb(0 0 0 / 50%);animation: vip-pulse 2s infinite;}
.vip-badge i {margin-left: 4px;}
@keyframes vip-pulse {0% { transform: scale(1); }50% { transform: scale(1.05); }100% { transform: scale(1); }}

/* استایل‌های جدید برای AJAX */
.ajax-loading {
    opacity: 0.7;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.loading-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.pagination_nor, .pagination_ok {
    cursor: pointer;
    transition: all 0.3s ease;
}

.pagination_nor:hover {
    background: #f8f9fa;
    transform: translateY(-2px);
}

.filterb {
    cursor: pointer;
    transition: all 0.3s ease;
}

#ajax-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    font-size: 18px;
    color: #333;
    backdrop-filter: blur(5px);
}

.loading-content {
    text-align: center;
    background: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.products-container {
    transition: opacity 0.3s ease;
}

.products-loading {
    opacity: 0.6;
}

@media(max-width:500px){article{margin:8px 0;font-size:16px;padding:12px;}.vip-badge {font-size: 10px;padding: 4px 8px;top: 5px;left: 5px;}}
@media(max-width:768px){.pagination-container{flex-direction:column;gap:10px;}.pagination_l{order:-1;margin-bottom:10px;}.pagination_nor,.pagination_ok{padding:6px 10px;font-size:14px;}}