:root {
    --inflanar-pwa-accent: #5b3aee;
    --inflanar-pwa-accent-soft: #f2f4ff;
    --inflanar-pwa-bg: #f6f8fc;
    --inflanar-pwa-card-border: #e6eaf3;
    --inflanar-pwa-text: #101828;
    --inflanar-pwa-muted: #667085;
}

.inflaner-inner-page {
    background: var(--inflanar-pwa-bg);
}

.inflaner-inner-page .inflanar-service-sidebar {
    background: #fff;
    border: 1px solid var(--inflanar-pwa-card-border);
    border-radius: 14px;
    box-shadow: 0 6px 24px rgba(15, 23, 42, 0.05);
    padding: 16px 14px;
}

.inflaner-inner-page .inflanar-service-sidebar__title {
    color: var(--inflanar-pwa-text);
}

.inflaner-inner-page .inflanar-search-form__form input[type="text"],
.inflaner-inner-page .inflanar-search-form__form input[type="search"],
.inflaner-inner-page .inflanar-service-sidebar input[type="number"],
.inflaner-inner-page .inflanar-service-sidebar select {
    border: 1px solid #e4e7ee;
    border-radius: 10px;
    min-height: 42px;
    background: #fff;
}

.inflaner-inner-page .inflanar-btn,
.inflaner-inner-page .theme-btn {
    border-radius: 10px;
}

.inflaner-inner-page .inflanar-btn,
.inflaner-inner-page .theme-btn,
.inflaner-inner-page .inflanar-pwa-chip.is-active {
    background: var(--inflanar-pwa-accent);
    border-color: var(--inflanar-pwa-accent);
}

.inflaner-inner-page .service-box,
.inflaner-inner-page .inflanar-service,
.inflaner-inner-page .inflanar-brand-card {
    background: #fff;
    border: 1px solid var(--inflanar-pwa-card-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

.inflaner-inner-page .service-head {
    padding: 12px 14px 10px;
    border-bottom: 1px solid #f2f4f8;
}

.inflaner-inner-page .service-details {
    padding: 12px 14px 14px;
}

.inflaner-inner-page .service-details h5,
.inflaner-inner-page .inflanar-brand-card__name {
    color: var(--inflanar-pwa-text);
}

.inflaner-inner-page .service-details p,
.inflaner-inner-page .inflanar-brand-card__meta {
    color: var(--inflanar-pwa-muted);
}

.inflaner-inner-page .inflanar-brand-card__tag {
    background: var(--inflanar-pwa-accent-soft);
    color: #4b3ac7;
}

.inflaner-inner-page .inflanar-pagination .page-numbers,
.inflaner-inner-page .inflanar-pagination .page-numbers li a,
.inflaner-inner-page .inflanar-pagination .page-numbers li span {
    border-radius: 10px;
}
