/**
 * KSMA Public Theme — Fourmeta-inspired dark blue agency
 * Tokens remapped; final polish lives in ksma-brand.css (loads after this).
 */
body:not(.admin-page) {
    --ksma-navy: #04060d;
    --ksma-surface: #080b14;
    --ksma-surface-2: #0e1422;
    --ksma-surface-3: #121a2b;
    --ksma-line: #1e2a42;
    --ksma-line-strong: #2e3d5c;
    --ksma-blue-deep: #0039cc;
    --ksma-blue: #0055ff;
    --ksma-blue-mid: #3d7eff;
    --ksma-blue-soft: #6b9aff;
    --ksma-ink: #f2f5ff;
    --ksma-muted: #9aa3b8;
    --ksma-white: #f2f5ff;
    --ksma-black: #04060d;
    --ksma-ice: #5ee7ff;
    --ksma-yellow: #ffd45a;
    --ksma-mint: #3dffb5;
    --ksma-red: #ff4d6a;
    --glass-fill: #080b14;
    --glass-fill-strong: #0e1422;
    --glass-stroke: var(--ksma-line);
    --glass-radius: 0;
    --glass-blur: blur(18px);
    --font-display: 'Space Grotesk', system-ui, sans-serif;
    --font-body: 'Space Grotesk', system-ui, sans-serif;
    --font-primary: var(--font-body);
    --font-secondary: var(--font-display);
    --bg-color: #04060d;
    --primary-color: #f2f5ff;
    --dark-color: #04060d;
    --lighter-black: #0e1422;
    --light-color: #f2f5ff;
    --text-light: #f2f5ff;
    --text-silver: #0055ff;
    --accent: #0055ff;
    --royal-glow: transparent;
    --hover-silver: transparent;
    --hover-silver-light: transparent;
    --hover-silver-dark: transparent;
    --border-radius: 0;
    background: #04060d;
    color: #f2f5ff;
    font-family: var(--font-body);
    cursor: auto !important;
}

/* Soft electric blue atmosphere — void with agency washes */
body:not(.admin-page)::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse 70% 45% at 85% -10%, rgba(0, 85, 255, 0.18), transparent 55%),
        radial-gradient(ellipse 55% 40% at 10% 110%, rgba(61, 126, 255, 0.12), transparent 50%),
        #04060d;
}

body:not(.admin-page),
body:not(.admin-page) * {
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: auto !important;
}
body:not(.admin-page) a,
body:not(.admin-page) button,
body:not(.admin-page) [role="button"],
body:not(.admin-page) summary,
body:not(.admin-page) .offer-reserve-btn,
body:not(.admin-page) .submit-btn,
body:not(.admin-page) .menu-toggle-btn,
body:not(.admin-page) .nav-chat-btn,
body:not(.admin-page) .journal-cat-tab {
    cursor: pointer !important;
}
body:not(.admin-page) .custom-cursor,
body:not(.admin-page) .cursor-dot,
body:not(.admin-page) .cursor-outline {
    display: none !important;
}

/* Soft blue hero atmosphere (replaces old gray float circles) */
body:not(.admin-page) .hero-background-animation {
    display: block !important;
    opacity: 1 !important;
    z-index: 0 !important;
}
body:not(.admin-page) .hero-circle {
    display: block !important;
    background: radial-gradient(circle, rgba(0, 85, 255, 0.45), rgba(0, 85, 255, 0.05)) !important;
    opacity: 0.55 !important;
    filter: blur(70px) !important;
}
body:not(.admin-page) .hero-content {
    position: relative;
    z-index: 1;
}

body:not(.admin-page) h1,
body:not(.admin-page) h2,
body:not(.admin-page) h3,
body:not(.admin-page) .hero-title,
body:not(.admin-page) .section-title,
body:not(.admin-page) .offers-title,
body:not(.admin-page) .home-journal-title,
body:not(.admin-page) .clients-title,
body:not(.admin-page) .about-title,
body:not(.admin-page) .collaboration-title,
body:not(.admin-page) .contact-title,
body:not(.admin-page) .testimonials-title {
    font-family: var(--font-display);
    letter-spacing: -0.035em;
    font-weight: 600;
    color: var(--ksma-ink) !important;
}

/* ── Story chapter anchors ── */
body:not(.admin-page) .ksma-chapter {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.1rem;
}
body:not(.admin-page) .ksma-chapter-num {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--ksma-blue-soft);
    border: 1px solid var(--ksma-line-strong);
    padding: 0.35rem 0.55rem;
    min-width: 2.4rem;
    text-align: center;
}
body:not(.admin-page) .ksma-chapter-label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ksma-muted);
}
body:not(.admin-page) .ksma-chapter-on-dark .ksma-chapter-num {
    color: #c5d2ff;
    border-color: rgba(255, 255, 255, 0.22);
}
body:not(.admin-page) .ksma-chapter-on-dark .ksma-chapter-label {
    color: rgba(238, 242, 255, 0.7);
}

body:not(.admin-page) .section {
    scroll-margin-top: 1.5rem;
}
body:not(.admin-page) [data-chapter] {
    border-top: 1px solid var(--ksma-line);
}
body:not(.admin-page) [data-chapter]:first-of-type,
body:not(.admin-page) .hero-section {
    border-top: none;
}

