.pagination-section{margin-top:20px}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:8px}.pagination li{margin:0;cursor:pointer;transition:all .3s ease}.pagination li .page-link{display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:18px;font-weight:600;color:var(--base-color,#333);width:48px;height:48px;background:transparent;line-height:1;border-radius:50%;text-align:center;border:2px solid var(--border-color,#e0e0e0);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.pagination li .page-link i{transition:color .3s ease}.pagination li.active .page-link{color:#fff!important;background:var(--secondary-color,#ff6b35)!important;border-color:var(--secondary-color,#ff6b35)!important;box-shadow:0 4px 12px rgba(255,107,53,.3);transform:scale(1.05)}.pagination li.active .page-link i{color:#fff!important}.pagination li:not(.disabled):not(.active):hover .page-link{color:#fff!important;background:var(--secondary-color,#ff6b35)!important;border-color:var(--secondary-color,#ff6b35)!important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,107,53,.3)}.pagination li:not(.disabled):not(.active):hover .page-link i{color:#fff!important}.pagination li.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination li.disabled .page-link{background:#f5f5f5;border-color:#e0e0e0;color:#999}.pagination li.disabled:not(:has(.page-link i)) .page-link{cursor:default;border:none;background:transparent;width:auto;height:auto;padding:0 8px;font-weight:400;color:#999}.pagination li.disabled .page-link:hover{transform:none;box-shadow:none}@media (max-width:768px){.pagination{gap:6px}.pagination li .page-link{width:42px;height:42px;font-size:16px}.pagination li.disabled .page-link{padding:0 4px;font-size:14px}}@media (max-width:576px){.pagination{gap:4px}.pagination li .page-link{width:38px;height:38px;font-size:15px}.pagination li.disabled:not(:has(.page-link i)) .page-link{display:none}.pagination li:not(.active):not(:first-child):not(:last-child):not(.disabled){display:none}.pagination li.active,.pagination li:first-child,.pagination li:last-child{display:list-item}}@keyframes paginationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pagination li.active .page-link{animation:paginationPulse .6s ease-in-out}.pagination li .page-link:focus{outline:2px solid var(--secondary-color,#ff6b35);outline-offset:2px}