@media (max-width: 1200px) {
    .inc-attractions-grid { grid-template-columns: repeat(3, 1fr); }
    .inc-itinerary-grid { grid-template-columns: repeat(2, 1fr); }
    .clb-related-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .clb-gallery-grid { grid-template-columns: repeat(3, 1fr); }
    .clb-about-layout { gap: 32px; }
}

@media (max-width: 1024px) {
    .inc-nav { display: none; }
    .inc-hamburger { display: flex; }
    .inc-hero-content h1 { font-size: 42px; }
    .inc-dest-card { flex: 0 0 calc(70% - 8px); min-width: 300px; }
    .inc-diaries-grid { grid-template-columns: repeat(2, 1fr); }
    .inc-footer-grid { grid-template-columns: 1fr 1fr; }
    .inc-single-layout { grid-template-columns: 1fr; }
    .dash-stats { grid-template-columns: repeat(2, 1fr); }
    .apr-card-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .inc-section { padding: 64px 0; }
    .inc-header-left { gap: 20px; }
    .dest-grid-row { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .dest-card { min-height: 440px; }
    .celeb-grid { grid-template-columns: repeat(2, 1fr); }
    .attr-detail-layout { max-width: 100%; }
    .attr-detail-hero { height: 60vh; min-height: 360px; }
    .attr-detail-hero-content h1 { font-size: clamp(28px, 5vw, 48px); }
    .attr-detail-related-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .attr-detail-photos-grid { grid-template-columns: repeat(3, 1fr); }
    .clb-highlights-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .clb-related-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .clb-about-layout { grid-template-columns: 1fr; gap: 32px; }
    .clb-gallery-grid { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 180px; }
}
@media (max-width: 768px) {
    .inc-disclaimer { display: none; }
    .inc-hero { height: 75vh; min-height: 500px; }
    .inc-hero-content h1 { font-size: 30px; }
    .inc-hero-desc { font-size: 15px; }
    .inc-hero-tabs-inner { gap: 6px; padding: 0 16px; }
    .inc-hero-tab { padding: 8px 16px; font-size: 12px; }
    .inc-hero-tab .inc-tab-icon { display: none; }
    .inc-hero-arrow { width: 40px; height: 40px; font-size: 22px; }
    .inc-hero-prev { left: 12px; }
    .inc-hero-next { right: 12px; }
    .inc-hero-dots { bottom: 80px; }
    .inc-dest-card { flex: 0 0 100%; min-width: 0; }
    .inc-attractions-grid { grid-template-columns: repeat(2, 1fr); }
    .inc-diaries-grid { grid-template-columns: 1fr; }
    .inc-itinerary-grid { grid-template-columns: 1fr; }
    .inc-footer-grid { grid-template-columns: 1fr; gap: 32px; }
    .inc-mobile-menu { width: 100%; }
    .inc-section { padding: 48px 0; }
    .inc-heading-center { margin-bottom: 32px; }
    .inc-page-header h1 { font-size: 28px; }
    .inc-single-hero { height: 45vh; min-height: 320px; }
    .inc-single-hero-content h1 { font-size: 28px; }
    .inc-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .dash-hero-inner { flex-direction: column; text-align: center; }
    .dash-hero-left { flex-direction: column; }
    .dash-stats { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .dash-quick-actions { grid-template-columns: 1fr; }
    .dash-tabs { justify-content: center; }
    .dash-hero-bg { height: 320px; }
    .apr-hero { padding-top: calc(var(--header-height) + 30px); }
    .apr-hero-inner { flex-direction: column; align-items: center; text-align: center; }
    .apr-hero-bg { height: 260px; }
    .apr-hero-info { text-align: center; }
    .apr-bio { margin-left: auto; margin-right: auto; }
    .apr-hero-meta { justify-content: center; }
    .apr-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .apr-edit-grid { grid-template-columns: 1fr; gap: 0; }
    .apr-card-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .apr-hero-info { text-align: center; }
    .apr-bio { margin-left: auto; margin-right: auto; }
    .apr-hero-meta { justify-content: center; }
    .apr-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .apr-edit-grid { grid-template-columns: 1fr; gap: 0; }
    .inc-story-hero { height: 55vh; min-height: 380px; }
    .inc-story-hero-content h1 { font-size: 28px; }
    .inc-story-layout { grid-template-columns: 1fr; }
    .inc-story-sidebar { position: static; margin-top: 32px; }
    .inc-error-code { font-size: 80px; }
    .inc-error-art svg { width: 140px; height: 140px; }
    .inc-error-actions { flex-direction: column; align-items: center; }
    .inc-hero-actions .inc-btn { width: 100%; justify-content: center; }
    .inc-nav-item > a { padding: 0 12px; font-size: 13px; }
    .celeb-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .celebration-heading h2 { font-size: 36px; }
    .attr-detail-photos-grid { grid-template-columns: repeat(2, 1fr); }
    .attr-detail-photo-item.photo-featured { grid-column: span 2; grid-row: span 1; }
    .attr-detail-photo-item.photo-wide { grid-column: span 2; }
    .attr-detail-photo-item.photo-tall { grid-row: span 1; }
    .attr-detail-strip-inner { gap: 0; }
    .attr-detail-strip-item { padding: 8px 16px; }
    .clb-hero { min-height: 70vh; background-attachment: scroll; }
    .clb-hero-content { padding: 80px 16px 40px; }
    .clb-highlights-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .clb-related-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .clb-about-layout { grid-template-columns: 1fr; gap: 32px; }
    .clb-gallery-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 160px; gap: 6px; padding: 0 16px; }
    .clb-gallery-featured { grid-column: span 2; grid-row: span 1; }
    .clb-info-item { padding: 12px 20px; }
    .clb-timeline-line { left: 20px; }
    .clb-timeline-item { width: 100%; padding: 0 0 24px 48px; }
    .clb-timeline-left, .clb-timeline-right { left: 0; text-align: left; }
    .clb-timeline-left .clb-timeline-dot, .clb-timeline-right .clb-timeline-dot { left: 12px; right: auto; }
    .celebration-hero { padding: 100px 0 60px; }
}

@media (max-width: 480px) {
    .dest-grid-row { grid-template-columns: 1fr; gap: 16px; }
    .dest-grid-section { padding: 48px 0; }
    .dest-card { min-height: 360px; }
    .dest-grid-heading h2 { font-size: 28px; letter-spacing: 4px; }
    .dest-grid-heading p { font-size: 13px; }
    .dest-grid-inner { padding: 0 16px; }
    .celeb-grid { grid-template-columns: 1fr; gap: 16px; }
    .celebration-section { padding: 48px 0; }
    .celebration-heading h2 { font-size: 32px; letter-spacing: 6px; }
    .celebration-heading h3 { font-size: 14px; letter-spacing: 4px; }
    .celeb-card { min-height: 260px; }
    .celeb-filter-row { flex-direction: column; gap: 16px; }
    .inc-hero { height: 70vh; min-height: 450px; }
    .inc-hero-content h1 { font-size: 24px; }
    .inc-hero-desc { font-size: 14px; }
    .inc-hero-tab { padding: 6px 12px; font-size: 11px; }
    .inc-attractions-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .inc-gallery-grid { grid-template-columns: 1fr; }
    .dash-stats { grid-template-columns: 1fr; gap: 10px; }
    .dash-hero-text h1 { font-size: 20px; }
    .dash-panel { padding: 16px; }
    .dash-table-wrap { margin: 0 -16px; padding: 0 16px; }
    .apr-avatar { width: 100px; height: 100px; }
    .apr-name { font-size: 24px; }
    .apr-stats-grid { grid-template-columns: 1fr; gap: 10px; }
    .apr-card-grid { grid-template-columns: 1fr; gap: 14px; }
    .apr-edit-card { padding: 20px 16px; }
    .inc-section { padding: 40px 0; }
    .inc-single-hero { height: 40vh; min-height: 280px; }
    .inc-single-hero-content h1 { font-size: 24px; }
    .inc-error-code { font-size: 60px; }
    .inc-error-content h1 { font-size: 24px; }
    .inc-error-art svg { width: 110px; height: 110px; }
    .inc-error-content .search-form { max-width: 280px; }
    .inc-error-actions { flex-direction: column; align-items: center; }
    .inc-story-hero { height: 45vh; min-height: 320px; }
    .inc-story-hero-content h1 { font-size: 24px; }
    .inc-story-content p:first-child::first-letter { font-size: 40px; }
    .inc-app-badges { flex-direction: column; }
    .clb-hero { min-height: 60vh; }
    .clb-highlights-grid { grid-template-columns: 1fr; gap: 14px; }
    .clb-related-grid { grid-template-columns: 1fr; gap: 14px; }
    .clb-gallery-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 140px; }
    .clb-gallery-featured { grid-column: span 2; grid-row: span 1; }
    .clb-stat-card { padding: 16px 12px; }
    .clb-stat-number { font-size: 24px; }
    .clb-cta { padding: 56px 0; }
    .clb-related { padding: 56px 0; }
    .clb-info-item { padding: 10px 14px; font-size: 13px; }
    .celebration-hero { padding: 80px 0 40px; }
    .celebration-hero-content h1 { font-size: 28px; }
}

