/* Studio · a navigation rail and compact framed catalog. */
.theme-studio {
    --accent: #334e66;
    --ink: #283b4c;
    --muted: #6a7b87;
    --line: #d7e0e6;
    --canvas: #fafbfc;
    --accent-soft: #eff3f7;
}
.theme-studio .hero-feature {
    background: #eef2f7;
    border-color: #c8d5df;
}
.theme-studio .feature-top,
.theme-studio .feature-bottom {
    border-color: #c8d5df;
}
.theme-studio .feature-type > span:nth-child(3),
.theme-studio .feature-type i {
    color: #8198ae;
}
.theme-studio .catalog-layout {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 32px;
}
.theme-studio .catalog-sidebar {
    display: block;
    border-top: 1px solid var(--line);
    padding-top: 20px;
}
.theme-studio .catalog-sidebar h3 {
    font-size: 14px;
    margin-bottom: 20px;
}
.theme-studio .catalog-sidebar a {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
    font-size: 14px;
}
.theme-studio .catalog-sidebar a.active {
    font-weight: 600;
}
.theme-studio .catalog-filters {
    grid-template-columns: minmax(120px, 1fr) minmax(140px, 180px) auto;
}
.theme-studio .catalog-filters > label:nth-of-type(2) {
    display: none;
}
.theme-studio .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.theme-studio .site-footer {
    background: #eff3f7;
}
@media (max-width: 760px) {
    .theme-studio .catalog-layout {
        grid-template-columns: 1fr;
    }
    .theme-studio .catalog-sidebar {
        display: none;
    }
    .theme-studio .catalog-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .theme-studio .catalog-filters > label:nth-of-type(2) {
        display: flex;
    }
    .theme-studio .catalog-filters .search-field,
    .theme-studio .catalog-filters > .button {
        grid-column: 1/-1;
    }
}
@media (max-width: 500px) {
    .theme-studio .product-grid {
        grid-template-columns: 1fr;
    }
}