.comic-page{min-height:100vh}.comic-section{padding:3rem 0;position:relative}.comic-sort{text-align:center;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px}.comic-sort label{font-weight:600;margin-right:1rem}.comic-sort__option{color:#666;text-decoration:none;padding:0.5rem 1rem;transition:color 0.3s}.comic-sort__option.active{color:#d32f2f;font-weight:600}.comic-sort__option:hover{color:#d32f2f}.comic-sort__divider{color:#ccc;margin:0 0.5rem}.comic-gallery{gap:2rem;margin-top:2rem}.comic-item{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;transition:box-shadow 0.3s, -webkit-transform 0.3s;transition:transform 0.3s, box-shadow 0.3s;transition:transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s}.comic-item:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.15)}.comic-item__title{padding:1.25rem;margin:0;font-size:1.25rem;font-weight:600;text-align:center;background:#f8f9fa;border-bottom:2px solid #d32f2f}.comic-item__image{padding:1rem}.comic-item__image img{width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;border-radius:8px}@media (min-width: 768px){.comic-item__image img{width:var(--desktop-width, 100%)}}.comic-no-items{text-align:center;padding:3rem;color:#666}@media (max-width: 991.98px){.comic-gallery{grid-template-columns:1fr;gap:1.5rem}.comic-sort{font-size:0.9rem}}