/* Shared styles for all detail pages */
html {
    scroll-snap-type: none;
}

.detail-page {
    min-height: 100vh;
    padding: 100px 0;
    display: block;
    overflow-y: visible;
}

.back-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 2rem;
    color: var(--text-sec);
    font-weight: 500;
    transition: all 0.3s;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid transparent;
}

.back-btn:hover {
    color: var(--text-primary);
    background: var(--bg-sec);
    border-color: var(--border-color);
}

/* Footer override for detail pages */
.footer {
    height: auto !important;
    padding: 100px 0 !important;
    scroll-snap-align: none !important;
}