[data-theme="wallpaperatlas"] {
    --page: #f1f5f9;
    --surface: #ffffff;
    --soft: #e6edf5;
    --line: #d8e2ed;
    --line-strong: #a3b6cc;
    --heading: #172b46;
    --text: #344e6a;
    --muted: #71869d;
    --faint: #98a8b9;
    --accent: #2563c7;
    --accent-strong: #1d4fa8;
    --accent-soft: #dce8fc;
    --accent-text: #ffffff;
    --button: #245cb5;
    --button-hover: #1a478f;
    --button-text: #ffffff;
    --timeline-line: #a3b6cc;
    --timeline-dot: #2563c7;
    --success: #327d68;
    --success-soft: #dcece7;
    --danger: #b55469;
    --shell: 1500px;
}

[data-theme="wallpaperatlas"] .breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: var(--muted);
    opacity: .7;
    padding: 5px 10px;
    font-size: 12px !important;
    font-weight: 500 !important;
    border-radius: 2px;
    background: var(--soft);
}


.wallpaper-discovery-panel {border-radius: 10px !important;}
.wallpaper-primary-download {background: var(--success) !important;}
.wallpaper-directory {padding-bottom: 0 !important;}
.inline-link { border: 1px solid var(--accent-soft) !important; border-bottom: 2px solid var(--accent-soft) !important;}
.inline-link:hover {border-bottom-color: var(--accent) !important;}

.wallpaper-detail-head { justify-content: space-between !important;}
.wallpaper-detail-head h1 {font-size: 30px !important;margin: 0 !important; line-height: normal; }


.feedback-layout {display: flex; flex-direction: column; flex-direction: column; background: #fff; padding: 30px;}
.feedback-form {width: 100%; max-width: unset;}
.static-page-content  {background: var(--soft); padding: 30px;  }
.article-content {max-width: unset !important;}

.page-content {min-height: 90vh; height: 100%;}
.wallpaper-layout-shell {gap: 5px !important;}
main {    background: #fff; padding: 0px 30px 30px;}

@media (max-width:800px) {
main {padding: 30px;}
.wallpaper-discovery-panel {margin-top: 0px;}
}
@media (max-width: 600px) {
    .wallpaper-discovery-panel {
        margin-top: 00px !important;
    }
}

.site-footer {margin-top: 0;}
.split-head {align-items: flex-start; padding-top: 10px; border-top: 2px solid var(--line);}
.inline-link {display:inline-flex; align-items:center; gap:10px; padding:6px 10px; color:var(--accent); font-size:15px; font-weight:600; white-space:nowrap; text-decoration:none; background:transparent; border:0; border-bottom:2px solid var(--accent-soft); border-radius:0; transition:color .2s, background .2s, border-color .2s;}
.inline-link:hover {color:var(--accent-strong); background:var(--accent-soft); border-bottom-color:var(--accent);}

.wallpaper-image-taxonomies a {display:inline-flex; align-items:center; gap:10px; padding:5px 10px; color:var(--accent); font-size:13px; font-weight:600; white-space:nowrap; text-decoration:none; background:transparent; border:0; border-bottom:2px solid var(--accent-soft); border-radius:0; transition:color .2s, background .2s, border-color .2s;}
.wallpaper-image-taxonomies a:hover {color:var(--accent-strong); background:var(--accent-soft); border-bottom-color:var(--accent);}

[data-theme="wallpaperatlas"] .wallpaper-related-directories a {padding: 0px 15px; font-size: 13px; max-height: 30px; min-height: 30px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: var(--surface);}

[data-theme="wallpaperatlas"] .catalog-hero { padding: 40px 0; }

[data-theme="wallpaperatlas"] .pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 35px;
    border-top: thin solid var(--line);
    font-size: 15px;
    background: var(--soft);
    padding: 10px 15px;
    border-radius: var(--radius);
}

.wallpaper-download-panel {border-radius: 0px 10px 10px 0px !important;}

[data-theme="wallpaperatlas"] .breadcrumbs a {color: var(--button);}
[data-theme="wallpaperatlas"] body { background: var(--page); color: var(--text); }
[data-theme="wallpaperatlas"] .site-footer, .site-header, .header-navigation { background: var(--surface); }

[data-theme="wallpaperatlas"] .wallpaper-home-intro { max-width: none; margin: 0; text-align: left; }
.wallpaper-catalog-layout {padding-bottom: 0 !important;}
.footer-grid {padding: 20px !important;}
.main-nav {min-height: 0 !important; padding: 0;}


[data-theme="wallpaperatlas"] .wallpaper-home-popular {
    padding: 45px 0 25px;
}

[data-theme="wallpaperatlas"] .wallpaper-home-popular .wallpaper-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
    overflow: visible;
    padding-bottom: 0;
}

[data-theme="wallpaperatlas"] .wallpaper-home-popular .wallpaper-card {
    width: 100%;
    min-width: 0;
    flex: none;
}

