*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-width:320px}.catalog-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media (min-width: 768px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.catalog-page{max-width:1920px;width:100%;margin:0 auto;padding:1rem;font-family:sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}main>*:not(.catalog-grid){animation:fadeSlideUp .25s ease both}main{animation:fadeIn .2s ease both}.catalog-grid>*{animation:fadeSlideUp .3s ease both}.catalog-grid>*:nth-child(1){animation-delay:.03s}.catalog-grid>*:nth-child(2){animation-delay:.06s}.catalog-grid>*:nth-child(3){animation-delay:.09s}.catalog-grid>*:nth-child(4){animation-delay:.12s}.catalog-grid>*:nth-child(5){animation-delay:.15s}.catalog-grid>*:nth-child(6){animation-delay:.18s}.catalog-grid>*:nth-child(7){animation-delay:.21s}.catalog-grid>*:nth-child(8){animation-delay:.24s}.catalog-grid>*:nth-child(n+9){animation-delay:.27s}.catalog-grid>article{will-change:transform;transform-style:preserve-3d}nav{animation:fadeSlideDown .2s ease both}nav a{transition:color .15s ease,background .15s ease}button{transition:opacity .15s ease,transform .1s ease,box-shadow .15s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.6;cursor:not-allowed}.auth-card{animation:scaleIn .25s ease both}.modal-overlay{animation:fadeIn .15s ease both}.modal-content{animation:scaleIn .2s ease both}input:focus,select:focus,textarea:focus{outline:none;border-color:#1a56db!important;box-shadow:0 0 0 3px #1a56db26;transition:border-color .15s ease,box-shadow .15s ease}.navbar{display:flex;align-items:center;padding:0 1.25rem;height:52px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}.navbar-brand-row{display:flex;align-items:center}.hamburger{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:none;cursor:pointer;font-size:1.5rem;padding:0}.navbar-links{display:flex;align-items:center;gap:.5rem;flex:1}.navbar-mobile-menu{display:none;flex-direction:column;width:100%;background:#fff;border-top:1px solid #e5e7eb;position:absolute;top:52px;left:0;right:0;z-index:49;box-shadow:0 4px 12px #00000014}.navbar-mobile-menu.open{display:flex}@media (max-width: 768px){.navbar{flex-wrap:wrap;height:auto;padding:0 1rem}.navbar-brand-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px}.hamburger{display:flex}.navbar-links{display:none}.navbar-mobile-menu{position:static;box-shadow:none;border-top:1px solid #e5e7eb}}.book-detail-header{display:flex;gap:2rem;flex-wrap:wrap}@media (max-width: 768px){.book-detail-header{flex-direction:column}}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr}}@media (max-width: 768px){.mobile-form input,.mobile-form select,.mobile-form textarea{width:100%;box-sizing:border-box}.mobile-form button[type=submit],.mobile-form .form-btn{width:100%}}.table-scroll{overflow-x:auto}@media (max-width: 768px){button,a,input,select{min-height:44px}}