/* ── Nav: deep blue dock ── */
body:not(.admin-page) .bottom-navbar {
    background: transparent !important;
}
body:not(.admin-page) .bottom-nav-container {
    background: rgba(0, 0, 0, 0.92) !important;
    border: 1px solid var(--ksma-line, #1e2a42) !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    position: relative !important;
}
body:not(.admin-page) .menu-toggle-btn,
body:not(.admin-page) .nav-chat-btn,
body:not(.admin-page) .nav-chat-teaser-text {
    color: var(--ksma-ink) !important;
}
body:not(.admin-page) .nav-chat-btn:hover,
body:not(.admin-page) .menu-toggle-btn:hover {
    color: var(--ksma-blue-soft) !important;
}
body:not(.admin-page) .nav-chat-btn-pulse,
body:not(.admin-page) .nav-chat-btn::after {
    display: none !important;
}
body:not(.admin-page) .scroll-progress-bar {
    background: #0055ff !important;
}
body:not(.admin-page) .profile-img {
    filter: none !important;
}

/* ── Sections: black + electric blue ── */
body:not(.admin-page) .hero-section {
    background:
        radial-gradient(ellipse 90% 40% at 50% 100%, rgba(0, 85, 255, 0.28), transparent 60%),
        #000000 !important;
    color: var(--ksma-ink);
    min-height: 92vh;
    display: flex;
    align-items: center;
    text-align: center;
}
body:not(.admin-page) .hero-content {
    max-width: 52rem;
    margin: 0 auto;
}
body:not(.admin-page) .hero-section .hero-title {
    font-size: clamp(2.4rem, 7vw, 4.5rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.04em;
    line-height: 1.05;
}
body:not(.admin-page) .hero-section .hero-subtitle {
    color: #aaaaaa !important;
    font-weight: 400 !important;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
}
body:not(.admin-page) .hero-section .hero-title,
body:not(.admin-page) .hero-section .hero-tagline,
body:not(.admin-page) .hero-section p,
body:not(.admin-page) .hero-section .hero-description {
    color: var(--ksma-ink) !important;
}
body:not(.admin-page) .hero-tagline {
    color: #0055ff !important;
    letter-spacing: 0.22em;
    font-size: 0.75rem;
    font-weight: 700;
}

body:not(.admin-page) .about-section,
body:not(.admin-page) .services-section,
body:not(.admin-page) .projects-section,
body:not(.admin-page) .home-journal-section,
body:not(.admin-page) .contact-section,
body:not(.admin-page) .testimonials-section {
    background: var(--ksma-navy) !important;
    border: none !important;
}

body:not(.admin-page) .clients-section {
    background: var(--ksma-surface) !important;
    padding-bottom: 2.5rem !important;
}
body:not(.admin-page) .clients-section::before {
    display: none !important;
}
body:not(.admin-page) .clients-title {
    font-size: clamp(1.65rem, 4.2vw, 2.55rem) !important;
    text-transform: none;
    letter-spacing: -0.03em;
    color: #ffffff !important;
}
body:not(.admin-page) .clients-description {
    color: #888888 !important;
}
body:not(.admin-page) .clients-description,
body:not(.admin-page) .about-description,
body:not(.admin-page) .services-preview-meta,
body:not(.admin-page) .contact-description {
    color: var(--ksma-muted) !important;
    max-width: 38rem;
}

body:not(.admin-page) .collaboration-section {
    background: var(--ksma-void, #04060d) !important;
    color: var(--ksma-ink);
    border-top: none !important;
    border-bottom: none !important;
}
body:not(.admin-page) .collaboration-section::before {
    display: none !important;
}
body:not(.admin-page) .collaboration-section h2,
body:not(.admin-page) .collaboration-section p,
body:not(.admin-page) .collaboration-section .section-title,
body:not(.admin-page) .collaboration-label,
body:not(.admin-page) .partner-name,
body:not(.admin-page) .partner-tagline {
    color: var(--ksma-ink) !important;
}

body:not(.admin-page) .offers-section {
    background: var(--ksma-surface) !important;
}
body:not(.admin-page) .offers-section::before {
    display: none !important;
}
body:not(.admin-page) .offers-section .home-journal-title,
body:not(.admin-page) .offers-section .offers-title,
body:not(.admin-page) .offers-section .offers-label,
body:not(.admin-page) .offers-section .services-preview-meta {
    color: var(--ksma-ink) !important;
}
body:not(.admin-page) .offers-section .services-preview-meta {
    color: var(--ksma-muted) !important;
}

body:not(.admin-page) .home-cta-strip {
    background: #0055ff !important;
    border: none !important;
    color: #ffffff;
}
body:not(.admin-page) .home-cta-strip::before {
    display: none !important;
}
body:not(.admin-page) .home-cta-strip h2,
body:not(.admin-page) .home-cta-strip p,
body:not(.admin-page) .home-cta-strip a,
body:not(.admin-page) .home-cta-title,
body:not(.admin-page) .home-cta-sub {
    color: var(--ksma-ink) !important;
}

body:not(.admin-page) .archive-page-hero,
body:not(.admin-page) .info-page-hero {
    background:
        radial-gradient(ellipse 80% 50% at 50% 100%, rgba(0, 85, 255, 0.25), transparent 55%),
        #000000 !important;
    color: var(--ksma-ink);
    border: none !important;
}

body:not(.admin-page) .about-label,
body:not(.admin-page) .offers-label,
body:not(.admin-page) .publikime-label,
body:not(.admin-page) .services-label,
body:not(.admin-page) .testimonials-label,
body:not(.admin-page) .collaboration-label,
body:not(.admin-page) .contact-label {
    color: var(--ksma-blue-soft) !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
body:not(.admin-page) .about-label-number {
    display: none !important;
}

/* ── Cards: dark panels, wipe-fill hover (no move/scale) ── */
body:not(.admin-page) .offer-card,
body:not(.admin-page) .service-card,
body:not(.admin-page) .service-card-compact,
body:not(.admin-page) article.service-card,
body:not(.admin-page) .project-showcase-card,
body:not(.admin-page) .home-journal-card,
body:not(.admin-page) .publikime-post-card,
body:not(.admin-page) .testimonial-card,
body:not(.admin-page) .project-item {
    position: relative;
    overflow: hidden;
    background: var(--ksma-surface-2) !important;
    border: 1px solid var(--ksma-line) !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    transform: none !important;
    transition: border-color 0.35s ease, background-color 0.35s ease !important;
}
body:not(.admin-page) .offer-card::after,
body:not(.admin-page) .service-card::after,
body:not(.admin-page) .project-showcase-card::after,
body:not(.admin-page) .home-journal-card::after,
body:not(.admin-page) .project-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 85, 255, 0.2), rgba(0, 85, 255, 0.04));
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.55s cubic-bezier(0.76, 0, 0.24, 1);
    pointer-events: none;
    z-index: 1;
}
body:not(.admin-page) .offer-card:hover::after,
body:not(.admin-page) .service-card:hover::after,
body:not(.admin-page) .project-showcase-card:hover::after,
body:not(.admin-page) .home-journal-card:hover::after,
body:not(.admin-page) .project-item:hover::after {
    clip-path: inset(0 0 0 0);
}
body:not(.admin-page) .offer-card:hover,
body:not(.admin-page) .service-card:hover,
body:not(.admin-page) .project-showcase-card:hover,
body:not(.admin-page) .home-journal-card:hover,
body:not(.admin-page) .project-item:hover,
body:not(.admin-page) .offer-card:hover,
body:not(.admin-page) .service-card-compact:hover {
    border-color: var(--ksma-line-strong) !important;
    background: var(--ksma-surface-3) !important;
    transform: none !important;
}
body:not(.admin-page) .offer-card > *,
body:not(.admin-page) .service-card > *,
body:not(.admin-page) .project-showcase-card > *,
body:not(.admin-page) .home-journal-card > *,
body:not(.admin-page) .project-item > * {
    position: relative;
    z-index: 2;
}
body:not(.admin-page) .offer-card::before,
body:not(.admin-page) .offer-card-image::after,
body:not(.admin-page) .service-card-overlay,
body:not(.admin-page) .project-overlay,
body:not(.admin-page) .offer-card-overlay {
    display: none !important;
}

body:not(.admin-page) .offer-card-featured {
    border-color: rgba(0, 85, 255, 0.6) !important;
}
body:not(.admin-page) .offer-badge {
    background: var(--ksma-blue-mid) !important;
    color: var(--ksma-white) !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.1em;
    padding: 0.4rem 0.7rem !important;
}
body:not(.admin-page) .offer-card-image,
body:not(.admin-page) .service-card-image,
body:not(.admin-page) .project-item .project-image {
    background: var(--ksma-surface, #080b14) !important;
    border: none !important;
}
body:not(.admin-page) .offer-card-content,
body:not(.admin-page) .service-card-content,
body:not(.admin-page) .project-item .project-info,
body:not(.admin-page) .home-journal-body {
    padding: 1.25rem 1.3rem 1.4rem !important;
}
body:not(.admin-page) .offer-card-title,
body:not(.admin-page) .service-card-title,
body:not(.admin-page) .project-title,
body:not(.admin-page) .home-journal-card h3 {
    color: var(--ksma-ink) !important;
}
body:not(.admin-page) .offer-card-description,
body:not(.admin-page) .service-card-description,
body:not(.admin-page) .project-excerpt,
body:not(.admin-page) .home-journal-card p,
body:not(.admin-page) .service-card-meta {
    color: var(--ksma-muted) !important;
    opacity: 1 !important;
}
body:not(.admin-page) .offer-card-features li,
body:not(.admin-page) .offers-section .offer-card-features-compact li {
    border: none !important;
    color: var(--ksma-ink) !important;
    padding: 0.32rem 0 !important;
}
body:not(.admin-page) .offer-card-features li i,
body:not(.admin-page) .offers-section .offer-card-features li i {
    color: var(--ksma-blue-soft) !important;
    background: rgba(0, 85, 255, 0.18);
    border-radius: 0;
    width: 1.15rem;
    height: 1.15rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}
body:not(.admin-page) .offer-card-price .price-amount,
body:not(.admin-page) .offers-section .offer-card-price .price-amount {
    color: var(--ksma-ink) !important;
    font-family: var(--font-display) !important;
    font-weight: 700 !important;
}
body:not(.admin-page) .offer-card-price .price-currency,
body:not(.admin-page) .offer-card-price .price-period,
body:not(.admin-page) .offer-card-validity {
    color: var(--ksma-muted) !important;
    background: transparent !important;
    border: none !important;
}
body:not(.admin-page) .offer-card-validity i {
    color: var(--ksma-blue-soft) !important;
}
body:not(.admin-page) .offer-reserve-btn {
    background: var(--ksma-blue-mid) !important;
    color: var(--ksma-white) !important;
    border: none !important;
    border-radius: 0 !important;
    width: 100%;
    justify-content: center;
}
body:not(.admin-page) .offer-reserve-btn::before {
    display: none !important;
}
body:not(.admin-page) .offer-reserve-btn:hover {
    background: var(--ksma-blue-deep) !important;
    transform: none !important;
}
body:not(.admin-page) .offer-audit-banner {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    background: var(--ksma-surface, #080b14) !important;
    border: 1px solid var(--ksma-line, #1e2a42) !important;
    border-radius: 0 !important;
    color: var(--ksma-ink) !important;
    padding: 0 !important;
    margin-top: 2rem;
    overflow: hidden;
}
body:not(.admin-page) .offer-audit-body {
    padding: 1.75rem;
}
body:not(.admin-page) .offer-audit-badge {
    display: inline-block;
    background: var(--ksma-yellow);
    color: var(--ksma-navy);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    padding: 0.3rem 0.65rem;
    margin-bottom: 0.75rem;
}
body:not(.admin-page) .offer-audit-btn {
    background: var(--ksma-ink) !important;
    color: var(--ksma-navy) !important;
    width: auto !important;
    display: inline-flex !important;
}
@media (max-width: 720px) {
    body:not(.admin-page) .offer-audit-banner {
        grid-template-columns: 1fr;
    }
}

/* Projects — base (final geometry lives in OFFERS + PORTFOLIO block below) */
body:not(.admin-page) .project-showcase-card::after {
    display: none !important;
}
body:not(.admin-page) .project-showcase-card:hover {
    background: var(--ksma-void, #04060d) !important;
}
body:not(.admin-page) .project-showcase-card:hover .project-title {
    color: #0055ff !important;
}
body:not(.admin-page) .project-showcase-card .project-actions {
    display: none !important;
}
body:not(.admin-page) .project-year-tag {
    color: #fff !important;
    font-size: 0.78rem;
    font-weight: 600;
}
body:not(.admin-page) .project-client-tag {
    color: #888 !important;
    font-size: 0.72rem;
}
/* Grids — offers / services / journal stay 3-col */
body:not(.admin-page) .offers-grid,
body:not(.admin-page) .home-journal-grid,
body:not(.admin-page) .publikime-posts-grid,
body:not(.admin-page) .services-grid,
body:not(.admin-page) .services-preview-grid,
body:not(.admin-page) .projects-section .projects-grid,
body:not(.admin-page) .projects-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    align-items: stretch !important;
}
body:not(.admin-page) .services-preview-grid .service-card-image,
body:not(.admin-page) .project-img,
body:not(.admin-page) .publikime-post-img,
body:not(.admin-page) .home-journal-card img,
body:not(.admin-page) .service-card-img {
    aspect-ratio: 16 / 10;
    object-fit: cover;
    width: 100%;
    height: auto;
    border: none !important;
    transform: none !important;
    transition: none !important;
}
body:not(.admin-page) .service-card-number {
    color: var(--ksma-blue-soft) !important;
}
body:not(.admin-page) .service-card-more,
body:not(.admin-page) .project-link,
body:not(.admin-page) .project-link span,
body:not(.admin-page) .project-category {
    color: var(--ksma-blue-soft) !important;
    border: none !important;
    background: transparent !important;
}
body:not(.admin-page) .project-link::before {
    display: none !important;
}
body:not(.admin-page) .project-link:hover,
body:not(.admin-page) .project-link:hover span {
    color: var(--ksma-ink) !important;
}
body:not(.admin-page) .project-showcase-card .project-cta-primary {
    background: transparent !important;
    color: var(--ksma-blue-soft) !important;
    border: none !important;
    padding: 0 !important;
    transform: none !important;
}

body:not(.admin-page) .projects-section .project-item,
body:not(.admin-page) .project-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
}
body:not(.admin-page) .project-item .project-image-link {
    width: 100% !important;
}
body:not(.admin-page) .project-item .project-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
}
body:not(.admin-page) .project-item .project-image-overlay {
    background: linear-gradient(to top, rgba(5, 9, 16, 0.75), transparent 65%) !important;
    opacity: 1 !important;
}
body:not(.admin-page) .project-item .project-view-text {
    color: var(--ksma-ink) !important;
    background: rgba(21, 56, 160, 0.85);
    border: 1px solid var(--ksma-line-strong);
    border-radius: 0;
    padding: 0.4rem 0.75rem;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body:not(.admin-page) .testimonials-track .testimonial-card {
    flex: 0 0 calc(33.333% - 0.75rem) !important;
    width: calc(33.333% - 0.75rem) !important;
    padding: 1rem !important;
}
body:not(.admin-page) .testimonial-name,
body:not(.admin-page) .testimonial-content {
    color: var(--ksma-ink) !important;
}
body:not(.admin-page) .testimonial-company,
body:not(.admin-page) .testimonial-platform {
    color: var(--ksma-muted) !important;
}

/* Filters */
body:not(.admin-page) .journal-cat-tab {
    background: transparent !important;
    border: 1px solid var(--ksma-line) !important;
    border-radius: 0 !important;
    color: var(--ksma-muted) !important;
}
body:not(.admin-page) .journal-cat-tab:hover {
    border-color: var(--ksma-line-strong) !important;
    color: var(--ksma-ink) !important;
    background: transparent !important;
}
body:not(.admin-page) .journal-cat-tab.active {
    background: var(--ksma-blue-mid) !important;
    border-color: var(--ksma-blue-mid) !important;
    color: var(--ksma-white) !important;
}

/* ── Logos: roomy gap, endless loop, no hover, natural color ── */
body:not(.admin-page) .clients-logo-panel,
body:not(.admin-page) .clients-logo-panel.section-bleed {
    background: transparent !important;
    border: none !important;
    padding: 1.5rem 0 0.5rem !important;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
body:not(.admin-page) .clients-logo-slider {
    width: 100%;
    max-width: none;
}
body:not(.admin-page) .logo-slider-row {
    margin-bottom: 0 !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000 1.5%, #000 98.5%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 1.5%, #000 98.5%, transparent 100%) !important;
}
body:not(.admin-page) .logo-slider-track,
body:not(.admin-page) .logo-slider-track-1,
body:not(.admin-page) .logo-slider-track-2,
body:not(.admin-page) .logo-slider-track-3,
body:not(.admin-page) .logo-slider-track-4,
body:not(.admin-page) .logo-slider-track-5,
body:not(.admin-page) .logo-slider-track-6,
body:not(.admin-page) .logo-slider-track-7,
body:not(.admin-page) .logo-slider-track-8 {
    gap: 0 !important;
    animation-duration: var(--logo-duration, 55s) !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
}
body:not(.admin-page) .logo-slider-row:hover .logo-slider-track {
    animation-play-state: running !important;
}
body:not(.admin-page) .logo-item {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    min-width: auto !important;
    max-width: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
}
body:not(.admin-page) .logo-img,
body:not(.admin-page) .logo-item .logo-img {
    max-height: 24px !important;
    max-width: 78px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    filter: none !important;
    opacity: 0.9 !important;
    mix-blend-mode: normal !important;
    transition: none !important;
    transform: none !important;
}
body:not(.admin-page) .logo-item:hover .logo-img,
body:not(.admin-page) .logo-item:hover {
    opacity: 0.9 !important;
    transform: none !important;
    filter: none !important;
}
body:not(.admin-page) .logo-fallback {
    color: #888;
    font-size: 0.62rem;
    letter-spacing: 0.06em;
}

/* Menu */
body:not(.admin-page) .mobile-menu-overlay {
    background: rgba(5, 9, 16, 0.96) !important;
    backdrop-filter: none !important;
}
body:not(.admin-page) .mobile-menu-link {
    font-family: var(--font-display);
    color: var(--ksma-ink) !important;
    border: none !important;
    border-bottom: 1px solid var(--ksma-line) !important;
    background: transparent !important;
}
body:not(.admin-page) .mobile-menu-link.contact-btn {
    background: var(--ksma-blue-mid) !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: center;
    margin-top: 1rem;
}
body:not(.admin-page) .mobile-menu-more > summary {
    color: var(--ksma-blue-soft);
}
body:not(.admin-page) .mobile-menu-more-links a {
    color: var(--ksma-muted);
}
body:not(.admin-page) .mobile-menu-more-links a:hover {
    color: var(--ksma-ink);
}
body:not(.admin-page) .menu-close-btn {
    color: var(--ksma-ink) !important;
    border: 1px solid var(--ksma-line) !important;
    background: transparent !important;
}

/* Footer */
body:not(.admin-page) .footer {
    background: var(--ksma-void, #04060d) !important;
    color: var(--ksma-ink);
}
body:not(.admin-page) .footer-top-border {
    background: var(--ksma-blue-mid) !important;
    height: 2px !important;
}
body:not(.admin-page) .footer-brand-name,
body:not(.admin-page) .footer-description,
body:not(.admin-page) .footer-tagline,
body:not(.admin-page) .footer-contact-line,
body:not(.admin-page) .footer-nav a,
body:not(.admin-page) .footer-subscribe-desc,
body:not(.admin-page) .footer-subscribe-note,
body:not(.admin-page) .footer-copyright,
body:not(.admin-page) .footer-brand-mark,
body:not(.admin-page) .footer-geo {
    color: var(--ksma-ink) !important;
}
body:not(.admin-page) .footer-col-title {
    color: var(--ksma-blue-soft) !important;
}
body:not(.admin-page) .footer-nav a:hover {
    color: var(--ksma-blue-soft) !important;
}
body:not(.admin-page) .footer-subscribe-input {
    background: transparent !important;
    border: 1px solid var(--ksma-line) !important;
    color: var(--ksma-ink) !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .footer-subscribe-btn {
    background: var(--ksma-blue-mid) !important;
    color: var(--ksma-white) !important;
    border: none !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .footer-social a {
    color: var(--ksma-ink) !important;
    border: 1px solid var(--ksma-line) !important;
    background: transparent !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .footer-grid {
    display: grid !important;
    grid-template-columns: 1.4fr repeat(3, minmax(0, 0.7fr)) 1.1fr !important;
    gap: 2rem 1.5rem !important;
    border-bottom: none !important;
    padding-bottom: 2.5rem !important;
}

/* Lead strip */
.ksma-lead-strip {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px));
    z-index: 1001;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.65rem 0.55rem 1rem;
    background: rgba(5, 9, 16, 0.95);
    border: 1px solid var(--ksma-line-strong, rgba(140, 170, 255, 0.22));
    border-radius: 0;
    max-width: min(92vw, 420px);
    width: max-content;
}
.ksma-lead-strip[hidden] { display: none !important; }
.ksma-lead-strip-text {
    font-size: 0.78rem;
    color: #eef2ff;
}
.ksma-lead-strip-text strong { color: #4d88ff; }
.ksma-lead-strip-cta {
    display: inline-flex;
    padding: 0.45rem 0.85rem;
    background: #0055ff;
    color: #fff !important;
    text-decoration: none;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
}
.ksma-lead-strip-cta:hover { background: #0033aa; }
.ksma-lead-strip-close {
    border: none;
    background: transparent;
    color: rgba(238, 242, 255, 0.55);
    cursor: pointer;
}

/* CTAs / forms */
body:not(.admin-page) .submit-btn {
    background: #0055ff !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .home-cta-strip .submit-btn {
    background: var(--ksma-void, #04060d) !important;
    color: #ffffff !important;
}
body:not(.admin-page) .home-cta-strip .project-link span {
    color: #ffffff !important;
}
body:not(.admin-page) .submit-btn:hover {
    background: var(--ksma-blue) !important;
    transform: none !important;
}
body:not(.admin-page) .submit-btn::before { display: none !important; }

body:not(.admin-page) .contact-section input,
body:not(.admin-page) .contact-section textarea,
body:not(.admin-page) .contact-section select {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 0 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body:not(.admin-page) .preloader {
    background: var(--ksma-navy) !important;
}
body:not(.admin-page) .archive-page-hero .publikime-hero-title,
body:not(.admin-page) .archive-page-hero .publikime-label,
body:not(.admin-page) .archive-page-hero h1,
body:not(.admin-page) .archive-page-hero p {
    color: var(--ksma-ink) !important;
}
body:not(.admin-page) .pagination-btn {
    background: transparent !important;
    border: 1px solid var(--ksma-line) !important;
    border-radius: 0 !important;
    color: var(--ksma-ink) !important;
}
body:not(.admin-page) .pagination-btn:hover {
    background: var(--ksma-blue-mid) !important;
}
body:not(.admin-page) .home-journal-header {
    border: none !important;
    background: transparent !important;
}
body:not(.admin-page) .archive-empty {
    background: var(--ksma-surface-2) !important;
    border: 1px solid var(--ksma-line) !important;
    color: var(--ksma-muted);
}
body:not(.admin-page) .about-image {
    filter: none !important;
    opacity: 0.9;
}
body:not(.admin-page) .partner-logo {
    filter: none !important;
    max-height: 48px;
}

/* Public: never scale/translate cards on hover */
body:not(.admin-page) .offer-card:hover,
body:not(.admin-page) .service-card:hover,
body:not(.admin-page) .project-item:hover,
body:not(.admin-page) .project-showcase-card:hover,
body:not(.admin-page) .home-journal-card:hover,
body:not(.admin-page) .offer-card:hover .offer-card-image img,
body:not(.admin-page) .service-card:hover .service-card-img,
body:not(.admin-page) .project-item:hover .project-img {
    transform: none !important;
}

/* ═══════════════════════════════════════════
   Hero smart search
   ═══════════════════════════════════════════ */
body:not(.admin-page) .hero-smart-search {
    margin: 2rem auto 1rem;
    max-width: min(640px, 92vw);
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0;
    border: 1px solid #222;
    background: rgba(0, 0, 0, 0.55);
}
body:not(.admin-page) .hero-smart-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    color: #0055ff;
    font-size: 1.15rem;
}
body:not(.admin-page) .hero-smart-input {
    width: 100%;
    border: none !important;
    background: transparent !important;
    color: #fff !important;
    font-family: inherit;
    font-size: clamp(0.9rem, 2.2vw, 1.05rem);
    padding: 1.05rem 0.35rem;
    outline: none;
    border-radius: 0 !important;
}
body:not(.admin-page) .hero-smart-input::placeholder {
    color: #666;
}
body:not(.admin-page) .hero-smart-submit {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: none;
    background: #0055ff;
    color: #fff;
    font-family: inherit;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0 1.25rem;
    height: 100%;
    min-height: 3.4rem;
    cursor: pointer;
    border-radius: 0 !important;
}
body:not(.admin-page) .hero-smart-submit:hover {
    background: #0033aa;
}
body:not(.admin-page) .hero-smart-chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
    margin-top: 0.85rem;
}
body:not(.admin-page) .hero-smart-chip {
    border: 1px solid #222;
    background: transparent;
    color: #aaa;
    font-family: inherit;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    padding: 0.4rem 0.75rem;
    cursor: pointer;
    border-radius: 0 !important;
}
body:not(.admin-page) .hero-smart-chip:hover {
    border-color: #0055ff;
    color: #fff;
}

/* About — no logo background / frame */
body:not(.admin-page) .about-image-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    min-height: 0 !important;
}
body:not(.admin-page) .about-image {
    max-width: 280px !important;
    filter: none !important;
    opacity: 1 !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .about-title-stack {
    display: flex;
    flex-direction: column;
    gap: 0.05em;
    font-size: clamp(2.4rem, 7vw, 4.2rem) !important;
    line-height: 0.95 !important;
    text-transform: lowercase;
}
body:not(.admin-page) .about-title-stack span {
    display: block;
}

/* Full-bleed sections — less “cut” */
body:not(.admin-page) .section-content {
    max-width: min(1480px, 100%) !important;
    width: 100%;
    padding-left: clamp(1rem, 3.5vw, 2.5rem) !important;
    padding-right: clamp(1rem, 3.5vw, 2.5rem) !important;
    box-sizing: border-box;
}

/* Cards: no gap, no outline, hairline only, compact */
body:not(.admin-page) .offers-grid,
body:not(.admin-page) .home-journal-grid,
body:not(.admin-page) .publikime-posts-grid,
body:not(.admin-page) .services-preview-grid,
body:not(.admin-page) .services-grid,
body:not(.admin-page) .projects-grid {
    gap: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-top: none !important;
}
body:not(.admin-page) .offer-card,
body:not(.admin-page) .service-card,
body:not(.admin-page) .service-card-compact,
body:not(.admin-page) article.service-card,
body:not(.admin-page) .home-journal-card,
body:not(.admin-page) .publikime-post-card {
    background: transparent !important;
    border: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    overflow: hidden;
}
body:not(.admin-page) .offer-card::after,
body:not(.admin-page) .service-card::after,
body:not(.admin-page) .home-journal-card::after {
    display: none !important;
}
body:not(.admin-page) .offer-card:hover,
body:not(.admin-page) .service-card:hover,
body:not(.admin-page) .home-journal-card:hover,
body:not(.admin-page) .publikime-post-card:hover {
    background: var(--ksma-surface, #080b14) !important;
    border-color: var(--ksma-line, #1e2a42) !important;
    transform: none !important;
}
body:not(.admin-page) .offer-card-image,
body:not(.admin-page) .service-card-image,
body:not(.admin-page) .home-journal-image,
body:not(.admin-page) .publikime-post-image {
    aspect-ratio: 16 / 10 !important;
    max-height: none !important;
    height: auto !important;
    object-fit: cover;
    border-radius: 0 !important;
    width: 100%;
}
body:not(.admin-page) .publikime-post-img,
body:not(.admin-page) .home-journal-image img,
body:not(.admin-page) .service-card-img,
body:not(.admin-page) .offer-card img {
    aspect-ratio: auto !important;
    max-height: none !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    width: 100%;
}
body:not(.admin-page) .offer-card-content,
body:not(.admin-page) .service-card-content,
body:not(.admin-page) .home-journal-body,
body:not(.admin-page) .publikime-post-content {
    padding: 0.9rem 1rem 1.1rem !important;
}
body:not(.admin-page) .home-journal-card p,
body:not(.admin-page) .publikime-post-card p,
body:not(.admin-page) .services-section .services-preview-grid .service-card-description,
body:not(.admin-page) .services-section .services-preview-grid .service-card-meta {
    display: none !important;
}
body:not(.admin-page) .offers-section .offer-card-description,
body:not(.admin-page) .offers-section .offer-card-validity {
    display: none !important;
}
body:not(.admin-page) .offers-section .offer-card-features li:nth-child(n+4) {
    display: none !important;
}
body:not(.admin-page) .offers-section .offer-card-features li {
    display: flex !important;
    font-size: 0.78rem !important;
    padding: 0.25rem 0 !important;
}
body:not(.admin-page) .offer-card-price {
    margin: 0.35rem 0 0.75rem !important;
}
body:not(.admin-page) .offer-card-title,
body:not(.admin-page) .service-card-title,
body:not(.admin-page) .home-journal-card h3,
body:not(.admin-page) .publikime-post-title {
    font-size: clamp(0.95rem, 2vw, 1.15rem) !important;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body:not(.admin-page) .home-journal-meta,
body:not(.admin-page) .publikime-post-category {
    color: #888 !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Testimonials — line sep feel */
body:not(.admin-page) .testimonials-track .testimonial-card {
    background: transparent !important;
    border: none !important;
    border-right: none !important;
}

/* Footer mega + multi-col */
body:not(.admin-page) .footer-inner {
    max-width: none !important;
    width: 100%;
    padding: 3.5rem clamp(1rem, 3.5vw, 2.5rem) 7rem !important;
}
body:not(.admin-page) .footer-grid {
    display: grid !important;
    grid-template-columns: 1.4fr repeat(3, minmax(0, 0.7fr)) 1.1fr !important;
    gap: 2rem 1.5rem !important;
    border-bottom: none !important;
    padding-bottom: 2.5rem !important;
}
body:not(.admin-page) .footer-mega {
    padding: 2.5rem 0 1.5rem;
    border-bottom: 1px solid #222;
}
body:not(.admin-page) .footer-mega-link {
    display: flex;
    align-items: center;
    gap: clamp(0.75rem, 2vw, 1.5rem);
    text-decoration: none;
    color: #fff;
    width: 100%;
}
body:not(.admin-page) .footer-mega-mark {
    width: clamp(48px, 8vw, 96px);
    height: clamp(48px, 8vw, 96px);
    object-fit: contain;
    filter: brightness(0) invert(1);
    flex-shrink: 0;
}
body:not(.admin-page) .footer-mega-word {
    font-family: var(--font-display);
    font-size: clamp(3.5rem, 18vw, 12rem);
    font-weight: 700;
    letter-spacing: -0.06em;
    line-height: 0.85;
    color: #fff;
    width: 100%;
}
body:not(.admin-page) .footer-social {
    display: flex;
    gap: 0.5rem;
    margin-top: 1.25rem;
    flex-wrap: wrap;
}
body:not(.admin-page) .footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding-top: 1.25rem;
}
@media (max-width: 980px) {
    body:not(.admin-page) .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media (max-width: 560px) {
    body:not(.admin-page) .footer-grid {
        grid-template-columns: 1fr !important;
    }
    body:not(.admin-page) .hero-smart-search {
        grid-template-columns: auto 1fr;
    }
    body:not(.admin-page) .hero-smart-submit {
        grid-column: 1 / -1;
        min-height: 2.8rem;
        justify-content: center;
    }
}

/* Archive / other pages — geometric, full-bleed */
body:not(.admin-page) .archive-page-hero,
body:not(.admin-page) .info-page-hero {
    padding-left: clamp(1rem, 3.5vw, 2.5rem) !important;
    padding-right: clamp(1rem, 3.5vw, 2.5rem) !important;
}
body:not(.admin-page) .publikime-posts-grid .publikime-post-card img,
body:not(.admin-page) .publikime-post-card .publikime-post-img,
body:not(.admin-page) .home-journal-image img {
    border-radius: 0 !important;
}
body:not(.admin-page) .archive-filter-tabs,
body:not(.admin-page) .journal-category-tabs {
    padding-left: 0;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #222;
    padding-bottom: 0.75rem;
}

/* ═══════════════════════════════════════════
   Pass: kill gradients, outlines, section lines,
   shorter flush cards, logos, ambient orb
   ═══════════════════════════════════════════ */

/* Solid titles — no gradient text */
body:not(.admin-page) .offers-title,
body:not(.admin-page) .home-journal-title,
body:not(.admin-page) .clients-title,
body:not(.admin-page) .about-title,
body:not(.admin-page) .collaboration-title,
body:not(.admin-page) .contact-title,
body:not(.admin-page) .testimonials-title,
body:not(.admin-page) .home-cta-title,
body:not(.admin-page) .section-title,
body:not(.admin-page) .hero-title,
body:not(.admin-page) .project-title,
body:not(.admin-page) .project-showcase-card .project-title,
body:not(.admin-page) .offer-card-title,
body:not(.admin-page) h1,
body:not(.admin-page) h2 {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    text-shadow: none !important;
    filter: none !important;
}

body:not(.admin-page) .project-showcase-card:hover .project-title,
body:not(.admin-page) .project-title-link:hover .project-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* No section separator lines */
body:not(.admin-page) [data-chapter],
body:not(.admin-page) .collaboration-section,
body:not(.admin-page) .offers-grid,
body:not(.admin-page) .home-journal-grid,
body:not(.admin-page) .publikime-posts-grid,
body:not(.admin-page) .services-preview-grid,
body:not(.admin-page) .services-grid,
body:not(.admin-page) .projects-grid,
body:not(.admin-page) .archive-filter-tabs,
body:not(.admin-page) .journal-category-tabs,
body:not(.admin-page) .home-journal-header,
body:not(.admin-page) .footer-mega,
body:not(.admin-page) .footer-grid,
body:not(.admin-page) .footer-top-border {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Labels / chips / chapter — bottom line only */
body:not(.admin-page) .ksma-chapter-num,
body:not(.admin-page) .hero-smart-chip,
body:not(.admin-page) .journal-cat-tab,
body:not(.admin-page) .offers-label,
body:not(.admin-page) .services-label,
body:not(.admin-page) .publikime-label,
body:not(.admin-page) .testimonials-label,
body:not(.admin-page) .collaboration-label,
body:not(.admin-page) .contact-label,
body:not(.admin-page) .about-label {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0.35rem !important;
    box-shadow: none !important;
}
body:not(.admin-page) .ksma-chapter-num {
    min-width: auto;
    border-bottom-color: #0055ff !important;
    color: #0055ff !important;
}
body:not(.admin-page) .hero-smart-chip:hover,
body:not(.admin-page) .journal-cat-tab:hover {
    border-bottom-color: #0055ff !important;
    color: #fff !important;
    background: transparent !important;
}
body:not(.admin-page) .journal-cat-tab.active {
    border: none !important;
    border-bottom: 1px solid #0055ff !important;
    background: transparent !important;
    color: #0055ff !important;
}

/* Hero search — underline style, not full box */
body:not(.admin-page) .hero-smart-search {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    background: transparent !important;
}
body:not(.admin-page) .hero-smart-chips {
    transition: opacity 0.22s ease;
}

/* Ambient blue orb — follows scroll slowly */
.ksma-ambient-orb {
    position: fixed;
    width: min(70vw, 720px);
    height: min(70vw, 720px);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(circle, rgba(0, 85, 255, 0.28) 0%, rgba(0, 85, 255, 0.08) 42%, transparent 70%);
    filter: none;
    mix-blend-mode: screen;
}
body:not(.admin-page) main,
body:not(.admin-page) .section,
body:not(.admin-page) .footer,
body:not(.admin-page) .bottom-navbar,
body:not(.admin-page) .ksma-lead-strip {
    position: relative;
    z-index: 1;
}
body:not(.admin-page)::before {
    display: none !important;
}
body:not(.admin-page) .hero-section {
    background: var(--ksma-void, #04060d) !important;
}

/* Logos — no fade mask, more row height, seamless */
body:not(.admin-page) .logo-slider-row {
    margin-bottom: 1.75rem !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    overflow: hidden;
}
body:not(.admin-page) .logo-slider-track,
body:not(.admin-page) .logo-slider-track-1,
body:not(.admin-page) .logo-slider-track-2,
body:not(.admin-page) .logo-slider-track-3,
body:not(.admin-page) .logo-slider-track-4,
body:not(.admin-page) .logo-slider-track-5,
body:not(.admin-page) .logo-slider-track-6 {
    gap: 4rem !important;
    animation-duration: var(--logo-duration, 48s) !important;
}
body:not(.admin-page) .logo-img,
body:not(.admin-page) .logo-item .logo-img {
    max-height: 22px !important;
    max-width: 70px !important;
    opacity: 1 !important;
}

/* Offer / service / journal cards — shorter, flush, no gap */
body:not(.admin-page) .offers-grid,
body:not(.admin-page) .services-preview-grid,
body:not(.admin-page) .home-journal-grid,
body:not(.admin-page) .publikime-posts-grid {
    gap: 0 !important;
    border: none !important;
}
body:not(.admin-page) .offer-card,
body:not(.admin-page) .service-card,
body:not(.admin-page) .service-card-compact,
body:not(.admin-page) .home-journal-card,
body:not(.admin-page) .publikime-post-card {
    border: none !important;
    border-right: none !important;
    background: transparent !important;
    padding: 0 !important;
}
body:not(.admin-page) .service-card-image,
body:not(.admin-page) .home-journal-image {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    max-height: none !important;
}
body:not(.admin-page) .service-card-img,
body:not(.admin-page) .home-journal-image img {
    aspect-ratio: auto !important;
    max-height: none !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    border-radius: 0 !important;
}
body:not(.admin-page) .offer-card-content,
body:not(.admin-page) .service-card-content,
body:not(.admin-page) .home-journal-body {
    padding: 0.75rem 0.9rem 0.9rem !important;
}
body:not(.admin-page) .offer-reserve-btn {
    min-height: 2.6rem !important;
    padding: 0.65rem 1rem !important;
    font-size: 0.72rem !important;
}
body:not(.admin-page) .offer-card-features li i {
    background: transparent !important;
    color: #0055ff !important;
    width: auto !important;
    height: auto !important;
}
body:not(.admin-page) .offer-badge {
    border-radius: 0 !important;
}

body:not(.admin-page) .offers-label::before,
body:not(.admin-page) .offers-label::after,
body:not(.admin-page) .services-label::before,
body:not(.admin-page) .services-label::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
}

/* ═══════════════════════════════════════════
   HOUR PASS — hard fixes (nav / logos / cards / contact)
   ═══════════════════════════════════════════ */

/* Nav progress fill — bottom edge, no fake full blue top bar */
body:not(.admin-page) .bottom-nav-container {
    position: relative !important;
    overflow: visible !important;
    border: 1px solid var(--ksma-line, #1e2a42) !important;
    border-top: none !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .bottom-nav-container .scroll-progress,
body:not(.admin-page) .scroll-progress.is-bottom-fill {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: #141414 !important;
    z-index: 20 !important;
    pointer-events: none !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .scroll-progress-bar {
    height: 100% !important;
    width: 100% !important;
    background: #0055ff !important;
    transform-origin: left center !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Logos — dense continuous rows, consistent mark size */
body:not(.admin-page) .clients-section {
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
}
body:not(.admin-page) .logo-slider-row {
    margin-bottom: 1.35rem !important;
    height: 40px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
body:not(.admin-page) .logo-slider-track,
body:not(.admin-page) .logo-slider-track-1,
body:not(.admin-page) .logo-slider-track-2,
body:not(.admin-page) .logo-slider-track-3,
body:not(.admin-page) .logo-slider-track-4 {
    gap: 2.75rem !important;
    align-items: center !important;
}
body:not(.admin-page) .logo-item {
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
}
body:not(.admin-page) .logo-img,
body:not(.admin-page) .logo-item .logo-img {
    max-height: 28px !important;
    max-width: 96px !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
}

/* Testimonials — connected cards + sharp arrow controls */
body:not(.admin-page) .testimonials-section {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}
body:not(.admin-page) .testimonials-slider-wrapper {
    position: relative;
    margin-top: 1.25rem;
}
body:not(.admin-page) .testimonials-track {
    gap: 0 !important;
    scroll-padding: 0 !important;
}
body:not(.admin-page) .testimonials-track .testimonial-card {
    flex: 0 0 33.333% !important;
    width: 33.333% !important;
    min-width: 33.333% !important;
    margin: 0 !important;
    padding: 1rem 1.1rem 1.15rem !important;
    background: transparent !important;
    border: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
}
body:not(.admin-page) .testimonials-track .testimonial-card:first-child {
    border-left: none !important;
}
body:not(.admin-page) .testimonial-image {
    border-radius: 0 !important;
    margin: 0.75rem 0 !important;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    width: 100%;
}
body:not(.admin-page) .testimonials-controls {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.25rem;
    position: relative;
}
body:not(.admin-page) .testimonials-prev,
body:not(.admin-page) .testimonials-next {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0.35rem 0.1rem !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-size: 1.45rem !important;
    line-height: 1 !important;
    box-shadow: none !important;
}
body:not(.admin-page) .testimonials-prev:hover,
body:not(.admin-page) .testimonials-next:hover {
    background: transparent !important;
    color: #0055ff !important;
    border-bottom-color: #0055ff !important;
}
body:not(.admin-page) .testimonials-dots {
    margin: 0 0 0 auto !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0.4rem !important;
    flex-shrink: 0 !important;
    min-width: 0 !important;
}
body:not(.admin-page) .testimonials-dots button {
    border-radius: 0 !important;
    height: 2px !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    flex: 0 0 22px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #333 !important;
    transition: background 0.2s ease !important;
    transform: none !important;
}
body:not(.admin-page) .testimonials-dots button.active {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    flex: 0 0 22px !important;
    background: #0055ff !important;
    transform: none !important;
}
body:not(.admin-page) .slider-hint {
    display: none !important;
}

@media (max-width: 992px) {
    body:not(.admin-page) .testimonials-track .testimonial-card {
        flex: 0 0 50% !important;
        width: 50% !important;
        min-width: 50% !important;
    }
}
@media (max-width: 700px) {
    body:not(.admin-page) .testimonials-track .testimonial-card {
        flex: 0 0 88% !important;
        width: 88% !important;
        min-width: 88% !important;
    }
}

/* Offers / services / journal — truly flush, connected, short */
body:not(.admin-page) .offers-section,
body:not(.admin-page) .services-section.section-full,
body:not(.admin-page) .home-journal-section {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
}
body:not(.admin-page) .home-journal-header {
    margin-bottom: 1.25rem !important;
    gap: 1rem !important;
}
body:not(.admin-page) .offers-grid,
body:not(.admin-page) .offers-archive-grid,
body:not(.admin-page) .services-preview-grid,
body:not(.admin-page) .services-grid,
body:not(.admin-page) .services-archive-grid,
body:not(.admin-page) .home-journal-grid,
body:not(.admin-page) .publikime-posts-grid,
body:not(.admin-page) .projects-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    max-width: none !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: none !important;
}
body:not(.admin-page) .offer-card,
body:not(.admin-page) .offer-card-featured,
body:not(.admin-page) .service-card,
body:not(.admin-page) .service-card-compact,
body:not(.admin-page) .home-journal-card,
body:not(.admin-page) .publikime-post-card,
body:not(.admin-page) .project-item {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--ksma-void, #04060d) !important;
    border: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body:not(.admin-page) .offer-card::before,
body:not(.admin-page) .offer-card::after,
body:not(.admin-page) .offer-card-featured::before,
body:not(.admin-page) .service-card::before,
body:not(.admin-page) .service-card::after,
body:not(.admin-page) .home-journal-card::before,
body:not(.admin-page) .home-journal-card::after,
body:not(.admin-page) .project-item::after {
    display: none !important;
    content: none !important;
}
body:not(.admin-page) .offer-card-image,
body:not(.admin-page) .offer-card-image img,
body:not(.admin-page) .offer-card img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .offer-card-image {
    aspect-ratio: 16 / 10 !important;
}
body:not(.admin-page) .offer-card-image img,
body:not(.admin-page) .offer-card img {
    height: 100% !important;
    aspect-ratio: auto !important;
}
body:not(.admin-page) .offer-card-content {
    padding: 0.7rem 0.85rem 0.85rem !important;
}
body:not(.admin-page) .offer-card-title {
    font-size: 0.98rem !important;
    margin: 0 0 0.45rem !important;
}
body:not(.admin-page) .offer-card-features,
body:not(.admin-page) .offer-card-features-compact {
    margin: 0 0 0.65rem !important;
    gap: 0.2rem !important;
}
body:not(.admin-page) .offer-card-features li,
body:not(.admin-page) .offer-card-features-compact li {
    font-size: 0.78rem !important;
    margin: 0 !important;
    padding: 0.1rem 0 !important;
}
body:not(.admin-page) .offer-card-price {
    margin: 0.35rem 0 0.65rem !important;
}
body:not(.admin-page) .offer-card-price .price-amount {
    font-size: 1.55rem !important;
    color: #fff !important;
}
body:not(.admin-page) .offer-reserve-btn {
    width: 100% !important;
    justify-content: space-between !important;
    background: #0055ff !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    min-height: 2.45rem !important;
    padding: 0.55rem 0.85rem !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
body:not(.admin-page) .offer-reserve-btn:hover {
    background: #0044cc !important;
    transform: none !important;
}
body:not(.admin-page) .offer-badge {
    top: 0 !important;
    left: 0 !important;
    border-radius: 0 !important;
    background: #0055ff !important;
    color: #fff !important;
}

@media (max-width: 1100px) {
    body:not(.admin-page) .offers-grid,
    body:not(.admin-page) .offers-archive-grid,
    body:not(.admin-page) .services-preview-grid,
    body:not(.admin-page) .services-grid,
    body:not(.admin-page) .home-journal-grid,
    body:not(.admin-page) .publikime-posts-grid,
    body:not(.admin-page) .projects-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 700px) {
    body:not(.admin-page) .offers-grid,
    body:not(.admin-page) .offers-archive-grid,
    body:not(.admin-page) .services-preview-grid,
    body:not(.admin-page) .services-grid,
    body:not(.admin-page) .home-journal-grid,
    body:not(.admin-page) .publikime-posts-grid,
    body:not(.admin-page) .projects-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body:not(.admin-page) .offer-card:nth-child(2n),
    body:not(.admin-page) .service-card:nth-child(2n),
    body:not(.admin-page) .home-journal-card:nth-child(2n),
    body:not(.admin-page) .project-item:nth-child(2n) {
        border-right: none !important;
    }
}

/* Projects section spacing (geometry in final OFFERS + PORTFOLIO block) */
body:not(.admin-page) .projects-section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    align-items: stretch !important;
}

/* Contact wizard — denser, connected option grid */
body:not(.admin-page) .contact-section-wizard {
    padding: 3.5rem 0 5rem !important;
}
body:not(.admin-page) .contact-section-wizard .section-content {
    max-width: 720px !important;
}
body:not(.admin-page) .contact-wizard-header {
    margin-bottom: 1.5rem !important;
}
body:not(.admin-page) .contact-wizard-options {
    gap: 0 !important;
    max-width: 100% !important;
    border: none !important;
}
body:not(.admin-page) .contact-wizard-option {
    border: none !important;
    border-left: 0 !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    padding: 0.75rem 0.65rem !important;
    background: transparent !important;
}
body:not(.admin-page) .contact-wizard-option:nth-child(2n) {
    border-right: none !important;
}
body:not(.admin-page) .contact-wizard-option:nth-last-child(-n+2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}
body:not(.admin-page) .contact-wizard-option:last-child {
    border-bottom: none !important;
}
body:not(.admin-page) .contact-wizard-option::before {
    display: none !important;
}
body:not(.admin-page) .contact-wizard-option:hover:not(.is-selected) {
    background: transparent !important;
    padding-left: 0.65rem !important;
}
body:not(.admin-page) .contact-wizard-option.is-selected {
    background: #0055ff !important;
    color: #fff !important;
    border-left: 0 !important;
}
body:not(.admin-page) .contact-wizard-option.is-selected i,
body:not(.admin-page) .contact-wizard-option.is-selected strong,
body:not(.admin-page) .contact-wizard-option.is-selected span {
    color: #fff !important;
    opacity: 1 !important;
}
body:not(.admin-page) .contact-wizard-dot-num {
    border-radius: 0 !important;
    border-color: #0055ff !important;
    color: #0055ff !important;
}
body:not(.admin-page) .contact-wizard-dot.is-active .contact-wizard-dot-num {
    background: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}
body:not(.admin-page) .contact-wizard-step-label {
    color: #0055ff !important;
}
body:not(.admin-page) .cw-nav-btn {
    border-radius: 0 !important;
}
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .cw-nav-next.cw-nav-submit {
    background: #0055ff !important;
    color: #fff !important;
    border: 1px solid #0055ff !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .cw-nav-next span,
body:not(.admin-page) .cw-nav-next.cw-nav-submit span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body:not(.admin-page) .cw-nav-next:hover {
    background: #0040cc !important;
    color: #fff !important;
}
body:not(.admin-page) .cw-nav-next:hover span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body:not(.admin-page) .cw-nav-back {
    background: transparent !important;
    color: #fff !important;
    border: none !important;
    border-bottom: 1px solid #333 !important;
}
body:not(.admin-page) .contact-wizard-fields input,
body:not(.admin-page) .contact-wizard-fields textarea,
body:not(.admin-page) .combobox-search {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
body:not(.admin-page) .contact-wizard-fields input:focus,
body:not(.admin-page) .combobox-search:focus-within {
    border-bottom-color: #0055ff !important;
}

/* Archive / detail polish */
body:not(.admin-page) .archive-page-hero {
    padding-top: 4.5rem !important;
    padding-bottom: 2rem !important;
}
body:not(.admin-page) .publikime-hero-title {
    color: #fff !important;
}
body:not(.admin-page) .archive-results-meta {
    color: #888 !important;
    margin-bottom: 1rem !important;
}
body:not(.admin-page) .section-view-all-bar {
    margin-top: 1.5rem !important;
    border-top: none !important;
    padding-top: 1.25rem !important;
}
body:not(.admin-page) .submit-btn,
body:not(.admin-page) .project-cta-primary {
    border-radius: 0 !important;
}
body:not(.admin-page) .ksma-lead-strip {
    border-radius: 0 !important;
    background: #0055ff !important;
}

/* Info pages */
body:not(.admin-page) .info-page-body {
    padding-top: 1.5rem !important;
    padding-bottom: 4rem !important;
}
body:not(.admin-page) .info-block {
    padding: 1.35rem 0 !important;
    border-bottom: none !important;
}
body:not(.admin-page) .info-block-title {
    color: #fff !important;
    font-size: 1.15rem !important;
    margin-bottom: 0.65rem !important;
}
body:not(.admin-page) .info-block-html,
body:not(.admin-page) .info-block-list {
    color: #aaa !important;
    font-size: 0.92rem !important;
    line-height: 1.7 !important;
}
body:not(.admin-page) .info-block-list {
    margin: 0;
    padding-left: 1.1rem;
}
body:not(.admin-page) .info-block-list li {
    margin-bottom: 0.35rem;
}
body:not(.admin-page) .info-page-cta {
    margin-top: 2rem !important;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

/* Detail pages — remove glow, tighten */
body:not(.admin-page) .project-detail-title,
body:not(.admin-page) .service-detail-title,
body:not(.admin-page) .article-detail-title {
    text-shadow: none !important;
    color: #fff !important;
}
body:not(.admin-page) .project-detail-category,
body:not(.admin-page) .service-detail-number,
body:not(.admin-page) .article-detail-meta {
    color: #0055ff !important;
    border: none !important;
    border-bottom: 1px solid #0055ff !important;
    display: inline-block;
    padding-bottom: 0.2rem !important;
    margin-bottom: 0.85rem !important;
}
body:not(.admin-page) .project-detail-header,
body:not(.admin-page) .service-detail-header,
body:not(.admin-page) .article-detail-header {
    margin-bottom: 2rem !important;
}
body:not(.admin-page) .project-detail-description,
body:not(.admin-page) .service-detail-description,
body:not(.admin-page) .article-detail-subtitle {
    padding: 0.5rem 0 0 !important;
    margin-top: 0 !important;
    opacity: 0.75 !important;
}
body:not(.admin-page) .project-detail-hero,
body:not(.admin-page) .service-detail-hero,
body:not(.admin-page) .article-detail-hero {
    border-radius: 0 !important;
    margin-bottom: 2rem !important;
}
body:not(.admin-page) .project-detail-hero:hover,
body:not(.admin-page) .service-detail-hero:hover {
    transform: none !important;
}
body:not(.admin-page) .project-detail-info {
    gap: 0 !important;
    border: 1px solid var(--ksma-line, #1e2a42) !important;
}
body:not(.admin-page) .project-info-item {
    border: none !important;
    border-right: none !important;
    padding: 1rem !important;
    background: transparent !important;
}
body:not(.admin-page) .project-info-label {
    color: #0055ff !important;
}
body:not(.admin-page) .back-link {
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 0 !important;
    color: #d5dbe8 !important;
    background: transparent !important;
}
body:not(.admin-page) .back-link::before {
    display: none !important;
}
body:not(.admin-page) .back-link:hover,
body:not(.admin-page) .back-link:hover *,
body:not(.admin-page) .back-link:hover i,
body:not(.admin-page) .back-link:hover span,
body:not(.admin-page) .back-link:hover p {
    color: #0055ff !important;
    border-color: #0055ff !important;
    background: transparent !important;
}

/* Testimonials archive — connected grid */
body:not(.admin-page) .testimonials-archive-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
body:not(.admin-page) .testimonials-archive-grid .testimonial-card {
    margin: 0 !important;
    padding: 1rem !important;
    background: transparent !important;
    border: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .journal-featured {
    border: 1px solid var(--ksma-line, #1e2a42) !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden;
}
body:not(.admin-page) .journal-featured-link {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 0;
}
body:not(.admin-page) .journal-featured-image,
body:not(.admin-page) .journal-featured-image img {
    border-radius: 0 !important;
    height: 100%;
    object-fit: cover;
}
body:not(.admin-page) .journal-featured-body {
    padding: 1.5rem !important;
}
body:not(.admin-page) .journal-featured-badge {
    border-radius: 0 !important;
    background: #0055ff !important;
    color: #fff !important;
}
@media (max-width: 900px) {
    body:not(.admin-page) .testimonials-archive-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    body:not(.admin-page) .journal-featured-link {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 600px) {
    body:not(.admin-page) .testimonials-archive-grid {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Reservation modal + forms */
body:not(.admin-page) .reservation-modal-content,
body:not(.admin-page) .modal-content {
    border-radius: 0 !important;
    border: 1px solid var(--ksma-line, #1e2a42) !important;
    background: var(--ksma-void, #04060d) !important;
}
body:not(.admin-page) input,
body:not(.admin-page) textarea,
body:not(.admin-page) select {
    border-radius: 0 !important;
}

/* Global public buttons — deep blue / sharp */
body:not(.admin-page) .submit-btn {
    background: #0055ff !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body:not(.admin-page) .submit-btn::before {
    display: none !important;
}
body:not(.admin-page) .submit-btn:hover,
body:not(.admin-page) .submit-btn:hover span {
    background: #0040cc !important;
    color: #fff !important;
}
body:not(.admin-page) .project-link span {
    color: #0055ff !important;
    border-bottom: 1px solid #0055ff !important;
}
body:not(.admin-page) .section {
    padding-top: clamp(3rem, 6vw, 4.5rem) !important;
    padding-bottom: clamp(3rem, 6vw, 4.5rem) !important;
}
body:not(.admin-page) .hero-section {
    padding-top: 1.5rem !important;
    padding-bottom: 5rem !important;
}

/* ═══════════════════════════════════════════
   CONTINUOUS PASS — denser, cleaner, connected
   ═══════════════════════════════════════════ */

/* Clients header sits above the full-bleed logo field */
body:not(.admin-page) .clients-section > .section-content {
    padding-bottom: 0.75rem !important;
}
body:not(.admin-page) .clients-title {
    margin-bottom: 0.35rem !important;
}
body:not(.admin-page) .clients-description {
    margin-bottom: 0 !important;
    max-width: 34rem;
}
body:not(.admin-page) .clients-logo-panel {
    padding-top: 1.75rem !important;
    padding-bottom: 0.25rem !important;
}
body:not(.admin-page) .logo-slider-row {
    margin-bottom: 1.1rem !important;
    height: 44px !important;
}
body:not(.admin-page) .logo-slider-track,
body:not(.admin-page) .logo-slider-track-1,
body:not(.admin-page) .logo-slider-track-2,
body:not(.admin-page) .logo-slider-track-3,
body:not(.admin-page) .logo-slider-track-4 {
    gap: 2.35rem !important;
}
body:not(.admin-page) .logo-img,
body:not(.admin-page) .logo-item .logo-img {
    max-height: 30px !important;
    max-width: 110px !important;
}

/* About — stacked title punch */
body:not(.admin-page) .about-section {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}
body:not(.admin-page) .about-title-stack {
    font-size: clamp(2.6rem, 8vw, 5.5rem) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.05em !important;
    margin: 0.5rem 0 1rem !important;
}
body:not(.admin-page) .about-title-stack span:nth-child(2) {
    color: #0055ff !important;
}
body:not(.admin-page) .about-image-wrapper,
body:not(.admin-page) .about-image {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-height: 220px;
    object-fit: contain;
}

/* Collaboration */
body:not(.admin-page) .collaboration-section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    border: none !important;
}
body:not(.admin-page) .collaboration-title {
    font-size: clamp(1.8rem, 4.5vw, 2.8rem) !important;
}
body:not(.admin-page) .partner-logo {
    max-height: 40px !important;
    opacity: 0.9;
}

/* Offer audit — flush under packages */
body:not(.admin-page) .offer-audit-banner {
    display: grid !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
    gap: 0 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border: none !important;
    border-top: none !important;
    background: transparent !important;
    padding: 0 !important;
}
body:not(.admin-page) .offer-audit-image,
body:not(.admin-page) .offer-audit-image img {
    height: 100% !important;
    min-height: 180px !important;
    max-height: 220px !important;
    object-fit: cover !important;
    width: 100% !important;
    display: block;
    border-radius: 0 !important;
}
body:not(.admin-page) .offer-audit-body {
    padding: 1.25rem 1.5rem !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: none !important;
    border-left: none !important;
}
body:not(.admin-page) .offer-audit-badge {
    width: fit-content;
    background: #0055ff !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0.3rem 0.65rem !important;
    font-size: 0.65rem !important;
    letter-spacing: 0.1em;
}
@media (max-width: 720px) {
    body:not(.admin-page) .offer-audit-banner {
        grid-template-columns: 1fr !important;
    }
    body:not(.admin-page) .offer-audit-body {
        border-left: none !important;
        border-top: none !important;
    }
}

/* Services images — uniform plane (no fixed px heights) */
body:not(.admin-page) .services-preview-grid .service-card-image,
body:not(.admin-page) .services-grid .service-card-image,
body:not(.admin-page) .services-archive-grid .service-card-image {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
}
body:not(.admin-page) .services-preview-grid .service-card-img,
body:not(.admin-page) .services-grid .service-card-img,
body:not(.admin-page) .services-archive-grid .service-card-img {
    height: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
}
body:not(.admin-page) .services-preview-grid .service-card-content,
body:not(.admin-page) .services-grid .service-card-content {
    padding: 0.75rem 0.9rem 1rem !important;
}
body:not(.admin-page) .service-card-overlay {
    display: none !important;
}

/* Home journal images flush */
body:not(.admin-page) .home-journal-image {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 10 !important;
}
body:not(.admin-page) .home-journal-image img {
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
}
body:not(.admin-page) .home-journal-body {
    padding: 0.75rem 0.9rem 1rem !important;
}
body:not(.admin-page) .home-journal-body h3 {
    font-size: 0.98rem !important;
    margin: 0.25rem 0 0 !important;
}

/* Home CTA — full electric slab */
body:not(.admin-page) .home-cta-strip {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
    background: #0055ff !important;
}
body:not(.admin-page) .home-cta-strip .ksma-chapter-num {
    border-bottom-color: #fff !important;
    color: #fff !important;
}
body:not(.admin-page) .home-cta-strip .ksma-chapter-label {
    color: rgba(255,255,255,0.75) !important;
}
body:not(.admin-page) .home-cta-strip .submit-btn {
    background: var(--ksma-void, #04060d) !important;
    color: #fff !important;
}
body:not(.admin-page) .home-cta-strip .project-link span {
    color: #fff !important;
    border-bottom-color: #fff !important;
}

/* Mobile menu — underline only */
body:not(.admin-page) .mobile-menu-link {
    border: none !important;
    border-bottom: none !important;
    padding: 1rem 0 !important;
    font-size: clamp(1.4rem, 5vw, 2rem) !important;
}
body:not(.admin-page) .mobile-menu-link:hover,
body:not(.admin-page) .mobile-menu-link.contact-btn {
    color: #0055ff !important;
    background: transparent !important;
    border-bottom-color: #0055ff !important;
}
body:not(.admin-page) .menu-close-btn {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    background: transparent !important;
    color: #fff !important;
    border-radius: 0 !important;
}

/* Footer social — bottom line, not boxes */
body:not(.admin-page) .footer-social a {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    padding: 0.35rem 0.15rem !important;
    background: transparent !important;
}
body:not(.admin-page) .footer-social a:hover {
    border-bottom-color: #0055ff !important;
    color: #0055ff !important;
}
body:not(.admin-page) .footer-mega-mark {
    font-size: clamp(4.5rem, 22vw, 14rem) !important;
    line-height: 0.85 !important;
    letter-spacing: -0.06em !important;
    color: #fff !important;
    opacity: 1 !important;
}
body:not(.admin-page) .footer-col-title {
    color: #0055ff !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 0.45rem !important;
}
body:not(.admin-page) .footer-nav a {
    border: none !important;
    padding: 0.1rem 0 !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    color: #ccc !important;
}
body:not(.admin-page) .footer-nav {
    gap: 0.15rem !important;
}
body:not(.admin-page) .footer-nav a:hover {
    color: #fff !important;
}

/* Nav dock tighter */
body:not(.admin-page) .bottom-nav-container {
    padding: 0.7rem 1.1rem !important;
}
body:not(.admin-page) .menu-toggle-btn {
    letter-spacing: 0.14em !important;
    font-size: 0.78rem !important;
}
body:not(.admin-page) .profile-img {
    width: 28px !important;
    height: 28px !important;
}

/* Chatbot — no boxed wrapper; panel styled in chatbot.css */
body:not(.admin-page) .ksma-chatbot,
body:not(.admin-page) #ksmaChatbot {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
body:not(.admin-page) .ksma-chat-window {
    border: none !important;
    box-shadow: none !important;
}
body:not(.admin-page) .ksma-chat-avatar {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
body:not(.admin-page) .ksma-chat-send,
body:not(.admin-page) .ksma-chat-quick-btn.primary {
    background: #0055ff !important;
    border-radius: 0 !important;
    color: #fff !important;
}
body:not(.admin-page) .ksma-chat-quick-btn:not(.primary) {
    background: var(--ksma-surface-2, #0e1422) !important;
    border: none !important;
    border-left: 3px solid #0055ff !important;
    color: #fff !important;
}
body:not(.admin-page) .ksma-chat-quick-btn:not(.primary):hover {
    background: #0055ff !important;
}
body:not(.admin-page) .ksma-chat-quick-btn.primary:hover,
body:not(.admin-page) .ksma-chat-send:hover {
    background: #fff !important;
    color: #000 !important;
}
body:not(.admin-page) .ksma-chat-header span {
    color: #0055ff !important;
}

/* Pagination */
body:not(.admin-page) .pagination-btn {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    background: transparent !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .pagination-btn:hover,
body:not(.admin-page) .pagination-btn.active {
    border-bottom-color: #0055ff !important;
    color: #0055ff !important;
    background: transparent !important;
}

/* Preloader */
body:not(.admin-page) .preloader {
    background: var(--ksma-void, #04060d) !important;
}
body:not(.admin-page) .preloader-logo,
body:not(.admin-page) .preloader-text {
    color: #fff !important;
}

/* Lead strip flush to theme */
body:not(.admin-page) .ksma-lead-strip {
    background: var(--ksma-void, #04060d) !important;
    border: 1px solid var(--ksma-line, #1e2a42) !important;
}
body:not(.admin-page) .ksma-lead-strip-text strong {
    color: #0055ff !important;
}

/* Hero chips — bottom line only (override full border) */
body:not(.admin-page) .hero-smart-chip {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    padding-left: 0 !important;
    padding-right: 0.15rem !important;
}
body:not(.admin-page) .hero-smart-search {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    background: transparent !important;
}
body:not(.admin-page) .hero-smart-submit {
    background: transparent !important;
    color: #0055ff !important;
    border-left: none !important;
    border-bottom: 1px solid #0055ff !important;
    min-height: 2.8rem !important;
}
body:not(.admin-page) .hero-smart-submit:hover {
    background: #0055ff !important;
    color: #fff !important;
}

/* Contact wizard nav separator */
body:not(.admin-page) .contact-wizard-nav {
    border-top: none !important;
    margin-top: 1.75rem !important;
    padding-top: 1.25rem !important;
}

/* Projects archive cards connected */
body:not(.admin-page) .projects-grid .project-item {
    border-right: none !important;
    border-bottom: none !important;
}
body:not(.admin-page) .project-image-overlay,
body:not(.admin-page) .project-view-text {
    display: none !important;
}

/* Hard kill residual hover motion on public cards/media */
body:not(.admin-page) .offer-card:hover,
body:not(.admin-page) .offer-card:hover img,
body:not(.admin-page) .service-card:hover,
body:not(.admin-page) .service-card:hover img,
body:not(.admin-page) .service-card-link:hover .service-card-img,
body:not(.admin-page) .project-item:hover,
body:not(.admin-page) .project-item:hover img,
body:not(.admin-page) .project-showcase-card:hover,
body:not(.admin-page) .project-showcase-card:hover img,
body:not(.admin-page) .home-journal-card:hover,
body:not(.admin-page) .home-journal-card:hover img,
body:not(.admin-page) .publikime-post-card:hover,
body:not(.admin-page) .publikime-post-card:hover img,
body:not(.admin-page) .testimonial-card:hover,
body:not(.admin-page) .gallery-item:hover,
body:not(.admin-page) .gallery-item:hover img,
body:not(.admin-page) .project-detail-hero:hover,
body:not(.admin-page) .project-detail-hero:hover img,
body:not(.admin-page) .service-detail-hero:hover,
body:not(.admin-page) .service-detail-hero:hover img,
body:not(.admin-page) .article-detail-hero:hover img {
    transform: none !important;
    scale: none !important;
}

/* Full-bleed testimonials track */
body:not(.admin-page) .testimonials-slider-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
body:not(.admin-page) .testimonials-controls {
    padding-left: clamp(1rem, 3.5vw, 2.5rem);
    padding-right: clamp(1rem, 3.5vw, 2.5rem);
}

/* Chapter labels — quieter */
body:not(.admin-page) .ksma-chapter {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}
body:not(.admin-page) .ksma-chapter-label {
    color: #666 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

/* Deep blue accent consistency for ratings */
body:not(.admin-page) .testimonial-rating {
    color: #0055ff !important;
    letter-spacing: 0.08em;
}

/* Reservation form fields — underline */
body:not(.admin-page) .reservation-form input,
body:not(.admin-page) .reservation-form textarea {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 0 !important;
    color: #fff !important;
}
body:not(.admin-page) .reservation-form input:focus,
body:not(.admin-page) .reservation-form textarea:focus {
    border-bottom-color: #0055ff !important;
    outline: none !important;
}
body:not(.admin-page) .reservation-modal-title {
    color: #fff !important;
}
body:not(.admin-page) .reservation-modal-subtitle {
    color: #0055ff !important;
}
body:not(.admin-page) .reservation-modal-close {
    border: none !important;
    background: transparent !important;
    color: #fff !important;
}

/* Track 5 support */
body:not(.admin-page) .logo-slider-track-5 {
    gap: 2.35rem !important;
    animation-duration: var(--logo-duration, 78s) !important;
}

/* Collaboration — cleaner partner block */
body:not(.admin-page) .collaboration-content {
    display: grid !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
    gap: 2rem !important;
    align-items: end !important;
    margin-top: 1.25rem !important;
}
body:not(.admin-page) .collaboration-partner {
    margin: 0 !important;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--ksma-line, #1e2a42);
}
body:not(.admin-page) .partner-name {
    color: #fff !important;
    font-size: clamp(1.6rem, 4vw, 2.4rem) !important;
    margin: 0.35rem 0 0.15rem !important;
}
body:not(.admin-page) .partner-tagline {
    color: #0055ff !important;
    opacity: 1 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
}
body:not(.admin-page) .partner-link:hover .partner-name,
body:not(.admin-page) .partner-link:hover {
    color: #0055ff !important;
}
body:not(.admin-page) .collaboration-description {
    margin: 0 !important;
    max-width: 28rem;
    color: #888 !important;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
}
body:not(.admin-page) .collaboration-label::after,
body:not(.admin-page) .collaboration-title::before {
    display: none !important;
}
@media (max-width: 720px) {
    body:not(.admin-page) .collaboration-content {
        grid-template-columns: 1fr !important;
    }
}

/* Archive offer descriptions — keep but quieter */
body:not(.admin-page) .offers-archive-grid .offer-card-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.8rem !important;
    margin-bottom: 0.55rem !important;
}
body:not(.admin-page) .offers-archive-grid .offer-card-image {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 10 !important;
}
body:not(.admin-page) .offers-archive-grid .offer-card-image img,
body:not(.admin-page) .offers-archive-grid .offer-card img {
    height: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
}

/* Detail gallery — even 2-up, covered photos */
body:not(.admin-page) .project-detail-gallery {
    gap: 0.65rem !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body:not(.admin-page) .gallery-item {
    border: none !important;
    margin: 0 !important;
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    overflow: hidden !important;
}
body:not(.admin-page) .gallery-item img,
body:not(.admin-page) .gallery-item .gallery-img,
body:not(.admin-page) .gallery-item .project-showcase-img {
    border-radius: 0 !important;
    transform: none !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Service detail subservices */
body:not(.admin-page) .sub-service-item,
body:not(.admin-page) .service-sub-card {
    border: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Footer newsletter */
body:not(.admin-page) .footer-subscribe-row {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 0 !important;
    border-bottom: 1px solid #333 !important;
    align-items: stretch !important;
}
body:not(.admin-page) .footer-subscribe-input {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #fff !important;
    padding: 0.7rem 0 !important;
}
body:not(.admin-page) .footer-subscribe-input:focus {
    outline: none !important;
}
body:not(.admin-page) .footer-subscribe-btn {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #0055ff !important;
    letter-spacing: 0.1em !important;
    font-size: 0.7rem !important;
    padding: 0.7rem 0.25rem !important;
}
body:not(.admin-page) .footer-subscribe-btn:hover {
    color: #fff !important;
    background: #0055ff !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}
body:not(.admin-page) .footer-subscribe-desc {
    color: #777 !important;
    font-size: 0.8rem !important;
    margin-bottom: 0.75rem !important;
}
body:not(.admin-page) .footer-mega-word {
    font-size: clamp(4.5rem, 22vw, 14rem) !important;
    line-height: 0.85 !important;
    letter-spacing: -0.06em !important;
    color: #fff !important;
    font-weight: 700 !important;
}
body:not(.admin-page) .footer-mega-mark {
    display: none !important;
}

/* Force archive testimonials to connected grid (override flex) */
body:not(.admin-page) .testimonials-archive-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    flex-direction: unset !important;
}
@media (min-width: 1025px) {
    body:not(.admin-page) .testimonials-archive-grid {
        display: grid !important;
    }
}

/* Hide service descriptions on home preview for denser cards */
body:not(.admin-page) .services-preview-grid .service-card-description,
body:not(.admin-page) .services-preview-grid .service-card-meta {
    display: none !important;
}
body:not(.admin-page) .services-preview-grid .service-card-more {
    color: #0055ff !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

/* About layout */
body:not(.admin-page) .about-content-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr) !important;
    gap: 2rem !important;
    align-items: end !important;
}
body:not(.admin-page) .about-description {
    max-width: 34rem !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
}
@media (max-width: 800px) {
    body:not(.admin-page) .about-content-wrapper {
        grid-template-columns: 1fr !important;
    }
    body:not(.admin-page) .about-image-wrapper {
        order: -1;
        max-width: 160px;
    }
}

/* Hero refinements */
body:not(.admin-page) .hero-tagline {
    color: #0055ff !important;
    letter-spacing: 0.28em !important;
    margin-bottom: 1rem !important;
}
body:not(.admin-page) .hero-title {
    font-size: clamp(2.4rem, 7vw, 4.8rem) !important;
    letter-spacing: -0.045em !important;
    line-height: 0.98 !important;
}
body:not(.admin-page) .hero-subtitle {
    color: #999 !important;
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
}

/* Journal archive posts connected */
body:not(.admin-page) .publikime-posts-grid {
    gap: 0 !important;
}
body:not(.admin-page) .publikime-post-card {
    margin: 0 !important;
    padding: 0 !important;
}
body:not(.admin-page) .publikime-post-image {
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    overflow: hidden !important;
}
body:not(.admin-page) .publikime-post-img,
body:not(.admin-page) .publikime-post-image img {
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    width: 100% !important;
    aspect-ratio: auto !important;
}

/* Testimonials archive item hairlines */
body:not(.admin-page) .testimonial-archive-item {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 1rem 1.1rem 1.15rem !important;
}

/* Reduce offers-description leftover space if present */
body:not(.admin-page) .offers-description {
    margin-bottom: 1.25rem !important;
}

/* Legal / info pages tighter */
body:not(.admin-page) .info-page-content {
    max-width: 720px !important;
}

/* Safety: never trap users behind preloader */
body:not(.admin-page) .preloader.hidden,
body:not(.admin-page) .preloader[style*="display: none"] {
    display: none !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

/* Chatbot must never cover the page */
body:not(.admin-page) .ksma-chatbot {
    inset: auto !important;
    width: 0 !important;
    height: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}
body:not(.admin-page) .ksma-chat-backdrop:not(.is-visible),
body:not(.admin-page) .ksma-chat-backdrop[hidden] {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
body:not(.admin-page) .ksma-chat-window,
body:not(.admin-page) .ksma-chat-backdrop.is-visible {
    pointer-events: auto !important;
}

/* Ensure page content is always visible */
body:not(.admin-page) {
    color: #ffffff !important;
    background: var(--ksma-void, #04060d) !important;
}
body:not(.admin-page) main,
body:not(.admin-page) .section,
body:not(.admin-page) .hero-section,
body:not(.admin-page) .hero-content,
body:not(.admin-page) .hero-title,
body:not(.admin-page) .hero-subtitle,
body:not(.admin-page) .bottom-navbar,
body:not(.admin-page) .footer {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Reservation modal: respect inline display:none */
body:not(.admin-page) .reservation-modal[style*="display: none"] {
    display: none !important;
}

/* ═══════════════════════════════════════════
   OFFERS + PORTFOLIO 07 — geometric final
   ═══════════════════════════════════════════ */

/* Offers: equal height, flush, badge over image */
body:not(.admin-page) .offers-section .offers-grid:not(.offers-slider-track),
body:not(.admin-page) .offers-grid.offers-archive-grid,
body:not(.admin-page) .offers-grid:not(.offers-slider-track) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: stretch !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
body:not(.admin-page) .offer-card,
body:not(.admin-page) .offer-card-featured {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--ksma-void, #04060d) !important;
    border: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: none !important;
    transform: none !important;
}
body:not(.admin-page) .offer-card:last-child {
    border-right: none !important;
}
body:not(.admin-page) .offer-card-image {
    position: relative !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 10 !important;
}
body:not(.admin-page) .offer-card-image img,
body:not(.admin-page) .offer-card img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    transform: none !important;
}
body:not(.admin-page) .offer-badge {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    z-index: 3 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #0055ff !important;
    color: #fff !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.1em !important;
    padding: 0.4rem 0.7rem !important;
    line-height: 1 !important;
}
body:not(.admin-page) .offer-card-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 0.85rem 0.95rem 0.95rem !important;
    min-height: 0 !important;
}
body:not(.admin-page) .offers-section .offer-card-description,
body:not(.admin-page) .offers-section .offer-card-validity {
    display: none !important;
}
body:not(.admin-page) .offer-card-title {
    min-height: 2.6em !important;
    margin: 0 0 0.55rem !important;
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
}
body:not(.admin-page) .offer-card-features,
body:not(.admin-page) .offer-card-features-compact {
    flex: 1 1 auto !important;
    margin: 0 0 0.75rem !important;
    min-height: 4.5em !important;
}
body:not(.admin-page) .offer-card-footer {
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.65rem !important;
    flex: 0 0 auto !important;
}
body:not(.admin-page) .offer-card-price {
    margin: 0 !important;
}
body:not(.admin-page) .offer-reserve-btn {
    width: 100% !important;
    margin: 0 !important;
    min-height: 2.6rem !important;
}

/* Portfolio 07: flush 3-col, portrait media, hairline only */
body:not(.admin-page) .projects-section .projects-showcase-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    flex-direction: unset !important;
    gap: 0.65rem !important;
    column-gap: 0.65rem !important;
    row-gap: 0.65rem !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 1rem !important;
    border-top: none !important;
}
body:not(.admin-page) .projects-section .project-showcase-card {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
    gap: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--ksma-void, #04060d) !important;
    border: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}
body:not(.admin-page) .projects-section .project-showcase-card:last-child {
    border-right: none !important;
}
body:not(.admin-page) .projects-section .project-showcase-media {
    order: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    aspect-ratio: 5 / 4 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--ksma-surface, #080b14) !important;
    overflow: hidden !important;
}
body:not(.admin-page) .projects-section .project-showcase-media img,
body:not(.admin-page) .projects-section .project-showcase-media video,
body:not(.admin-page) .projects-section .project-showcase-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
    margin: 0 !important;
}
body:not(.admin-page) .projects-section .project-showcase-card .project-info {
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 0.85rem 0.95rem 1rem !important;
    gap: 0.35rem !important;
}
body:not(.admin-page) .projects-section .project-meta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 0.45rem 0.75rem !important;
    margin: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
}
body:not(.admin-page) .projects-section .project-category {
    color: #0055ff !important;
    border: none !important;
    border-bottom: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    font-size: 0.65rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    width: auto !important;
    max-width: max-content !important;
}
body:not(.admin-page) .projects-section .project-client-tag,
body:not(.admin-page) .projects-section .project-year-tag {
    text-align: left !important;
}
body:not(.admin-page) .projects-section .project-showcase-card .project-title {
    font-size: clamp(0.95rem, 1.5vw, 1.15rem) !important;
    line-height: 1.3 !important;
    min-height: 2.6em !important;
    margin: 0.35rem 0 0.4rem !important;
}
body:not(.admin-page) .projects-section .project-showcase-card .project-excerpt {
    max-width: none !important;
    font-size: 0.8rem !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    opacity: 0.7;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body:not(.admin-page) .projects-section .project-showcase-card .project-actions {
    display: none !important;
}

@media (max-width: 900px) {
    body:not(.admin-page) .offers-section .offers-grid:not(.offers-slider-track),
    body:not(.admin-page) .offers-grid:not(.offers-slider-track),
    body:not(.admin-page) .projects-section .projects-showcase-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    body:not(.admin-page) .offers-section .offers-grid:not(.offers-slider-track) .offer-card:nth-child(2n),
    body:not(.admin-page) .projects-section .project-showcase-card:nth-child(2n) {
        border-right: none !important;
    }
}
@media (max-width: 640px) {
    body:not(.admin-page) .offers-section .offers-grid:not(.offers-slider-track),
    body:not(.admin-page) .offers-grid:not(.offers-slider-track),
    body:not(.admin-page) .projects-section .projects-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body:not(.admin-page) .offers-section .offers-grid:not(.offers-slider-track) .offer-card:nth-child(2n),
    body:not(.admin-page) .projects-section .project-showcase-card:nth-child(2n) {
        border-right: none !important;
    }
    body:not(.admin-page) .offers-section .offers-grid:not(.offers-slider-track) .offer-card:nth-child(2n + 1),
    body:not(.admin-page) .projects-section .project-showcase-card:nth-child(2n + 1) {
        border-right: none !important;
    }
    body:not(.admin-page) .projects-section .project-showcase-media {
        aspect-ratio: 5 / 4 !important;
    }
}

/* Chat teaser — clean, no broken tooltip chrome */
body:not(.admin-page) .nav-chat-teaser {
    transform: translateX(-50%) translateY(0) !important;
}
body:not(.admin-page) .nav-chat-teaser-text {
    background: var(--ksma-surface-2, #0e1422) !important;
    border: 1px solid #333 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    color: #fff !important;
    padding: 0.5rem 0.85rem !important;
}
body:not(.admin-page) .nav-chat-teaser::after {
    display: none !important;
}
body:not(.admin-page) .nav-chat-teaser-close {
    border: 1px solid #333 !important;
    border-radius: 0 !important;
    background: var(--ksma-void, #04060d) !important;
    color: #fff !important;
    width: 1.4rem !important;
    height: 1.4rem !important;
    top: -0.45rem !important;
    right: -0.45rem !important;
}

/* Contact wizard dots — tighter */
body:not(.admin-page) .contact-wizard-dots {
    gap: 0 !important;
    justify-content: center !important;
}
body:not(.admin-page) .contact-wizard-dot-label {
    color: #fff !important;
    font-size: 0.65rem !important;
}
body:not(.admin-page) .contact-wizard-dot:not(.is-active) .contact-wizard-dot-num {
    color: #0055ff !important;
    border-color: #0055ff !important;
    background: transparent !important;
}

/* ═══════════════════════════════════════════
   HOTFIX — projects / deshmi / underlines / contact / popups
   ═══════════════════════════════════════════ */

/* Hide AUDITIM FALAS navbar teaser + sticky strip */
body:not(.admin-page) .nav-chat-teaser,
body:not(.admin-page) #ksmaChatTeaser {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
body:not(.admin-page) .ksma-lead-strip,
body:not(.admin-page) #ksmaLeadStrip {
    display: none !important;
}

/* Kill excess blue underlines (labels stay colored, no full-width rules) */
body:not(.admin-page) .project-category,
body:not(.admin-page) .projects-section .project-category,
body:not(.admin-page) .project-detail-category,
body:not(.admin-page) .service-detail-number,
body:not(.admin-page) .article-detail-meta,
body:not(.admin-page) .project-link span,
body:not(.admin-page) .project-client,
body:not(.admin-page) .project-client-tag {
    border: none !important;
    border-bottom: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
body:not(.admin-page) .project-category,
body:not(.admin-page) .projects-section .project-category {
    display: inline-block !important;
    width: auto !important;
    max-width: max-content !important;
    color: #0055ff !important;
    font-size: 0.65rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 0 !important;
    margin: 0 !important;
}
body:not(.admin-page) .project-link span {
    color: #0055ff !important;
}
body:not(.admin-page) .project-link:hover span {
    color: #fff !important;
}

/* /projektet + showcase titles — compact, equal geometry */
body:not(.admin-page) .projects-grid .project-title,
body:not(.admin-page) .project-item .project-title,
body:not(.admin-page) .projects-section .project-showcase-card .project-title,
body:not(.admin-page) .project-showcase-card .project-title {
    font-size: clamp(0.95rem, 1.6vw, 1.2rem) !important;
    line-height: 1.3 !important;
    letter-spacing: -0.01em !important;
    min-height: 2.6em !important;
    max-height: none !important;
    margin: 0.35rem 0 0.45rem !important;
    font-weight: 600 !important;
}
body:not(.admin-page) .projects-grid .project-item .project-info,
body:not(.admin-page) .project-item .project-info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 0.85rem 0.95rem 1rem !important;
    gap: 0.3rem !important;
    text-align: left !important;
    align-items: flex-start !important;
}
body:not(.admin-page) .projects-grid .project-excerpt,
body:not(.admin-page) .project-item .project-excerpt {
    font-size: 0.78rem !important;
    line-height: 1.45 !important;
    opacity: 0.7 !important;
    margin: 0 0 0.5rem !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body:not(.admin-page) .projects-grid .project-client,
body:not(.admin-page) .project-item .project-client {
    font-size: 0.7rem !important;
    color: #888 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}
body:not(.admin-page) .projects-grid .project-link,
body:not(.admin-page) .project-item .project-link {
    margin-top: auto !important;
    padding: 0 !important;
    border: none !important;
    font-size: 0.72rem !important;
}
body:not(.admin-page) .projects-grid .project-item .project-image,
body:not(.admin-page) .project-item .project-image {
    aspect-ratio: 5 / 4 !important;
    height: auto !important;
}
body:not(.admin-page) .projects-grid .project-img,
body:not(.admin-page) .project-item .project-img {
    aspect-ratio: 5 / 4 !important;
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* Home §07 — shorter images (not ultra-tall), meta consistent */
body:not(.admin-page) .projects-section .project-showcase-media {
    aspect-ratio: 5 / 4 !important;
}
body:not(.admin-page) .projects-section .project-meta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 0.4rem 0.65rem !important;
    width: 100% !important;
    text-align: left !important;
}
body:not(.admin-page) .projects-section .project-client-tag,
body:not(.admin-page) .projects-section .project-year-tag {
    display: inline !important;
    text-align: left !important;
    margin: 0 !important;
    float: none !important;
}
body:not(.admin-page) .projects-section .project-showcase-card .project-excerpt {
    -webkit-line-clamp: 2;
    font-size: 0.76rem !important;
}

/* Deshmi — native horizontal scroll, no transform glitch */
body:not(.admin-page) .testimonials-slider-wrapper,
body:not(.admin-page) .testimonials-slider-wrapper.is-scroll-snap {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab;
    touch-action: pan-x;
}
body:not(.admin-page) .testimonials-slider-wrapper::-webkit-scrollbar {
    display: none;
}
body:not(.admin-page) .testimonials-track {
    display: flex !important;
    gap: 0 !important;
    width: max-content !important;
    min-width: 100% !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
}
body:not(.admin-page) .testimonials-track .testimonial-card {
    flex: 0 0 33.333vw !important;
    width: 33.333vw !important;
    min-width: 33.333vw !important;
    max-width: 33.333vw !important;
    scroll-snap-align: start;
    box-sizing: border-box !important;
}
@media (max-width: 992px) {
    body:not(.admin-page) .testimonials-track .testimonial-card {
        flex: 0 0 50vw !important;
        width: 50vw !important;
        min-width: 50vw !important;
        max-width: 50vw !important;
    }
}
@media (max-width: 700px) {
    body:not(.admin-page) .testimonials-track .testimonial-card {
        flex: 0 0 50vw !important;
        width: 50vw !important;
        min-width: 50vw !important;
        max-width: 50vw !important;
    }
}

/* Contact §10 — readable colors, blue CTA */
body:not(.admin-page) .contact-section-wizard,
body:not(.admin-page) .contact-section-wizard .section-content,
body:not(.admin-page) .contact-wizard,
body:not(.admin-page) .contact-wizard-step {
    color: #fff !important;
    background: transparent !important;
}
body:not(.admin-page) .contact-wizard-step-title,
body:not(.admin-page) .contact-wizard-step-desc,
body:not(.admin-page) .contact-wizard-step-label,
body:not(.admin-page) .cw-label,
body:not(.admin-page) .contact-title,
body:not(.admin-page) .contact-description {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body:not(.admin-page) .contact-wizard-step-desc,
body:not(.admin-page) .contact-description {
    color: #aaa !important;
    -webkit-text-fill-color: #aaa !important;
}
body:not(.admin-page) .contact-wizard-step-label {
    color: #0055ff !important;
    -webkit-text-fill-color: #0055ff !important;
}
body:not(.admin-page) .contact-wizard-option {
    background: var(--ksma-void, #04060d) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body:not(.admin-page) .contact-wizard-option strong,
body:not(.admin-page) .contact-wizard-option span,
body:not(.admin-page) .contact-wizard-option i {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body:not(.admin-page) .contact-wizard-option span {
    color: #999 !important;
    -webkit-text-fill-color: #999 !important;
}
body:not(.admin-page) .contact-wizard-option.is-selected {
    background: #0055ff !important;
    color: #fff !important;
}
body:not(.admin-page) .contact-wizard-option.is-selected strong,
body:not(.admin-page) .contact-wizard-option.is-selected span,
body:not(.admin-page) .contact-wizard-option.is-selected i {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}
body:not(.admin-page) .cw-nav-btn,
body:not(.admin-page) .cw-nav-btn span {
    -webkit-text-fill-color: unset !important;
}
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .cw-nav-next.cw-nav-submit,
body:not(.admin-page) #contactWizardPrimary {
    background: #0055ff !important;
    color: #fff !important;
    border: 1px solid #0055ff !important;
    min-width: 10rem !important;
    min-height: 2.75rem !important;
}
body:not(.admin-page) .cw-nav-next span,
body:not(.admin-page) .cw-nav-next.cw-nav-submit span,
body:not(.admin-page) #contactWizardPrimary span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}
body:not(.admin-page) .cw-nav-next:hover,
body:not(.admin-page) .cw-nav-next:hover span {
    background: #0040cc !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body:not(.admin-page) .cw-nav-back,
body:not(.admin-page) .cw-nav-back span {
    background: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #333 !important;
}
body:not(.admin-page) .contact-wizard-fields input,
body:not(.admin-page) .contact-wizard-fields textarea,
body:not(.admin-page) .combobox-search,
body:not(.admin-page) .combobox-search input {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
    background: transparent !important;
}
body:not(.admin-page) .contact-wizard-fields input::placeholder,
body:not(.admin-page) .combobox-search input::placeholder {
    color: #666 !important;
    -webkit-text-fill-color: #666 !important;
}

/* Tone down label underlines — keep thin gray only on chapter nums */
body:not(.admin-page) .offers-label,
body:not(.admin-page) .services-label,
body:not(.admin-page) .publikime-label,
body:not(.admin-page) .testimonials-label,
body:not(.admin-page) .collaboration-label,
body:not(.admin-page) .contact-label,
body:not(.admin-page) .about-label,
body:not(.admin-page) .hero-smart-chip {
    border-bottom-color: #222 !important;
}
body:not(.admin-page) .journal-cat-tab {
    border-bottom-color: transparent !important;
}
body:not(.admin-page) .journal-cat-tab.active {
    border-bottom-color: #0055ff !important;
}

/* ═══════════════════════════════════════════
   FINISH PASS — equal cards, short media, no zig-zag
   ═══════════════════════════════════════════ */

body:not(.admin-page) .project-item:nth-child(even),
body:not(.admin-page) .projects-grid .project-item:nth-child(even),
body:not(.admin-page) .project-showcase-card:nth-child(even) {
    flex-direction: column !important;
    text-align: left !important;
}
body:not(.admin-page) .project-item:nth-child(even) .project-info,
body:not(.admin-page) .projects-grid .project-item:nth-child(even) .project-info,
body:not(.admin-page) .project-showcase-card:nth-child(even) .project-info,
body:not(.admin-page) .project-item:nth-child(even) .project-meta-row {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* Shorter media everywhere in projects */
body:not(.admin-page) .projects-section .project-showcase-media,
body:not(.admin-page) .project-showcase-media,
body:not(.admin-page) .projects-grid .project-item .project-image,
body:not(.admin-page) .project-item .project-image {
    aspect-ratio: 5 / 4 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
}
body:not(.admin-page) .projects-grid .project-img,
body:not(.admin-page) .project-item .project-img,
body:not(.admin-page) .project-showcase-media img {
    aspect-ratio: auto !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Compact equal titles */
body:not(.admin-page) .projects-grid .project-title,
body:not(.admin-page) .project-item .project-title,
body:not(.admin-page) .project-showcase-card .project-title,
body:not(.admin-page) .projects-section .project-showcase-card .project-title {
    font-size: clamp(0.92rem, 1.4vw, 1.12rem) !important;
    line-height: 1.3 !important;
    min-height: 2.6em !important;
    letter-spacing: -0.01em !important;
    font-weight: 600 !important;
}

/* Absolute kill category underlines / side bars */
body:not(.admin-page) .project-category,
body:not(.admin-page) .projects-section .project-category,
body:not(.admin-page) .project-showcase-card .project-category,
body:not(.admin-page) .project-detail-category {
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    display: inline-block !important;
    width: fit-content !important;
    max-width: 100% !important;
    color: #0055ff !important;
}

/* Equal height project cards */
body:not(.admin-page) .projects-grid,
body:not(.admin-page) .projects-section .projects-showcase-grid {
    align-items: stretch !important;
    gap: 0 !important;
}
body:not(.admin-page) .projects-grid .project-item,
body:not(.admin-page) .projects-section .project-showcase-card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
body:not(.admin-page) .projects-grid .project-item .project-info,
body:not(.admin-page) .projects-section .project-showcase-card .project-info {
    flex: 1 1 auto !important;
}

/* Contact CTA locked */
body:not(.admin-page) #contactWizardPrimary,
body:not(.admin-page) #contactWizardPrimary span,
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .cw-nav-next span {
    background-color: #0055ff !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}
body:not(.admin-page) #contactWizardPrimary span,
body:not(.admin-page) .cw-nav-next span {
    background: transparent !important;
}

/* ═══════════════════════════════════════════
   FOOTER / TITLES / AUDIT SPACE / MOBILE RAILS
   ═══════════════════════════════════════════ */

/* Full-bleed brand mark — max bottom of page */
body:not(.admin-page) .footer {
    padding-bottom: 0 !important;
    overflow: visible !important;
}
body:not(.admin-page) .footer-inner {
    padding-bottom: 1.25rem !important;
}
body:not(.admin-page) .footer-mega {
    display: none !important;
}
body:not(.admin-page) .footer-brand-band {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0.5rem !important;
    padding: 0 !important;
    border: none !important;
    line-height: 0 !important;
    background: var(--ksma-void, #04060d) !important;
}
body:not(.admin-page) .footer-brand-band-link {
    display: block !important;
    width: 100% !important;
    line-height: 0 !important;
}
body:not(.admin-page) .footer-brand-band-img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center bottom !important;
}

/* Social: ig / f / in — bottom line labels only */
body:not(.admin-page) .footer-social {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.35rem !important;
    margin-top: 1.35rem !important;
    align-items: flex-end !important;
}
body:not(.admin-page) .footer-social a,
body:not(.admin-page) .footer-social-link {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.35rem !important;
    min-width: 2.75rem !important;
    padding: 0 0 0.35rem !important;
    margin: 0 !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
body:not(.admin-page) .footer-social a i,
body:not(.admin-page) .footer-social-link i {
    display: block !important;
    font-size: 1.15rem !important;
    line-height: 1 !important;
    color: #fff !important;
}
body:not(.admin-page) .footer-social-abbr {
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: lowercase !important;
    color: #fff !important;
    line-height: 1 !important;
}
body:not(.admin-page) .footer-social-link:hover {
    border-bottom-color: #0055ff !important;
    color: #0055ff !important;
}
body:not(.admin-page) .footer-social-link:hover .footer-social-abbr {
    color: #0055ff !important;
}

/* Newsletter — bottom line only */
body:not(.admin-page) .footer-subscribe-row {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 0.5rem !important;
    align-items: center !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    background: transparent !important;
    padding: 0 !important;
}
body:not(.admin-page) .footer-subscribe-input {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    padding: 0.75rem 0 !important;
    font-size: 0.9rem !important;
}
body:not(.admin-page) .footer-subscribe-input::placeholder {
    color: #777 !important;
}
body:not(.admin-page) .footer-subscribe-btn {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #0055ff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    padding: 0.75rem 0 0.75rem 0.5rem !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}
body:not(.admin-page) .footer-subscribe-btn:hover {
    background: transparent !important;
    color: #fff !important;
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
}
body:not(.admin-page) .footer-subscribe-btn-icon {
    color: inherit !important;
    font-size: 0.95rem !important;
}

/* Space above Auditim Falas under offers */
body:not(.admin-page) .offers-section .offer-audit-banner,
body:not(.admin-page) .offer-audit-banner {
    margin-top: 2.75rem !important;
    padding-top: 0 !important;
    border-top: none !important;
}

/* Unified section titles everywhere */
body:not(.admin-page) .ksma-chapter {
    display: flex !important;
    align-items: baseline !important;
    gap: 0.65rem !important;
    margin-bottom: 0.65rem !important;
}
body:not(.admin-page) .ksma-chapter-num {
    border: none !important;
    border-bottom: 1px solid #0055ff !important;
    background: transparent !important;
    color: #0055ff !important;
    padding: 0 0 0.2rem !important;
    min-width: auto !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.12em !important;
}
body:not(.admin-page) .ksma-chapter-label {
    color: #0055ff !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    border: none !important;
}
body:not(.admin-page) .offers-label,
body:not(.admin-page) .services-label,
body:not(.admin-page) .testimonials-label,
body:not(.admin-page) .publikime-label,
body:not(.admin-page) .collaboration-label,
body:not(.admin-page) .contact-label,
body:not(.admin-page) .about-label,
body:not(.admin-page) .clients-label {
    color: #0055ff !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    border: none !important;
    border-bottom: none !important;
    padding: 0 0 0.55rem !important;
    margin: 0 0 0.85rem !important;
    display: block !important;
    width: 100% !important;
    background: transparent !important;
}
body:not(.admin-page) .offers-title,
body:not(.admin-page) .services-preview-title,
body:not(.admin-page) .home-journal-title,
body:not(.admin-page) .testimonials-title,
body:not(.admin-page) .clients-title,
body:not(.admin-page) .about-title,
body:not(.admin-page) .collaboration-title,
body:not(.admin-page) .contact-title,
body:not(.admin-page) .home-cta-title,
body:not(.admin-page) .section-title,
body:not(.admin-page) .publikime-hero-title,
body:not(.admin-page) .projects-section .home-journal-title {
    font-size: clamp(1.65rem, 4.2vw, 2.55rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.03em !important;
    font-weight: 600 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    margin: 0 0 0.35rem !important;
    text-transform: none !important;
}
body:not(.admin-page) .home-journal-header {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 1.25rem !important;
    margin-bottom: 1.25rem !important;
    border: none !important;
}
body:not(.admin-page) .home-journal-header .project-link span {
    border-bottom: none !important;
    color: #0055ff !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

/* Mobile footer — 2 columns */
@media (max-width: 980px) {
    body:not(.admin-page) .footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 1.75rem 1.25rem !important;
    }
    body:not(.admin-page) .footer-col-brand {
        grid-column: 1 / -1 !important;
    }
    body:not(.admin-page) .footer-col-subscribe {
        grid-column: 1 / -1 !important;
    }
}
@media (max-width: 560px) {
    body:not(.admin-page) .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    body:not(.admin-page) .footer-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.5rem !important;
    }
}

/* Mobile cards — 2 per row (no horizontal swipe rail) — except home offers slider */
@media (max-width: 900px) {
    body:not(.admin-page) .offers-section .offers-grid:not(.offers-slider-track),
    body:not(.admin-page) .projects-section .projects-showcase-grid,
    body:not(.admin-page) .projects-grid,
    body:not(.admin-page) .ksma-card-rail:not(.services-preview-grid):not(.services-grid):not(.home-journal-grid):not(.offers-slider-track) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        flex-direction: unset !important;
        flex-wrap: unset !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
    }
    body:not(.admin-page) .offers-section .offers-grid:not(.offers-slider-track) .offer-card,
    body:not(.admin-page) .projects-section .project-showcase-card,
    body:not(.admin-page) .projects-grid .project-item,
    body:not(.admin-page) .ksma-card-rail:not(.services-preview-grid):not(.services-grid):not(.home-journal-grid):not(.offers-slider-track) > * {
        flex: unset !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        scroll-snap-align: unset !important;
        border-right: none !important;
        height: auto !important;
    }
    body:not(.admin-page) .offers-section .offers-grid:not(.offers-slider-track) .offer-card:nth-child(2n),
    body:not(.admin-page) .projects-section .project-showcase-card:nth-child(2n),
    body:not(.admin-page) .projects-grid .project-item:nth-child(2n) {
        border-right: none !important;
    }
    body:not(.admin-page) .projects-section .project-showcase-media,
    body:not(.admin-page) .projects-grid .project-item .project-image {
        aspect-ratio: 5 / 4 !important;
    }
}

/* Titles — final lock (no lowercase outliers) */
body:not(.admin-page) .clients-title,
body:not(.admin-page) .about-title,
body:not(.admin-page) .collaboration-title {
    text-transform: none !important;
    font-size: clamp(1.65rem, 4.2vw, 2.55rem) !important;
}

/* ═══════════════════════════════════════════
   POLISH — icons, ambient, glass nav, no outlines, §05 fix
   ═══════════════════════════════════════════ */

/* Real social icons + bottom line only */
body:not(.admin-page) .footer-social-link {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    min-width: 2.4rem !important;
    padding: 0.15rem 0.25rem 0.4rem !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
}
body:not(.admin-page) .footer-social-link i {
    display: block !important;
    font-size: 1.15rem !important;
    line-height: 1 !important;
    color: #fff !important;
}
body:not(.admin-page) .footer-social-abbr {
    display: none !important;
}
body:not(.admin-page) .footer-social-link:hover {
    border-bottom-color: #0055ff !important;
    color: #0055ff !important;
}
body:not(.admin-page) .footer-social-link:hover i {
    color: #0055ff !important;
}

/* Hero tech rail — tiny sliding icons */
body:not(.admin-page) .hero-section {
    position: relative !important;
    overflow: hidden !important;
    background:
        radial-gradient(ellipse 85% 55% at 50% 70%, rgba(0, 85, 255, 0.32), transparent 62%),
        #000000 !important;
}
body:not(.admin-page) .hero-content {
    width: 100%;
    padding-bottom: 5.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
body:not(.admin-page) .hero-tech-rail {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: min(100%, 920px) !important;
    margin: 1.35rem auto 0 !important;
    margin-top: 1.35rem !important;
    padding-top: 0 !important;
    overflow: hidden !important;
    mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent) !important;
    pointer-events: none !important;
    opacity: 1 !important;
    order: 99 !important;
    transform: none !important;
}
body:not(.admin-page) .hero-tech-track {
    display: flex !important;
    align-items: center !important;
    gap: 2.4rem !important;
    width: max-content !important;
    animation: heroTechMarquee 32s linear infinite !important;
}
body:not(.admin-page) .hero-tech-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.85rem !important;
    height: 1.85rem !important;
    flex: 0 0 auto !important;
    color: inherit !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    gap: 0 !important;
}
body:not(.admin-page) .hero-tech-item span,
body:not(.admin-page) .hero-tech-item i {
    display: none !important;
}
body:not(.admin-page) .hero-tech-item svg,
body:not(.admin-page) .hero-tech-item img {
    display: block !important;
    width: 1.45rem !important;
    height: 1.45rem !important;
    fill: unset !important;
    color: unset !important;
    filter: none !important;
    opacity: 1 !important;
    object-fit: contain !important;
}
body:not(.admin-page) .hero-smart-chips,
body:not(.admin-page) #heroSmartChips {
    display: none !important;
}
@keyframes heroTechMarquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* Typewriter search line */
body:not(.admin-page) .hero-smart-search.is-typewriter {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 0.75rem !important;
    width: min(100%, 34rem) !important;
    margin: 1.35rem auto 0 !important;
    padding: 0.35rem 0 0.55rem !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
    background: transparent !important;
}
body:not(.admin-page) .hero-smart-search.is-typewriter .hero-smart-icon {
    display: none !important;
}
body:not(.admin-page) .hero-type-line {
    grid-column: 1;
    grid-row: 1;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 0.35rem !important;
    pointer-events: none !important;
    z-index: 1 !important;
    min-height: 1.5rem !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: clamp(0.95rem, 2.4vw, 1.15rem) !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.35 !important;
}
body:not(.admin-page) .hero-type-prefix {
    color: rgba(255, 255, 255, 0.55) !important;
    white-space: nowrap !important;
}
body:not(.admin-page) .hero-type-sep {
    color: #0055ff !important;
    font-weight: 600 !important;
    margin: 0 0.15rem !important;
}
body:not(.admin-page) .hero-type-word {
    color: #fff !important;
    font-weight: 600 !important;
    min-width: 0.5ch !important;
}
body:not(.admin-page) .hero-type-caret {
    display: inline-block !important;
    width: 2px !important;
    height: 1.05em !important;
    margin-left: 2px !important;
    background: #0055ff !important;
    vertical-align: -0.12em !important;
    animation: heroCaretBlink 1s steps(1) infinite !important;
}
@keyframes heroCaretBlink {
    0%, 45% { opacity: 1; }
    50%, 100% { opacity: 0; }
}
body:not(.admin-page) .hero-smart-search.is-typewriter .hero-smart-input {
    grid-column: 1;
    grid-row: 1;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: clamp(0.95rem, 2.4vw, 1.15rem) !important;
    font-weight: 600 !important;
    padding: 0.15rem 0 !important;
    caret-color: #0055ff !important;
    opacity: 0 !important;
}
body:not(.admin-page) .hero-smart-search.is-typewriter.is-typing .hero-type-line {
    opacity: 0 !important;
}
body:not(.admin-page) .hero-smart-search.is-typewriter.is-typing .hero-smart-input,
body:not(.admin-page) .hero-smart-search.is-typewriter .hero-smart-input:focus {
    opacity: 1 !important;
}
body:not(.admin-page) .hero-smart-search.is-typewriter .hero-smart-submit {
    grid-column: 2;
    grid-row: 1;
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
    color: #0055ff !important;
    border: none !important;
    border-bottom: none !important;
    min-height: auto !important;
    padding: 0.2rem 0 0.2rem 0.5rem !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}
body:not(.admin-page) .hero-smart-search.is-typewriter .hero-smart-submit:hover {
    background: transparent !important;
    color: #fff !important;
}

/* Ambient orb — visible on hero + while scrolling */
.ksma-ambient-orb,
body:not(.admin-page) .ksma-ambient-orb {
    position: fixed !important;
    width: min(85vw, 820px) !important;
    height: min(85vw, 820px) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background: radial-gradient(circle, rgba(0, 85, 255, 0.45) 0%, rgba(0, 85, 255, 0.16) 38%, transparent 68%) !important;
    filter: blur(8px) !important;
    mix-blend-mode: screen !important;
    opacity: 0.9 !important;
    visibility: visible !important;
}
body:not(.admin-page) .hero-section,
body:not(.admin-page) .section {
    background-color: transparent !important;
}
body:not(.admin-page) .hero-section {
    background-image:
        radial-gradient(ellipse 85% 55% at 50% 70%, rgba(0, 85, 255, 0.22), transparent 62%) !important;
    background-color: transparent !important;
}
body:not(.admin-page) {
    background: var(--ksma-void, #04060d) !important;
}

/* Shorter glassy navbar */
body:not(.admin-page) .bottom-navbar {
    bottom: 0.65rem !important;
    width: calc(100% - 1.5rem) !important;
    max-width: 720px !important;
}
body:not(.admin-page) .bottom-nav-container {
    background: rgba(0, 0, 0, 0.42) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    padding: 0.4rem 1rem !important;
    min-height: 2.85rem !important;
    box-shadow: none !important;
}
body:not(.admin-page) .menu-toggle-btn {
    font-size: 0.72rem !important;
    letter-spacing: 0.12em !important;
    padding: 0.25rem 0 !important;
}
body:not(.admin-page) .nav-chat-btn {
    width: 2.2rem !important;
    height: 2.2rem !important;
}
body:not(.admin-page) .profile-picture,
body:not(.admin-page) .profile-img {
    width: 1.85rem !important;
    height: 1.85rem !important;
}

/* STOP outlining everything */
body:not(.admin-page) [data-chapter] {
    border: none !important;
    border-top: none !important;
}
body:not(.admin-page) .offers-label,
body:not(.admin-page) .services-label,
body:not(.admin-page) .testimonials-label,
body:not(.admin-page) .publikime-label,
body:not(.admin-page) .collaboration-label,
body:not(.admin-page) .contact-label,
body:not(.admin-page) .about-label,
body:not(.admin-page) .clients-label,
body:not(.admin-page) .hero-smart-chip {
    border: none !important;
    border-bottom: none !important;
    width: auto !important;
    display: inline-block !important;
    padding-bottom: 0 !important;
    margin-bottom: 0.55rem !important;
}
body:not(.admin-page) .home-journal-header {
    border: none !important;
}
body:not(.admin-page) .ksma-chapter-num {
    border: none !important;
    border-bottom: 1px solid #0055ff !important;
}
body:not(.admin-page) .offer-card,
body:not(.admin-page) .service-card,
body:not(.admin-page) .project-showcase-card,
body:not(.admin-page) .project-item,
body:not(.admin-page) .home-journal-card {
    border-top: none !important;
}
body:not(.admin-page) .services-preview-grid .service-card,
body:not(.admin-page) .services-grid .service-card {
    border: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

/* §05 services — NO horizontal rail (fix glitch) */
body:not(.admin-page) .services-section .services-preview-grid,
body:not(.admin-page) .services-section .services-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
    overflow: visible !important;
    flex-wrap: unset !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    scroll-snap-type: none !important;
    border: none !important;
}
body:not(.admin-page) .services-section .service-card,
body:not(.admin-page) .services-section .service-card-compact {
    flex: unset !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    scroll-snap-align: unset !important;
}

/* Mobile titles — readable, not huge / broken */
@media (max-width: 900px) {
    body:not(.admin-page) .hero-title {
        font-size: clamp(1.85rem, 9vw, 2.6rem) !important;
        line-height: 1.05 !important;
    }
    body:not(.admin-page) .offers-title,
    body:not(.admin-page) .home-journal-title,
    body:not(.admin-page) .testimonials-title,
    body:not(.admin-page) .clients-title,
    body:not(.admin-page) .about-title,
    body:not(.admin-page) .collaboration-title,
    body:not(.admin-page) .contact-title,
    body:not(.admin-page) .home-cta-title,
    body:not(.admin-page) .section-title,
    body:not(.admin-page) .services-section .home-journal-title {
        font-size: clamp(1.35rem, 6.5vw, 1.85rem) !important;
        line-height: 1.15 !important;
        max-width: 16ch;
    }
    body:not(.admin-page) .home-journal-header {
        flex-direction: row !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 0.65rem 1rem !important;
    }
    body:not(.admin-page) .ksma-chapter {
        margin-bottom: 0.4rem !important;
    }
    body:not(.admin-page) .ksma-chapter-num,
    body:not(.admin-page) .ksma-chapter-label,
    body:not(.admin-page) .services-label,
    body:not(.admin-page) .offers-label,
    body:not(.admin-page) .testimonials-label {
        font-size: 0.62rem !important;
    }
    body:not(.admin-page) .hero-tech-rail {
        margin-top: 2.5rem !important;
        padding-top: 1.75rem !important;
        width: 100% !important;
    }
    body:not(.admin-page) .hero-tech-item {
        width: 1.55rem !important;
        height: 1.55rem !important;
    }
    body:not(.admin-page) .hero-tech-item svg,
    body:not(.admin-page) .hero-tech-item img {
        width: 1.25rem !important;
        height: 1.25rem !important;
        fill: unset !important;
    }
    body:not(.admin-page) .hero-tech-track {
        gap: 1.75rem !important;
    }
    body:not(.admin-page) .hero-type-line,
    body:not(.admin-page) .hero-smart-search.is-typewriter .hero-smart-input {
        font-size: 0.92rem !important;
    }
    body:not(.admin-page) .hero-type-prefix {
        white-space: normal !important;
    }
    body:not(.admin-page) .services-section .services-preview-grid,
    body:not(.admin-page) .services-section .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        display: grid !important;
        overflow: visible !important;
    }
    body:not(.admin-page) .services-section .service-card {
        border-right: none !important;
    }
    body:not(.admin-page) .services-section .service-card:nth-child(2n) {
        border-right: none !important;
    }
    /* exclude services from card-rail overrides */
    body:not(.admin-page) .services-preview-grid.ksma-card-rail,
    body:not(.admin-page) .services-section .ksma-card-rail {
        display: grid !important;
        overflow: visible !important;
        flex-direction: unset !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media (max-width: 900px) {
    body:not(.admin-page) .offers-section .offers-grid:not(.offers-slider-track),
    body:not(.admin-page) .projects-section .projects-showcase-grid,
    body:not(.admin-page) .projects-grid,
    body:not(.admin-page) .ksma-card-rail:not(.services-preview-grid):not(.services-grid):not(.home-journal-grid):not(.offers-slider-track) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        flex-direction: unset !important;
        flex-wrap: unset !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ═══════════════════════════════════════════
   Journal grids (portfolio etc.) — 3-col cards
   (#publikime uses its own row layout below)
   ═══════════════════════════════════════════ */
body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: visible !important;
    flex-wrap: unset !important;
    scroll-snap-type: none !important;
}
body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-card {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--ksma-void, #04060d) !important;
    border: none !important;
    border-right: none !important;
    flex: unset !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    scroll-snap-align: unset !important;
}
body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-card:last-child {
    border-right: none !important;
}
body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-image {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 10 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-image img,
body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-card img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-body {
    padding: 0.7rem 0.85rem 0.9rem !important;
}
body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-meta {
    font-size: 0.62rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #888 !important;
    margin: 0 0 0.35rem !important;
}
body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-body h3 {
    font-size: 0.92rem !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    font-weight: 600 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-body p {
    display: none !important;
}

@media (max-width: 900px) {
    body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-grid,
    body:not(.admin-page) .home-journal-grid.ksma-card-rail {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
        flex-direction: unset !important;
        scroll-snap-type: none !important;
    }
    body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-card {
        border-right: none !important;
        border-bottom: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: unset !important;
    }
    body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-card:nth-child(2n) {
        border-right: none !important;
    }
    body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-image {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 10 !important;
    }
    body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-image img,
    body:not(.admin-page) .home-journal-section:not(#publikime) .home-journal-card img {
        height: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
    }
}

/* Also exclude home-journal from earlier mobile rail selectors */
@media (max-width: 900px) {
    body:not(.admin-page) .home-journal-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        overflow: visible !important;
    }
}

/* ═══════════════════════════════════════════
   STABILITY PASS — native scroll, logos, motion, publikime
   ═══════════════════════════════════════════ */

html {
    scroll-behavior: auto;
}
html,
body {
    overflow-x: clip;
    overscroll-behavior-y: none;
}

/* Reveal motion — only when .ksma-motion is set by JS */
html.ksma-motion .ksma-reveal {
    opacity: 0;
    transform: translate3d(0, 16px, 0);
    transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}
html.ksma-motion .ksma-reveal.is-inview {
    opacity: 1;
    transform: none;
    will-change: auto;
}
@media (prefers-reduced-motion: reduce) {
    html.ksma-motion .ksma-reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* Ambient orb — CSS position vars + soft pulse */
.ksma-ambient-orb,
body:not(.admin-page) .ksma-ambient-orb {
    position: fixed !important;
    left: var(--orb-x, 50%) !important;
    top: var(--orb-y, 58%) !important;
    transform: translate(-50%, -50%) !important;
    width: min(90vw, 900px) !important;
    height: min(90vw, 900px) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background: radial-gradient(circle, rgba(0, 85, 255, 0.5) 0%, rgba(0, 85, 255, 0.18) 40%, transparent 70%) !important;
    filter: blur(12px) !important;
    mix-blend-mode: screen !important;
    opacity: 0.9 !important;
    visibility: visible !important;
    transition: left 0.12s linear, top 0.12s linear !important;
}
.ksma-ambient-orb.is-alive {
    animation: ksmaOrbPulse 7s ease-in-out infinite alternate !important;
}
@keyframes ksmaOrbPulse {
    from { opacity: 0.65; filter: blur(10px); }
    to { opacity: 1; filter: blur(18px); }
}

/* Logo marquee — CSS-driven (PHP already doubles content) */
@keyframes logoMarqueeLeft {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}
@keyframes logoMarqueeRight {
    from { transform: translate3d(-50%, 0, 0); }
    to { transform: translate3d(0, 0, 0); }
}
body:not(.admin-page) .logo-img {
    transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
    body:not(.admin-page) .logo-slider-track,
    body:not(.admin-page) .logo-slider-track-1,
    body:not(.admin-page) .logo-slider-track-2,
    body:not(.admin-page) .logo-slider-track-3,
    body:not(.admin-page) .logo-slider-track-4,
    body:not(.admin-page) .logo-slider-track-5,
    body:not(.admin-page) .logo-slider-track-6,
    body:not(.admin-page) .logo-slider-track-7,
    body:not(.admin-page) .logo-slider-track-8,
    body:not(.admin-page) .hero-tech-track,
    body:not(.admin-page) .hero-circle {
        animation: none !important;
    }
}

/* Hero tech rail keep moving */
body:not(.admin-page) .hero-tech-track {
    animation: heroTechMarquee 32s linear infinite !important;
    animation-play-state: running !important;
    width: max-content !important;
}

/* PUBLIKIME — short horizontal rows, text left / image right */
body:not(.admin-page) #publikime.home-journal-section .home-journal-grid,
body:not(.admin-page) .home-journal-section#publikime .home-journal-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
}
body:not(.admin-page) #publikime .home-journal-card,
body:not(.admin-page) .home-journal-section#publikime .home-journal-card {
    display: block !important;
    flex: unset !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: none !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
body:not(.admin-page) #publikime .home-journal-card:last-child {
    border-bottom: none !important;
}
body:not(.admin-page) #publikime .home-journal-link {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 9rem !important;
    align-items: center !important;
    gap: 1.25rem !important;
    padding: 0.75rem 0 !important;
    min-height: 5.25rem !important;
    height: auto !important;
    text-decoration: none !important;
    color: inherit !important;
}
body:not(.admin-page) #publikime .home-journal-body {
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 0.3rem !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
}
body:not(.admin-page) #publikime .home-journal-image {
    order: 2 !important;
    width: 9rem !important;
    height: 4.5rem !important;
    min-height: 4.5rem !important;
    max-height: 4.5rem !important;
    margin: 0 !important;
    overflow: hidden !important;
    flex: 0 0 9rem !important;
    aspect-ratio: auto !important;
}
body:not(.admin-page) #publikime .home-journal-image img,
body:not(.admin-page) #publikime .home-journal-card img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    transform: none !important;
}
body:not(.admin-page) #publikime .home-journal-meta {
    display: block !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #666 !important;
    margin: 0 !important;
}
body:not(.admin-page) #publikime .home-journal-body h3 {
    font-size: clamp(0.92rem, 1.5vw, 1.1rem) !important;
    line-height: 1.28 !important;
    margin: 0 !important;
    font-weight: 500 !important;
    color: #fff !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
body:not(.admin-page) #publikime .home-journal-body p {
    display: none !important;
}
body:not(.admin-page) #publikime .home-journal-link:hover .home-journal-body h3 {
    color: #0055ff !important;
}
@media (max-width: 640px) {
    body:not(.admin-page) #publikime .home-journal-link {
        grid-template-columns: minmax(0, 1fr) 5.5rem !important;
        gap: 0.85rem !important;
        min-height: 4.25rem !important;
        padding: 0.65rem 0 !important;
    }
    body:not(.admin-page) #publikime .home-journal-image {
        width: 5.5rem !important;
        height: 3.75rem !important;
        min-height: 3.75rem !important;
        max-height: 3.75rem !important;
        flex-basis: 5.5rem !important;
    }
}

/* ═══════════════════════════════════════════
   POLISH — typewriter, outlines, mobile left, footer flush
   ═══════════════════════════════════════════ */

body:not(.admin-page) .hero-type-prefix {
    color: rgba(255, 255, 255, 0.55) !important;
    white-space: nowrap !important;
    font-weight: 400 !important;
}
body:not(.admin-page) .hero-type-sep {
    display: none !important;
}

/* Contact wizard — solid button rows, no broken box outline */
body:not(.admin-page) .contact-wizard-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    border: none !important;
    max-width: 100% !important;
    outline: none !important;
    box-shadow: none !important;
}
body:not(.admin-page) .contact-wizard-option {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0.95rem 0.85rem !important;
    border: none !important;
    border-left: 0 !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: left !important;
    box-shadow: none !important;
    outline: none !important;
}
body:not(.admin-page) .contact-wizard-option:nth-child(2n),
body:not(.admin-page) .contact-wizard-option:nth-last-child(-n+2) {
    border-right: none !important;
}
body:not(.admin-page) .contact-wizard-option:hover:not(.is-selected) {
    background: transparent !important;
    padding-left: 0.65rem !important;
}
body:not(.admin-page) .contact-wizard-option:hover:not(.is-selected) strong,
body:not(.admin-page) .contact-wizard-option:hover:not(.is-selected) span,
body:not(.admin-page) .contact-wizard-option:hover:not(.is-selected) i {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body:not(.admin-page) .contact-wizard-option.is-selected {
    background: #0055ff !important;
    border-left: 0 !important;
}
body:not(.admin-page) .contact-wizard-option i {
    margin-bottom: 0 !important;
    color: #fff !important;
}
body:not(.admin-page) .contact-wizard-option:hover i,
body:not(.admin-page) .contact-wizard-option.is-selected i {
    color: #3d7eff !important;
}

body:not(.admin-page) .submit-btn,
body:not(.admin-page) .home-cta-strip .submit-btn,
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .offer-reserve-btn {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .home-cta-strip .submit-btn {
    background: var(--ksma-void, #04060d) !important;
    color: #fff !important;
    padding: 0.85rem 1.35rem !important;
}
body:not(.admin-page) .home-cta-strip .submit-btn:hover {
    background: #fff !important;
    color: #000 !important;
}

/* Footer brand — flush bottom, 5px inset */
body:not(.admin-page) .footer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
body:not(.admin-page) .footer-brand-band {
    margin: 0 !important;
    margin-top: 0.75rem !important;
    padding: 0 !important;
    line-height: 0 !important;
    background: var(--ksma-void, #04060d) !important;
    border: none !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .footer-brand-band-link {
    display: block !important;
    padding: 5px !important;
    line-height: 0 !important;
}
body:not(.admin-page) .footer-brand-band-img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center bottom !important;
}

body:not(.admin-page) .footer-social a i,
body:not(.admin-page) .footer-social-link i {
    display: none !important;
}
body:not(.admin-page) .footer-social-icon {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    object-fit: contain !important;
}

@media (max-width: 900px) {
    body:not(.admin-page) .hero-content,
    body:not(.admin-page) .hero-section .hero-content {
        align-items: center !important;
        text-align: center !important;
    }
    body:not(.admin-page) .hero-title,
    body:not(.admin-page) .hero-subtitle,
    body:not(.admin-page) .hero-tagline {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body:not(.admin-page) .hero-smart-search.is-typewriter {
        width: min(100%, 22rem) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body:not(.admin-page) .offers-title,
    body:not(.admin-page) .home-journal-title,
    body:not(.admin-page) .testimonials-title,
    body:not(.admin-page) .clients-title,
    body:not(.admin-page) .about-title,
    body:not(.admin-page) .about-title-stack,
    body:not(.admin-page) .collaboration-title,
    body:not(.admin-page) .contact-title,
    body:not(.admin-page) .home-cta-title,
    body:not(.admin-page) .home-cta-sub,
    body:not(.admin-page) .section-title,
    body:not(.admin-page) .services-section .home-journal-title,
    body:not(.admin-page) .clients-description,
    body:not(.admin-page) .about-description,
    body:not(.admin-page) .contact-description {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        max-width: 100% !important;
    }
    body:not(.admin-page) .home-cta-strip,
    body:not(.admin-page) .home-cta-inner,
    body:not(.admin-page) .home-cta-copy,
    body:not(.admin-page) .home-cta-actions {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        flex-direction: column !important;
    }
    body:not(.admin-page) .home-cta-strip .ksma-chapter,
    body:not(.admin-page) .section .ksma-chapter {
        justify-content: flex-start !important;
    }
    body:not(.admin-page) .home-cta-title {
        font-size: clamp(1.35rem, 6.5vw, 1.85rem) !important;
        line-height: 1.15 !important;
    }
    body:not(.admin-page) .contact-wizard-options {
        flex-direction: column !important;
    }
}

/* ═══════════════════════════════════════════
   LOGO MARQUEE + FORM + NAV polish
   ═══════════════════════════════════════════ */

/* Client logos — 8 rows, smaller marks, more spacing, seamless -50% loop */
body:not(.admin-page) .clients-logo-panel {
    padding-top: 2.75rem !important;
    padding-bottom: 3.5rem !important;
}
body:not(.admin-page) .clients-logo-slider {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.45rem !important;
    min-height: 24rem !important;
}
body:not(.admin-page) .logo-slider-row {
    overflow: hidden !important;
    height: 30px !important;
    margin: 0 !important;
    /* Narrow soft edge — logos stay visible (no hard vanish) */
    mask-image: linear-gradient(90deg, transparent 0%, #000 1.5%, #000 98.5%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 1.5%, #000 98.5%, transparent 100%) !important;
}
body:not(.admin-page) .logo-slider-track,
body:not(.admin-page) .logo-slider-track-1,
body:not(.admin-page) .logo-slider-track-2,
body:not(.admin-page) .logo-slider-track-3,
body:not(.admin-page) .logo-slider-track-4,
body:not(.admin-page) .logo-slider-track-5,
body:not(.admin-page) .logo-slider-track-6,
body:not(.admin-page) .logo-slider-track-7,
body:not(.admin-page) .logo-slider-track-8 {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    /* gap breaks -50% seam — spacing via item margin instead */
    gap: 0 !important;
    height: 30px !important;
    will-change: transform;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    animation: logoMarqueeLeft var(--logo-duration, 55s) linear infinite !important;
    animation-play-state: running !important;
}
body:not(.admin-page) .logo-slider-track-2,
body:not(.admin-page) .logo-slider-track-4,
body:not(.admin-page) .logo-slider-track-6,
body:not(.admin-page) .logo-slider-track-8,
body:not(.admin-page) .logo-slider-track.is-marquee-right {
    animation-name: logoMarqueeRight !important;
}
body:not(.admin-page) .logo-slider-row:hover .logo-slider-track,
body:not(.admin-page) .logo-slider-track:hover {
    animation-play-state: running !important;
}
body:not(.admin-page) .logo-item {
    flex: 0 0 auto !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 4.5rem 0 0 !important;
    background: transparent !important;
    border: none !important;
    pointer-events: none !important;
    transform: none !important;
    opacity: 1 !important;
}
body:not(.admin-page) .logo-item:hover,
body:not(.admin-page) .logo-item:hover .logo-img {
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
}
body:not(.admin-page) .logo-img,
body:not(.admin-page) .logo-item .logo-img {
    max-height: 16px !important;
    max-width: 68px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    background: transparent !important;
    mix-blend-mode: normal !important;
    transform: none !important;
    transition: none !important;
    opacity: 0.9 !important;
}
body:not(.admin-page) .logo-fallback {
    font-size: 0.55rem !important;
    letter-spacing: 0.04em !important;
    opacity: 0.7 !important;
    white-space: nowrap !important;
}

/* Contact form — one underline per field, no double lines */
body:not(.admin-page) .contact-wizard-fields input,
body:not(.admin-page) .contact-wizard-fields textarea {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0 !important;
}
body:not(.admin-page) .contact-wizard-fields input:focus,
body:not(.admin-page) .contact-wizard-fields textarea:focus {
    border-bottom-color: #0055ff !important;
    box-shadow: none !important;
    outline: none !important;
}
body:not(.admin-page) .combobox-search {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    box-shadow: none !important;
    padding-bottom: 0.45rem !important;
}
body:not(.admin-page) .combobox-search:focus-within {
    border-bottom-color: #0055ff !important;
    box-shadow: none !important;
}
body:not(.admin-page) .combobox-search input {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0.35rem 0 !important;
}
body:not(.admin-page) .cw-field {
    margin-bottom: 1.35rem !important;
    border: none !important;
    padding-bottom: 0 !important;
}
body:not(.admin-page) .cw-field:last-child {
    margin-bottom: 0.5rem !important;
}
body:not(.admin-page) .contact-wizard-combobox-panel {
    border: none !important;
    margin-top: 0.25rem !important;
}
body:not(.admin-page) .contact-wizard-combobox-panel::after {
    height: 20px !important;
    background: linear-gradient(to bottom, transparent, #000) !important;
}
body:not(.admin-page) .contact-wizard-combobox-list [role="option"] {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
body:not(.admin-page) .contact-wizard-combobox-list [role="option"]:last-child {
    border-bottom: none !important;
}
body:not(.admin-page) .contact-wizard-nav {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
body:not(.admin-page) .cw-nav-back,
body:not(.admin-page) .cw-nav-back span {
    border: none !important;
    border-bottom: 1px solid #444 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0.55rem 0.15rem !important;
}
body:not(.admin-page) .cw-nav-back:hover {
    border-bottom-color: #0055ff !important;
    color: #0055ff !important;
}
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .cw-nav-next.cw-nav-submit {
    border: none !important;
    box-shadow: none !important;
}
body:not(.admin-page) .contact-wizard-options {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
body:not(.admin-page) .contact-wizard-option {
    border-bottom: none !important;
    border-right: none !important;
    box-shadow: none !important;
}

/* Footer social — no underline sticks */
body:not(.admin-page) .footer-social a,
body:not(.admin-page) .footer-social-link {
    border: none !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    min-width: auto !important;
}

/* Navbar — vertical center + true mid for chat */
body:not(.admin-page) .bottom-nav-container {
    align-items: center !important;
    grid-template-columns: minmax(2.75rem, 1fr) auto minmax(2.75rem, 1fr) !important;
}
body:not(.admin-page) .nav-profile,
body:not(.admin-page) .profile-link,
body:not(.admin-page) .profile-picture {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: flex-start !important;
}
body:not(.admin-page) .profile-picture,
body:not(.admin-page) .profile-img {
    margin-bottom: 0 !important;
    transform: none !important;
}
body:not(.admin-page) .nav-chat-wrap {
    justify-self: center !important;
    align-self: center !important;
}
body:not(.admin-page) .nav-chat-btn {
    align-self: center !important;
    margin-bottom: 0 !important;
}
body:not(.admin-page) .menu-toggle-btn {
    justify-self: end !important;
    align-self: center !important;
    padding-bottom: 0 !important;
}

/* ═══════════════════════════════════════════
   BUTTON HOVERS + SMART SEARCH RESULTS
   ═══════════════════════════════════════════ */

body:not(.admin-page) .submit-btn,
body:not(.admin-page) .offer-reserve-btn,
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .cw-nav-next.cw-nav-submit,
body:not(.admin-page) .hero-smart-submit,
body:not(.admin-page) .ksma-chat-send,
body:not(.admin-page) .ksma-chat-quick-btn {
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease !important;
    cursor: pointer !important;
}

/* Default blue buttons */
body:not(.admin-page) .submit-btn {
    background: #0055ff !important;
    color: #fff !important;
    border: none !important;
    padding: 0.9rem 1.5rem !important;
}
body:not(.admin-page) .submit-btn:hover,
body:not(.admin-page) .submit-btn:hover span {
    background: #fff !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}
body:not(.admin-page) .submit-btn:active {
    transform: translateY(1px) !important;
}

/* CTA strip on blue — black btn → white on hover */
body:not(.admin-page) .home-cta-strip .submit-btn {
    background: var(--ksma-void, #04060d) !important;
    color: #fff !important;
}
body:not(.admin-page) .home-cta-strip .submit-btn:hover,
body:not(.admin-page) .home-cta-strip .submit-btn:hover span {
    background: #fff !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}
body:not(.admin-page) .home-cta-strip .project-link span {
    transition: color 0.2s ease, border-color 0.2s ease !important;
}
body:not(.admin-page) .home-cta-strip .project-link:hover span {
    color: #000 !important;
    border-bottom-color: #000 !important;
}

body:not(.admin-page) .offer-reserve-btn:hover {
    background: #fff !important;
    color: #000 !important;
}
body:not(.admin-page) .cw-nav-next:hover,
body:not(.admin-page) .cw-nav-next:hover span {
    background: #fff !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    border-color: #fff !important;
}

body:not(.admin-page) .hero-smart-search.is-typewriter .hero-smart-submit {
    color: #0055ff !important;
}
body:not(.admin-page) .hero-smart-search.is-typewriter .hero-smart-submit:hover {
    color: #fff !important;
    background: transparent !important;
}

/* Smart search results dropdown */
body:not(.admin-page) .hero-smart-search.is-typewriter {
    position: relative !important;
    z-index: 5 !important;
}
body:not(.admin-page) .hero-smart-results {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 0.35rem) !important;
    z-index: 30 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    background: rgba(0, 0, 0, 0.92) !important;
    border: none !important;
    border-top: 1px solid #0055ff !important;
    padding: 0.25rem 0 !important;
    max-height: 16rem !important;
    overflow-y: auto !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}
body:not(.admin-page) .hero-smart-results[hidden] {
    display: none !important;
}
body:not(.admin-page) .hero-smart-result {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.15rem !important;
    padding: 0.7rem 0.85rem !important;
    text-decoration: none !important;
    color: #fff !important;
    border: none !important;
    border-left: 3px solid transparent !important;
    border-bottom: none !important;
    transition: background 0.15s ease, border-color 0.15s ease !important;
}
body:not(.admin-page) .hero-smart-result:last-child {
    border-bottom: none !important;
}
body:not(.admin-page) .hero-smart-result:hover,
body:not(.admin-page) .hero-smart-result.is-active {
    background: #0055ff !important;
    border-left-color: #fff !important;
}
body:not(.admin-page) .hero-smart-result-title {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #fff !important;
}
body:not(.admin-page) .hero-smart-result-desc {
    font-size: 0.72rem !important;
    color: rgba(255, 255, 255, 0.65) !important;
}
body:not(.admin-page) .hero-smart-result:hover .hero-smart-result-desc,
body:not(.admin-page) .hero-smart-result.is-active .hero-smart-result-desc {
    color: rgba(255, 255, 255, 0.9) !important;
}
body:not(.admin-page) .hero-smart-empty {
    padding: 0.75rem 0.85rem !important;
    font-size: 0.8rem !important;
    color: #999 !important;
}
body:not(.admin-page) .hero-smart-empty strong {
    color: #fff !important;
}

/* Chatbot quick buttons hover + input affordance */
body:not(.admin-page) .ksma-chat-quick-btn:hover {
    background: #0055ff !important;
    color: #fff !important;
    transform: translateX(2px) !important;
}
body:not(.admin-page) .ksma-chat-quick-btn.primary:hover {
    background: #fff !important;
    color: #000 !important;
}
body:not(.admin-page) .ksma-chat-input:focus {
    border-bottom-color: #0055ff !important;
}
body:not(.admin-page) .ksma-chat-send:hover {
    background: #fff !important;
    color: #000 !important;
}
body:not(.admin-page) .ksma-chat-send:hover .ti {
    color: #000 !important;
}

/* ═══════════════════════════════════════════
   FORM + NAV ICONS — clean minimal polish
   ═══════════════════════════════════════════ */

/* All wizard fields: underline only, no box fill */
body:not(.admin-page) .contact-form-wizard input,
body:not(.admin-page) .contact-form-wizard textarea,
body:not(.admin-page) .contact-wizard input,
body:not(.admin-page) .contact-wizard textarea,
body:not(.admin-page) .contact-wizard-step input,
body:not(.admin-page) .contact-wizard-step textarea,
body:not(.admin-page) .contact-wizard-fields input,
body:not(.admin-page) .contact-wizard-fields textarea,
body:not(.admin-page) .combobox-search input {
    width: 100% !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #2a2a2a !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0.85rem 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
    font-size: 0.95rem !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
body:not(.admin-page) .contact-form-wizard input:focus,
body:not(.admin-page) .contact-form-wizard textarea:focus,
body:not(.admin-page) .contact-wizard input:focus,
body:not(.admin-page) .contact-wizard textarea:focus,
body:not(.admin-page) .contact-wizard-step input:focus,
body:not(.admin-page) .contact-wizard-step textarea:focus {
    border-bottom-color: #0055ff !important;
    box-shadow: none !important;
    background: transparent !important;
}
body:not(.admin-page) .contact-form-wizard input::placeholder,
body:not(.admin-page) .contact-form-wizard textarea::placeholder,
body:not(.admin-page) .contact-wizard input::placeholder,
body:not(.admin-page) .contact-wizard textarea::placeholder {
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
    opacity: 1 !important;
}
body:not(.admin-page) .contact-form-wizard textarea,
body:not(.admin-page) .contact-wizard textarea {
    min-height: 6.5rem !important;
    resize: vertical !important;
    line-height: 1.45 !important;
}

/* Labels — quiet caps, no chrome */
body:not(.admin-page) .cw-label {
    display: block !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #777 !important;
    margin-bottom: 0.45rem !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
}
body:not(.admin-page) .cw-optional {
    color: #555 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Combobox search row */
body:not(.admin-page) .combobox-search {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #2a2a2a !important;
    box-shadow: none !important;
    padding: 0.2rem 0 0.55rem !important;
}
body:not(.admin-page) .combobox-search:focus-within {
    border-bottom-color: #0055ff !important;
}
body:not(.admin-page) .combobox-search input {
    border-bottom: none !important;
    padding: 0.35rem 0 !important;
}
body:not(.admin-page) .combobox-search .ti {
    color: #555 !important;
    font-size: 1rem !important;
}

/* Industry list — hairlines only */
body:not(.admin-page) .contact-wizard-combobox-panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
body:not(.admin-page) .contact-wizard-combobox-list [role="option"] {
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    padding: 0.7rem 0 !important;
}
body:not(.admin-page) .contact-wizard-combobox-list [role="option"]:hover,
body:not(.admin-page) .contact-wizard-combobox-list [role="option"].is-highlighted {
    background: transparent !important;
    color: #0055ff !important;
}
body:not(.admin-page) .contact-wizard-combobox-list [role="option"].is-selected {
    background: transparent !important;
    color: #fff !important;
    border-bottom-color: #0055ff !important;
}

/* Step 3 grid tighter */
body:not(.admin-page) .contact-form-wizard .form-row,
body:not(.admin-page) .contact-wizard-step .form-row {
    gap: 1.5rem 2rem !important;
    margin-bottom: 1.5rem !important;
}

/* Nav: icon < > and send */
body:not(.admin-page) .contact-wizard-nav {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-top: 2.75rem !important;
    padding-top: 1.5rem !important;
    border-top: none !important;
    border-bottom: none !important;
}
body:not(.admin-page) .cw-nav-btn {
    width: 3.25rem !important;
    height: 3.25rem !important;
    min-width: 3.25rem !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    font-family: var(--font-secondary, "Space Grotesk", sans-serif) !important;
    font-size: 1.35rem !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease !important;
}
body:not(.admin-page) .cw-nav-btn span,
body:not(.admin-page) .cw-nav-glyph,
body:not(.admin-page) .cw-nav-send {
    position: static !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
}
body:not(.admin-page) .cw-nav-back,
body:not(.admin-page) .cw-nav-back span,
body:not(.admin-page) .cw-nav-back .cw-nav-glyph {
    background: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: none !important;
    border-bottom: 1px solid #444 !important;
    box-shadow: none !important;
}
body:not(.admin-page) .cw-nav-back {
    border-bottom: 1px solid #444 !important;
}
body:not(.admin-page) .cw-nav-back:hover {
    color: #0055ff !important;
    border-bottom-color: #0055ff !important;
    transform: translateX(-2px) !important;
}
body:not(.admin-page) .cw-nav-back:hover .cw-nav-glyph {
    color: #0055ff !important;
    -webkit-text-fill-color: #0055ff !important;
}
body:not(.admin-page) .cw-nav-next {
    background: #0055ff !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
}
body:not(.admin-page) .cw-nav-next .cw-nav-glyph,
body:not(.admin-page) .cw-nav-next span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: transparent !important;
    border: none !important;
}
body:not(.admin-page) .cw-nav-next .cw-nav-send {
    display: none !important;
}
body:not(.admin-page) .cw-nav-next.cw-nav-submit .cw-nav-next-glyph {
    display: none !important;
}
body:not(.admin-page) .cw-nav-next.cw-nav-submit .cw-nav-send {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body:not(.admin-page) .cw-nav-next.cw-nav-submit .cw-nav-send .ti {
    font-size: 1.15rem !important;
    color: #fff !important;
}
body:not(.admin-page) .cw-nav-next:hover,
body:not(.admin-page) .cw-nav-next.cw-nav-submit:hover {
    background: #fff !important;
    color: #000 !important;
    transform: translateX(2px) !important;
}
body:not(.admin-page) .cw-nav-next:hover .cw-nav-glyph,
body:not(.admin-page) .cw-nav-next:hover span,
body:not(.admin-page) .cw-nav-next:hover .ti,
body:not(.admin-page) .cw-nav-next.cw-nav-submit:hover .ti {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}
body:not(.admin-page) .cw-nav-next.cw-nav-submit:hover {
    transform: translateY(-1px) !important;
}

/* Navbar menu: large + → × */
body:not(.admin-page) .menu-toggle-btn {
    width: 2.75rem !important;
    height: 2.75rem !important;
    min-width: 2.75rem !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    letter-spacing: 0 !important;
    font-size: 0 !important;
    position: relative !important;
    z-index: 10060 !important;
}
body:not(.admin-page) .menu-toggle-btn .menu-plus,
body:not(.admin-page) .menu-toggle-btn > span:not(.menu-toggle-icon) {
    display: none !important;
}
body:not(.admin-page) .menu-toggle-icon {
    position: relative !important;
    display: block !important;
    width: 0.95rem !important;
    height: 0.95rem !important;
}
body:not(.admin-page) .menu-toggle-bar {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 100% !important;
    height: 3px !important;
    background: #fff !important;
    border-radius: 0 !important;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease !important;
}
body:not(.admin-page) .menu-toggle-bar:first-child {
    transform: translateY(-50%) rotate(90deg) !important;
}
body:not(.admin-page) .menu-toggle-bar:last-child {
    transform: translateY(-50%) rotate(0deg) !important;
}
body:not(.admin-page) .menu-toggle-btn.is-open .menu-toggle-bar:first-child,
body.menu-is-open .menu-toggle-btn .menu-toggle-bar:first-child {
    transform: translateY(-50%) rotate(45deg) !important;
}
body:not(.admin-page) .menu-toggle-btn.is-open .menu-toggle-bar:last-child,
body.menu-is-open .menu-toggle-btn .menu-toggle-bar:last-child {
    transform: translateY(-50%) rotate(-45deg) !important;
}
body:not(.admin-page) .menu-toggle-btn:hover .menu-toggle-bar {
    background: #0055ff !important;
}
body:not(.admin-page) .menu-toggle-btn.is-open:hover .menu-toggle-bar {
    background: #fff !important;
}

/* Keep toggle visible above open menu */
body.menu-is-open .bottom-navbar,
body.menu-is-open .menu-toggle-btn {
    z-index: 10060 !important;
}

/* ═══════════════════════════════════════════
   BUTTON GEOMETRY — vertical/optical centering
   ═══════════════════════════════════════════ */

body:not(.admin-page) .info-page-cta,
body:not(.admin-page) .home-cta-actions,
body:not(.admin-page) .project-actions,
body:not(.admin-page) .service-detail-actions,
body:not(.admin-page) .article-detail-actions,
body:not(.admin-page) .contact-wizard-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 1.15rem !important;
}

/* Solid buttons — true geometric center */
body:not(.admin-page) .submit-btn,
body:not(.admin-page) .offer-reserve-btn,
body:not(.admin-page) .offer-audit-btn,
body:not(.admin-page) .hero-smart-submit,
body:not(.admin-page) .cw-nav-btn,
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .cw-nav-back,
body:not(.admin-page) .pagination-btn,
body:not(.admin-page) .footer-subscribe-btn,
body:not(.admin-page) a.submit-btn,
body:not(.admin-page) button.submit-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    text-align: center !important;
    text-decoration: none !important;
    transform: none !important;
}

body:not(.admin-page) .submit-btn,
body:not(.admin-page) a.submit-btn,
body:not(.admin-page) button.submit-btn,
body:not(.admin-page) .offer-reserve-btn,
body:not(.admin-page) .offer-audit-btn {
    min-height: 3rem !important;
    height: 3rem !important;
    padding: 0 1.5rem !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

body:not(.admin-page) .submit-btn > span,
body:not(.admin-page) .offer-reserve-btn > span,
body:not(.admin-page) .offer-audit-btn > span,
body:not(.admin-page) .hero-smart-submit > span,
body:not(.admin-page) .cw-nav-btn > span,
body:not(.admin-page) .pagination-btn > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    position: static !important;
    transform: none !important;
    /* Optical nudge for uppercase Space Grotesk */
    translate: 0 0.04em;
}

body:not(.admin-page) .submit-btn .ti,
body:not(.admin-page) .offer-reserve-btn .ti,
body:not(.admin-page) .offer-reserve-btn i,
body:not(.admin-page) .hero-smart-submit .ti,
body:not(.admin-page) .cw-nav-btn .ti {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    translate: 0 0;
}

/* Text links beside buttons — same row height & midline */
body:not(.admin-page) .info-page-cta .project-link,
body:not(.admin-page) .home-cta-actions .project-link,
body:not(.admin-page) .project-actions .project-link,
body:not(.admin-page) .section-view-all-bar .project-link,
body:not(.admin-page) .home-journal-header .project-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 3rem !important;
    height: 3rem !important;
    padding: 0 0.15rem !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    transform: none !important;
}

body:not(.admin-page) .info-page-cta .project-link span,
body:not(.admin-page) .home-cta-actions .project-link span,
body:not(.admin-page) .project-actions .project-link span,
body:not(.admin-page) .section-view-all-bar .project-link span,
body:not(.admin-page) .home-journal-header .project-link span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    padding: 0 0 0.12rem !important; /* thin underline sits under glyph */
    margin: 0 !important;
    border: none !important;
    border-bottom: 1px solid currentColor !important;
    background: transparent !important;
    position: static !important;
    translate: 0 0.04em;
}

body:not(.admin-page) .home-cta-strip .project-link span {
    border-bottom-color: #000 !important;
    color: #000 !important;
}
body:not(.admin-page) .home-cta-strip .project-link:hover span {
    border-bottom-color: #fff !important;
    color: #fff !important;
}

/* CTA strip buttons share exact height */
body:not(.admin-page) .home-cta-strip .submit-btn {
    height: 3rem !important;
    min-height: 3rem !important;
    padding: 0 1.5rem !important;
}

/* Offer cards — keep full width but center label */
body:not(.admin-page) .offer-reserve-btn,
body:not(.admin-page) .offer-audit-btn {
    width: 100% !important;
    height: 3.1rem !important;
    min-height: 3.1rem !important;
}

/* Wizard icon buttons — square, perfect center */
body:not(.admin-page) .cw-nav-btn,
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .cw-nav-back {
    width: 3.25rem !important;
    height: 3.25rem !important;
    min-height: 3.25rem !important;
    padding: 0 !important;
}
body:not(.admin-page) .cw-nav-glyph,
body:not(.admin-page) .cw-nav-send {
    translate: 0 0 !important;
    line-height: 1 !important;
}

/* Hero smart submit */
body:not(.admin-page) .hero-smart-submit {
    height: 100% !important;
    min-height: 3.25rem !important;
    padding: 0 1.2rem !important;
}

/* Kill hover lifts that break alignment */
body:not(.admin-page) .submit-btn:hover,
body:not(.admin-page) .offer-reserve-btn:hover,
body:not(.admin-page) .info-page-cta .project-link:hover,
body:not(.admin-page) .home-cta-actions .project-link:hover {
    transform: none !important;
}
body:not(.admin-page) .submit-btn:active {
    transform: none !important;
}

/* Pagination */
body:not(.admin-page) .pagination-btn {
    min-height: 2.6rem !important;
    height: 2.6rem !important;
    padding: 0 1rem !important;
}

/* Flat mobile menu — no "Më shumë" accordion */
body:not(.admin-page) .mobile-menu-more {
    display: none !important;
}
body:not(.admin-page) .menu-close-btn {
    display: none !important;
}
body:not(.admin-page) .mobile-menu-nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: min(22rem, 88vw) !important;
    max-height: 78vh !important;
    overflow-y: auto !important;
}
body:not(.admin-page) .mobile-menu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0.85rem 0 !important;
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    border: none !important;
    border-bottom: none !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
}
body:not(.admin-page) .mobile-menu-link:hover {
    color: #0055ff !important;
    border-bottom-color: #0055ff !important;
}
body:not(.admin-page) .mobile-menu-link-soft {
    font-size: 0.92rem !important;
    color: #999 !important;
    padding: 0.65rem 0 !important;
}
body:not(.admin-page) .mobile-menu-link-soft:hover {
    color: #fff !important;
}
body:not(.admin-page) .mobile-menu-link-meta {
    font-size: 0.72rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #555 !important;
    padding: 0.45rem 0 !important;
    border-bottom: none !important;
}
body:not(.admin-page) .mobile-menu-link.contact-btn {
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
    justify-content: center !important;
    background: #0055ff !important;
    border: none !important;
    color: #fff !important;
    padding: 0.95rem 1rem !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}
body:not(.admin-page) .mobile-menu-link.contact-btn:hover {
    background: #fff !important;
    color: #000 !important;
}
body:not(.admin-page) .mobile-menu-link.contact-btn .ti {
    margin-right: 0.4rem !important;
}

/* ═══════════════════════════════════════════
   CONTACT WIZARD — clear form + long nav bar
   ═══════════════════════════════════════════ */

/* Soften muddy side glow on contact */
body:not(.admin-page) .contact-section-wizard {
    background: var(--ksma-void, #04060d) !important;
    isolation: isolate !important;
}
body:not(.admin-page) .contact-section-wizard::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
        radial-gradient(ellipse 55% 40% at 50% 0%, rgba(0, 85, 255, 0.1), transparent 60%) !important;
    opacity: 1 !important;
}
body:not(.admin-page) .contact-section-wizard > * {
    position: relative !important;
    z-index: 1 !important;
}
body:not(.admin-page) .contact-section-wizard ~ * .ksma-ambient-orb,
body:not(.admin-page):has(.contact-section-wizard:hover) .ksma-ambient-orb {
    opacity: 0.35 !important;
}

/* Clearer fields */
body:not(.admin-page) .contact-wizard-fields.cw-fields-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.25rem 1.5rem !important;
}
body:not(.admin-page) .cw-field {
    margin-bottom: 1.25rem !important;
}
body:not(.admin-page) .cw-fields-grid .cw-field {
    margin-bottom: 0 !important;
}
body:not(.admin-page) .cw-label {
    color: #8a8a8a !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.14em !important;
    margin-bottom: 0.55rem !important;
}
body:not(.admin-page) .contact-wizard-fields input,
body:not(.admin-page) .contact-wizard-step input,
body:not(.admin-page) .contact-wizard-step textarea,
body:not(.admin-page) .contact-form-wizard input,
body:not(.admin-page) .contact-form-wizard textarea {
    background: var(--ksma-surface, #080b14) !important;
    border: none !important;
    border-bottom: 2px solid #2a2a2a !important;
    padding: 0.85rem 0.85rem !important;
    color: #fff !important;
    font-size: 0.95rem !important;
    transition: border-color 0.2s ease, background 0.2s ease !important;
}
body:not(.admin-page) .contact-wizard-fields input:focus,
body:not(.admin-page) .contact-wizard-step input:focus,
body:not(.admin-page) .contact-wizard-step textarea:focus,
body:not(.admin-page) .contact-form-wizard input:focus,
body:not(.admin-page) .contact-form-wizard textarea:focus {
    background: #0f0f0f !important;
    border-bottom-color: #0055ff !important;
    box-shadow: none !important;
    outline: none !important;
}
body:not(.admin-page) .contact-wizard-fields input::placeholder,
body:not(.admin-page) .contact-form-wizard input::placeholder,
body:not(.admin-page) .contact-form-wizard textarea::placeholder {
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
}

/* Industry list — no muddy fade */
body:not(.admin-page) .contact-wizard-combobox-panel::after {
    display: none !important;
}
body:not(.admin-page) .combobox-search {
    background: var(--ksma-surface, #080b14) !important;
    border: none !important;
    border-bottom: 2px solid #2a2a2a !important;
    padding: 0.55rem 0.85rem !important;
}
body:not(.admin-page) .combobox-search:focus-within {
    border-bottom-color: #0055ff !important;
}
body:not(.admin-page) .combobox-search input {
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    padding: 0.35rem 0 !important;
}
body:not(.admin-page) .contact-wizard-combobox-list [role="option"] {
    padding: 0.8rem 0.85rem !important;
    border-bottom: none !important;
}
body:not(.admin-page) .contact-wizard-combobox-list [role="option"].is-selected,
body:not(.admin-page) .contact-wizard-combobox-list [role="option"].is-highlighted,
body:not(.admin-page) .contact-wizard-combobox-list [role="option"]:hover {
    background: rgba(0, 85, 255, 0.12) !important;
    color: #fff !important;
    border-bottom-color: #0055ff !important;
}

/* ONE long segmented control */
body:not(.admin-page) .contact-wizard-nav {
    display: block !important;
    margin-top: 2.5rem !important;
    padding-top: 1.5rem !important;
    border-top: none !important;
}
body:not(.admin-page) .cw-nav-bar {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 3rem !important;
    height: 3rem !important;
    background: var(--ksma-surface-2, #0e1422) !important;
    border: none !important;
    overflow: hidden !important;
}
body:not(.admin-page) .cw-nav-btn,
body:not(.admin-page) .cw-nav-back,
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .cw-nav-next.cw-nav-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    height: 3rem !important;
    min-height: 3rem !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 1.15rem !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    transform: none !important;
    translate: none !important;
}
body:not(.admin-page) .cw-nav-btn .ti,
body:not(.admin-page) .cw-nav-btn i {
    font-size: 1.15rem !important;
    line-height: 1 !important;
    margin: 0 !important;
    translate: none !important;
    vertical-align: middle !important;
}
body:not(.admin-page) .cw-nav-text {
    display: inline-block !important;
    line-height: 1 !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    translate: none !important;
}

/* Back = left segment ONLY on the button (never on icon/text) */
body:not(.admin-page) .cw-nav-back {
    flex: 0 0 9rem !important;
    min-width: 9rem !important;
    max-width: 9rem !important;
    width: 9rem !important;
    background: #161616 !important;
    color: #fff !important;
    border: none !important;
    border-bottom: none !important;
}
body:not(.admin-page) .cw-nav-back span,
body:not(.admin-page) .cw-nav-back .ti,
body:not(.admin-page) .cw-nav-back .cw-nav-text {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    background: transparent !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    border: none !important;
}
body:not(.admin-page) .cw-nav-back:hover,
body:not(.admin-page) .cw-nav-back:hover .ti,
body:not(.admin-page) .cw-nav-back:hover .cw-nav-text {
    background: #222 !important;
    color: #0055ff !important;
    -webkit-text-fill-color: #0055ff !important;
    transform: none !important;
}
body:not(.admin-page) .cw-nav-back[hidden] {
    display: none !important;
}

/* When back hidden, next is full width */
body:not(.admin-page) .cw-nav-bar:has(.cw-nav-back[hidden]) .cw-nav-next {
    flex: 1 1 100% !important;
}

/* Next = long blue segment */
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .cw-nav-next.cw-nav-submit {
    flex: 1 1 auto !important;
    background: #0055ff !important;
    color: #fff !important;
}
body:not(.admin-page) .cw-nav-next .ti,
body:not(.admin-page) .cw-nav-next .cw-nav-text,
body:not(.admin-page) .cw-nav-next span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: transparent !important;
    border: none !important;
}
body:not(.admin-page) .cw-nav-send-icon,
body:not(.admin-page) .cw-nav-send,
body:not(.admin-page) .cw-nav-next .cw-nav-send-icon,
body:not(.admin-page) .cw-nav-next:not(.cw-nav-submit) .ti-send {
    display: none !important;
}
body:not(.admin-page) .cw-nav-next .cw-nav-action-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 1.1rem !important;
    height: 1.1rem !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
    margin: 0 !important;
    background: transparent !important;
}
body:not(.admin-page) .cw-nav-next:hover,
body:not(.admin-page) .cw-nav-next.cw-nav-submit:hover {
    background: #fff !important;
    color: #000 !important;
    transform: none !important;
}
body:not(.admin-page) .cw-nav-next:hover .ti,
body:not(.admin-page) .cw-nav-next:hover .cw-nav-text,
body:not(.admin-page) .cw-nav-next:hover span,
body:not(.admin-page) .cw-nav-next.cw-nav-submit:hover .ti {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

/* Tone down ambient orb globally a bit */
body:not(.admin-page) .ksma-ambient-orb {
    background: radial-gradient(circle, rgba(0, 85, 255, 0.16) 0%, rgba(0, 85, 255, 0.04) 45%, transparent 70%) !important;
    opacity: 0.7 !important;
}

@media (max-width: 640px) {
    body:not(.admin-page) .contact-wizard-fields.cw-fields-grid {
        grid-template-columns: 1fr !important;
    }
    body:not(.admin-page) .cw-nav-back {
        min-width: 3.35rem !important;
        padding: 0 0.9rem !important;
    }
    body:not(.admin-page) .cw-nav-back .cw-nav-text {
        display: none !important;
    }
}

/* CTA secondary — clear label, always visible blue */
body:not(.admin-page) .home-cta-strip .home-cta-secondary,
body:not(.admin-page) .home-cta-actions .home-cta-secondary {
    color: #0055ff !important;
    background: transparent !important;
    border: none !important;
    min-height: 3rem !important;
    height: 3rem !important;
    padding: 0 0.25rem !important;
    display: inline-flex !important;
    align-items: center !important;
}
body:not(.admin-page) .home-cta-strip .home-cta-secondary span,
body:not(.admin-page) .home-cta-actions .home-cta-secondary span {
    color: #0055ff !important;
    -webkit-text-fill-color: #0055ff !important;
    border: none !important;
    border-bottom: 2px solid #0055ff !important;
    padding-bottom: 0.1rem !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    background: transparent !important;
    opacity: 1 !important;
}
body:not(.admin-page) .home-cta-strip .home-cta-secondary:hover span,
body:not(.admin-page) .home-cta-actions .home-cta-secondary:hover span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-bottom-color: #fff !important;
}

/* Testimonials controls — outside scroll, centered as one unit */
body:not(.admin-page) .testimonials-section .section-content {
    position: relative !important;
}
body:not(.admin-page) .testimonials-slider-wrapper,
body:not(.admin-page) .testimonials-slider-wrapper.is-scroll-snap {
    /* only the track scrolls — controls live outside */
}
body:not(.admin-page) .testimonials-controls {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    width: min(22rem, 78vw) !important;
    max-width: 78vw !important;
    margin: 1.25rem auto 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: transparent !important;
}
body:not(.admin-page) .testimonials-dots {
    display: none !important;
}
body:not(.admin-page) .testimonials-prev,
body:not(.admin-page) .testimonials-next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
}
body:not(.admin-page) .testimonials-prev .ti,
body:not(.admin-page) .testimonials-next .ti {
    font-size: 1rem !important;
    line-height: 1 !important;
    color: inherit !important;
}
body:not(.admin-page) .testimonials-prev:hover,
body:not(.admin-page) .testimonials-next:hover {
    background: #0055ff !important;
    color: #fff !important;
    border: none !important;
}
body:not(.admin-page) .testimonials-dots button {
    display: none !important;
}
body:not(.admin-page) .testimonials-dots button.active {
    display: none !important;
}

/* ═══════════════════════════════════════════
   CONTACT §10 — left align + clean nav buttons
   ═══════════════════════════════════════════ */

body:not(.admin-page) .contact-section-wizard .section-content,
body:not(.admin-page) #contact.contact-section-wizard .section-content {
    max-width: 640px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    align-items: flex-start !important;
    text-align: left !important;
}

body:not(.admin-page) .contact-wizard-header,
body:not(.admin-page) .contact-section-wizard .contact-wizard-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1.75rem !important;
}

body:not(.admin-page) .contact-section-wizard .ksma-chapter,
body:not(.admin-page) #contact .ksma-chapter {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 0.85rem !important;
    margin: 0 0 0.85rem !important;
    width: auto !important;
}

body:not(.admin-page) .contact-section-wizard .ksma-chapter-num,
body:not(.admin-page) .contact-section-wizard .ksma-chapter-label,
body:not(.admin-page) #contact .ksma-chapter-num,
body:not(.admin-page) #contact .ksma-chapter-label {
    text-align: left !important;
    margin: 0 !important;
}

body:not(.admin-page) .contact-section-wizard .contact-label,
body:not(.admin-page) #contact .contact-label {
    display: block !important;
    text-align: left !important;
    width: auto !important;
    margin: 0 0 0.65rem !important;
    color: #0055ff !important;
}

body:not(.admin-page) .contact-section-wizard .contact-label::after,
body:not(.admin-page) #contact .contact-label::after {
    left: 0 !important;
    transform: none !important;
    width: 2.5rem !important;
}

body:not(.admin-page) .contact-section-wizard .contact-title,
body:not(.admin-page) #contact .contact-title {
    text-align: left !important;
    margin: 0 0 0.75rem !important;
    max-width: none !important;
    width: 100% !important;
}

body:not(.admin-page) .contact-section-wizard .contact-description,
body:not(.admin-page) #contact .contact-description {
    text-align: left !important;
    margin: 0 0 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 36rem !important;
}

body:not(.admin-page) .contact-section-wizard .contact-form,
body:not(.admin-page) .contact-form-wizard,
body:not(.admin-page) #contactWizard {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline: 0 !important;
    text-align: left !important;
}

body:not(.admin-page) .contact-wizard-step-label,
body:not(.admin-page) .contact-wizard-step-title,
body:not(.admin-page) .contact-wizard-step-desc,
body:not(.admin-page) .cw-label {
    text-align: left !important;
    justify-content: flex-start !important;
}

body:not(.admin-page) .cw-label {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
}

/* Progress dots — geometric, left-aligned with form */
body:not(.admin-page) .contact-wizard-track {
    width: 100% !important;
    margin: 0 0 1.75rem !important;
}
body:not(.admin-page) .contact-wizard-dots {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
body:not(.admin-page) .contact-wizard-dot {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.35rem !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    text-align: center !important;
}
body:not(.admin-page) .contact-wizard-dot-num {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.35rem !important;
    height: 1.35rem !important;
    min-width: 1.35rem !important;
    min-height: 1.35rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #0055ff !important;
    border-radius: 0 !important;
    font-size: 0.62rem !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}
body:not(.admin-page) .contact-wizard-dot-label {
    display: block !important;
    width: auto !important;
    text-align: center !important;
    font-size: 0.52rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}
body:not(.admin-page) .contact-wizard-dot-line {
    flex: 1 1 3.25rem !important;
    min-width: 3.25rem !important;
    max-width: none !important;
    height: 1px !important;
    margin-top: 0.65rem !important;
    background: #2a2a2a !important;
    align-self: flex-start !important;
}

/* Nav bar — full width of form, equal geometry, one icon */
body:not(.admin-page) .contact-wizard-nav {
    display: block !important;
    width: 100% !important;
    margin-top: 2rem !important;
    padding-top: 1.25rem !important;
    border-top: none !important;
    text-align: left !important;
}
body:not(.admin-page) .cw-nav-bar {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 3rem !important;
    min-height: 3rem !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--ksma-surface-2, #0e1422) !important;
    overflow: hidden !important;
}
body:not(.admin-page) .cw-nav-btn,
body:not(.admin-page) .cw-nav-back,
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .cw-nav-next.cw-nav-submit,
body:not(.admin-page) #contactWizardBack,
body:not(.admin-page) #contactWizardPrimary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    box-sizing: border-box !important;
    height: 3rem !important;
    min-height: 3rem !important;
    max-height: 3rem !important;
    margin: 0 !important;
    padding: 0 1.1rem !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    translate: none !important;
    line-height: 1 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}
body:not(.admin-page) .cw-nav-btn > *,
body:not(.admin-page) .cw-nav-back > *,
body:not(.admin-page) .cw-nav-next > *,
body:not(.admin-page) .cw-nav-btn .ti,
body:not(.admin-page) .cw-nav-btn span,
body:not(.admin-page) .cw-nav-btn i {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 1 !important;
    transform: none !important;
}
body:not(.admin-page) .cw-nav-back,
body:not(.admin-page) #contactWizardBack {
    flex: 0 0 9.5rem !important;
    width: 9.5rem !important;
    min-width: 9.5rem !important;
    max-width: 9.5rem !important;
    background: #161616 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body:not(.admin-page) .cw-nav-back[hidden],
body:not(.admin-page) #contactWizardBack[hidden] {
    display: none !important;
}
body:not(.admin-page) .cw-nav-next,
body:not(.admin-page) .cw-nav-next.cw-nav-submit,
body:not(.admin-page) #contactWizardPrimary {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    background: #0055ff !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body:not(.admin-page) .cw-nav-bar:has(.cw-nav-back[hidden]) .cw-nav-next,
body:not(.admin-page) .cw-nav-bar:has(#contactWizardBack[hidden]) #contactWizardPrimary {
    flex: 1 1 100% !important;
}
body:not(.admin-page) .cw-nav-next .cw-nav-text,
body:not(.admin-page) .cw-nav-next .cw-nav-action-icon,
body:not(.admin-page) .cw-nav-next span,
body:not(.admin-page) .cw-nav-next .ti,
body:not(.admin-page) .cw-nav-back .cw-nav-text,
body:not(.admin-page) .cw-nav-back .ti {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    background: transparent !important;
}
body:not(.admin-page) .cw-nav-action-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.05rem !important;
}
body:not(.admin-page) .cw-nav-send,
body:not(.admin-page) .cw-nav-send-icon,
body:not(.admin-page) .cw-nav-next-icon + .ti-send,
body:not(.admin-page) .cw-nav-next .ti-send:not(.cw-nav-action-icon) {
    display: none !important;
}
body:not(.admin-page) .cw-nav-next:hover,
body:not(.admin-page) .cw-nav-next.cw-nav-submit:hover,
body:not(.admin-page) #contactWizardPrimary:hover {
    background: #fff !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    transform: none !important;
}
body:not(.admin-page) .cw-nav-back:hover,
body:not(.admin-page) #contactWizardBack:hover {
    background: #222 !important;
    color: #0055ff !important;
    -webkit-text-fill-color: #0055ff !important;
    transform: none !important;
}

@media (max-width: 640px) {
    body:not(.admin-page) .cw-nav-back,
    body:not(.admin-page) #contactWizardBack {
        flex-basis: 3rem !important;
        width: 3rem !important;
        min-width: 3rem !important;
        max-width: 3rem !important;
        padding: 0 !important;
    }
    body:not(.admin-page) .cw-nav-back .cw-nav-text {
        display: none !important;
    }
    body:not(.admin-page) .contact-wizard-dot {
        width: 3.5rem !important;
        min-width: 3.5rem !important;
        flex-basis: 3.5rem !important;
    }
}