@media (max-width: 1199px) {
    [data-theme="wallpaperatlas"] .wallpaper-home-popular .wallpaper-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1099px) {
    [data-theme="wallpaperatlas"] .wallpaper-home-popular .wallpaper-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 799px) {
    [data-theme="wallpaperatlas"] .wallpaper-home-latest .wallpaper-grid {
        columns: 1;
    }

    [data-theme="wallpaperatlas"] .wallpaper-home-popular .wallpaper-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (max-width: 399px) {
    [data-theme="wallpaperatlas"] .wallpaper-home-popular .wallpaper-grid {
        grid-template-columns: 1fr;
    }
}


[data-theme="wallpaperatlas"] .wallpaper-home-latest .wallpaper-grid { display: block; columns: 3; column-gap: 15px; }
[data-theme="wallpaperatlas"] .wallpaper-home-latest .wallpaper-card { display: inline-block; width: 100%; margin: 0 0 25px; break-inside: avoid; }
[data-theme="wallpaperatlas"] .wallpaper-home-latest .wallpaper-card:nth-child(5n+1) .wallpaper-card-media { aspect-ratio: 3 / 4; }
[data-theme="wallpaperatlas"] .wallpaper-home-latest .wallpaper-card:nth-child(5n+3) .wallpaper-card-media { aspect-ratio: 4 / 5; }
[data-theme="wallpaperatlas"] .wallpaper-card-media { border: 0; background: var(--soft); }
[data-theme="wallpaperatlas"] .wallpaper-card-copy { padding: 10px 0 0; }
[data-theme="wallpaperatlas"] .wallpaper-topic-strip a { border: 0; background: var(--surface); }
[data-theme="wallpaperatlas"] .wallpaper-download-panel { border: 0; border-left: 5px solid var(--accent); background: #e3eaed; }
[data-theme="wallpaperatlas"] .wallpaper-description { border: 0; border-top: 5px solid var(--line-strong); }
[data-theme="wallpaperatlas"] .main-nav > a:hover,
[data-theme="wallpaperatlas"] .main-nav > a.is-active { padding: 0px 15px; background: var(--accent-soft); color: var(--accent-strong); }

@media (min-width: 1100px) {
    [data-theme="wallpaperatlas"] .site-header { display: block; }
    [data-theme="wallpaperatlas"] .wallpaper-theme-sidebar { position: fixed; z-index: 50; top: 0; bottom: 0; left: 0; display: flex; width: 280px; padding: 30px 25px; flex-direction: column; gap: 25px; overflow-y: auto; background: #203846; color: #ffffff; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-wordmark { display: flex; min-height: 45px; align-items: center; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-wordmark img { width: auto; max-width: 180px; height: auto; max-height: 35px; filter: brightness(0) invert(1); }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-search { display: flex; align-items: center; gap: 10px; min-height: 45px; padding: 10px 15px; border: 1px solid #527080; border-radius: 10px; background: #2d4a59; color: #ffffff; font: inherit; cursor: pointer; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-search:hover { border-color: #9fc4d2; background: #365a6b; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-main ul,
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-group ul { display: flex; margin: 0; padding: 0; flex-direction: column; gap: 5px; list-style: none; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-main a { min-height: 40px; padding: 10px 15px; border-radius: 10px; color: #dbe7eb; text-decoration: none; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-main a:hover,
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-main a.is-active { background: #315f74; color: #ffffff; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-group { display: flex; flex-direction: column; gap: 10px; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-group summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #9fb3bd; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; list-style: none; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-group summary::-webkit-details-marker { display: none; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-group summary .material-symbols-rounded { font-size: 20px; transition: transform 150ms ease-out; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-group:not([open]) summary .material-symbols-rounded { transform: rotate(-90deg); }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-label { margin: 0; color: #9fb3bd; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-group nav a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 35px; padding: 5px 10px; border-radius: 5px; color: #dbe7eb; text-decoration: none; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-group nav a:hover { background: #2d4a59; color: #ffffff; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-group nav a span:last-child { color: #9fb3bd; font-size: 10px; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-tags ul { flex-direction: row; flex-wrap: wrap; gap: 5px; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-tags a { padding: 5px 10px; border: 1px solid #527080; border-radius: 10px; color: #dbe7eb; font-size: 10px; text-decoration: none; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-tags a:hover { border-color: #9fc4d2; color: #ffffff; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-collections a { color: #dbe7eb; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-colors ul { flex-direction: row; flex-wrap: wrap; gap: 10px; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-colors li { display: flex; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-colors a { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 5px; border: 1px solid #527080; border-radius: 50%; }
    [data-theme="wallpaperatlas"] .wallpaper-sidebar-colors a span { width: 20px; height: 20px; border-radius: 50%; background: var(--wallpaper-color); }
    [data-theme="wallpaperatlas"] .page-content,
    [data-theme="wallpaperatlas"] .site-footer { margin-left: 0; }
}

@media (max-width: 1400px) {
    [data-theme="wallpaperatlas"] .wallpaper-home-latest .wallpaper-grid { columns: 2; }
}

@media (max-width: 800px) {
    [data-theme="wallpaperatlas"] .wallpaper-home-latest .wallpaper-grid { columns: 1; }
    [data-theme="wallpaperatlas"] .wallpaper-home-popular .wallpaper-card { flex-basis: 260px; }
}