@media (max-width: 640px) {
    .explorer-counter { padding: 60px 0; }
    .explorer-number { font-size: clamp(40px, 15vw, 64px); margin-bottom: 8px; }
    .explorer-text { font-size: clamp(13px, 4vw, 16px); letter-spacing: 2px; }
    .explorer-text::before, .explorer-text::after { margin: 0 6px; }
    .attr-detail-hero { height: 50vh; min-height: 300px; }
    .attr-detail-body { padding: 24px 0 0; }
    .attr-detail-description h2 { font-size: 22px; }
    .attr-detail-tips h2 { font-size: 22px; }
    .attr-detail-related-grid { grid-template-columns: 1fr; gap: 12px; }
    .attr-related-card-img { height: 220px; }
    .attr-detail-photos-section { padding: 32px 0 48px; }
    .attr-detail-photos-grid { grid-template-columns: repeat(2, 1fr); gap: 6px; }
    .attr-detail-photo-item.photo-featured { grid-column: span 2; grid-row: span 1; }
    .attr-detail-photo-item.photo-wide { grid-column: span 2; }
    .attr-detail-photo-item.photo-tall { grid-row: span 1; }
    .attr-detail-strip-item { padding: 6px 12px; }
    .strip-value { font-size: 12px; }
    .container-wide { padding: 0 16px; }
    .attr-detail-photos-header h2 { font-size: 22px; }
    .attr-detail-info-strip { padding: 12px 0; }
    .attr-detail-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .clb-hero { min-height: 60vh; height: auto; }
    .clb-hero-title { font-size: clamp(32px, 10vw, 48px); }
    .clb-related-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .clb-highlights-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .clb-about-layout { grid-template-columns: 1fr; }
    .clb-gallery-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 160px; }
    .clb-timeline-item { padding: 0 0 24px 40px; }
    .clb-timeline-line { left: 16px; }
    .clb-timeline-left .clb-timeline-dot, .clb-timeline-right .clb-timeline-dot { left: 8px; }
    .clb-schedule, .clb-highlights, .clb-about, .clb-gallery, .clb-related { padding: 56px 0; }
}