/* Theme Name: KamikStudio 
* 
* Theme URI: https://kamikstudio.pl
* Author: Patryk Kowalski
* Author URI: https://kamikstudio.pl
* Description: Profesjonalny motyw WordPress dla KamikStudio - agencji IT specjalizującej się w stronach WWW, eCommerce i outsourcingu IT
* Version: 3.2.0
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Text Domain: kamikstudio
* Tags: business, portfolio, responsive, custom-menu, featured-images, seo-friendly
*/
/**
 * Projekt: KamikStudio Theme
 * Autor: KamikStudio - Patryk Dariusz Kowalski (ps. Kamik)
 * Web: https://kamikstudio.pl
 * Email: biuro@kamikstudio.pl
 * Data: 2026-01-08
* Wersja: 3.2.0
 * Opis: Globalne style motywu WordPress KamikStudio.
 */
:root {--color-primary: #0f3354;--color-primary-dark: #0a2540;--color-primary-light: #1a4a6d;--color-accent: #FF6B35;--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-bg-light: #ffffff;--color-bg-gray: #f8f9fa;--color-bg-dark: #1a1a1a;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-text-light: #ffffff;--color-text-dark: #0a2540;--color-text: #212529;--color-border: #e0e0e0;--font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-heading: 'Poppins', var(--font-primary);--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);--transition-fast: 150ms ease-in-out;--transition-base: 300ms ease-in-out;--transition-slow: 500ms ease-in-out;--container-max-width: 1280px;--container-padding: 1.5rem;--nav-height: 76px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050}
* {margin: 0;padding: 0;box-sizing: border-box}
html {font-size: 16px;scroll-behavior: smooth}
body {font-family: var(--font-primary);font-size: var(--font-size-base);line-height: var(--line-height-normal);color: var(--color-text-primary);background: var(--color-bg-light);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;scrollbar-color: var(--color-primary) var(--color-bg-gray);scrollbar-width: thin}
h1, h2, h3, h4, h5, h6 {font-family: var(--font-heading);font-weight: var(--font-weight-bold);line-height: var(--line-height-tight);color: var(--color-text-primary);margin-bottom: var(--spacing-md)}
h1 {font-size: var(--font-size-5xl)}
h2 {font-size: var(--font-size-4xl)}
h3 {font-size: var(--font-size-3xl)}
h4 {font-size: var(--font-size-2xl)}
h5 {font-size: var(--font-size-xl)}
h6 {font-size: var(--font-size-lg)}
p {margin-bottom: var(--spacing-md)}
a {color: var(--color-primary);text-decoration: none;transition: color var(--transition-fast)}
a:hover {color: var(--color-primary-light)}
::selection {background: var(--color-primary);color: #fff}
::-moz-selection {background: var(--color-primary);color: #fff}
*:focus-visible {outline: 3px solid var(--color-accent);outline-offset: 3px}
::-webkit-scrollbar {width: 12px}
::-webkit-scrollbar-track {background: var(--color-bg-gray)}
::-webkit-scrollbar-thumb {background: var(--color-primary);border-radius: 999px;border: 3px solid var(--color-bg-gray)}
::-webkit-scrollbar-thumb:hover {background: var(--color-primary-dark)}
img, svg {max-width: 100%;height: auto;display: block}
ul, ol {list-style-position: inside;margin-bottom: var(--spacing-md)}
ul li, ol li {margin-bottom: var(--spacing-xs)}
.container {max-width: var(--container-max-width);margin: 0 auto;padding: 0 var(--container-padding);width: 100%}
.breadcrumbs-nav {display: flex;flex-wrap: wrap;gap: var(--spacing-xs);font-size: var(--font-size-sm);color: var(--color-text-secondary)}
.breadcrumbs-nav a {color: var(--color-text-secondary);transition: color var(--transition-fast)}
.breadcrumbs-nav a:hover {color: var(--color-primary)}
.breadcrumbs-nav span {color: var(--color-text-secondary);opacity: 0.7}
.breadcrumbs-nav--light {color: rgb(255 255 255 / .8)}
.breadcrumbs-nav--light a {color: rgb(255 255 255 / .9)}
.breadcrumbs-nav--light a:hover {color: var(--color-accent)}
.breadcrumbs-nav--light span {color: rgb(255 255 255 / .6)}
.section {padding: var(--spacing-4xl) 0}
.section-dark {background: var(--color-bg-dark);color: var(--color-text-light)}
.section-light-blue {background: #e8f4ff;color: var(--color-text-primary)}
.section-light-blue .section-title {color: var(--color-text-primary)}
.section-light-blue .section-subtitle {color: var(--color-text-secondary)}
.section-gray, .section-alt {background: var(--color-bg-gray)}
.content-section {margin-bottom: var(--spacing-3xl)}
.site-header {position: sticky;top: 0;z-index: var(--z-fixed);background: var(--color-bg-light);box-shadow: var(--shadow-md);transition: all var(--transition-base)}
.site-header.scrolled {box-shadow: var(--shadow-lg)}
.header-container {display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-md) var(--container-padding);max-width: var(--container-max-width);margin: 0 auto;gap: var(--spacing-xl)}
.site-logo {display: flex;align-items: center;height: 85px;flex-shrink: 0}
.site-logo img, .site-logo svg {height: 100%;width: auto;max-height: 85px;object-fit: contain}
.main-navigation {display: flex;align-items: center;flex: 1;justify-content: space-evenly}
.main-menu {display: flex;gap: var(--spacing-sm);list-style: none;margin: 0;padding: 0}
.main-menu>li {position: relative}
.main-menu>li>a {display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-lg);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);transition: all var(--transition-fast);border-radius: var(--radius-full)}
.main-menu>li>a:hover {color: var(--color-primary);background: rgb(15 51 84 / .08)}
.main-menu>li.current-menu-item>a {color: var(--color-primary);background: rgb(15 51 84 / .12)}
.main-menu>li.menu-item-has-children>a::after {content: '';width: 0;height: 0;border-left: 4px solid #fff0;border-right: 4px solid #fff0;border-top: 4px solid currentColor;transition: transform var(--transition-fast);margin-left: 2px}
.main-menu>li.menu-item-has-children:hover>a::after {transform: rotate(180deg)}
.mega-menu {position: fixed;top: 70px;left: 50%;transform: translateX(-50%) translateY(-10px);background: var(--color-bg-light);box-shadow: var(--shadow-xl);border-radius: var(--radius-lg);padding: var(--spacing-xl) var(--spacing-2xl);width: 90vw;max-width: 1400px;opacity: 0;visibility: hidden;transition: all var(--transition-base);z-index: var(--z-dropdown)}
.mega-menu-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-md)}
.mega-menu-item {display: block;padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-md);transition: background var(--transition-fast)}
.mega-menu-item>a {display: flex;align-items: start;gap: var(--spacing-md);text-decoration: none;margin-bottom: var(--spacing-xs)}
.mega-menu-item-icon, .mega-menu-icon {width: 40px;height: 40px;background: var(--color-primary);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;flex-shrink: 0}
.mega-menu-item-icon svg, .mega-menu-icon svg {width: 24px;height: 24px;stroke: #ffffff !important;fill: none !important;stroke-width: 2}
.mega-menu-item-icon svg path, .mega-menu-icon svg path {stroke: #ffffff !important;fill: none !important}
.mega-menu-item-title {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);line-height: 1.3}
.mega-menu-item-desc {font-size: var(--font-size-sm);color: var(--color-text-secondary)}
.mega-menu-sublist {list-style: none;margin: 0;padding: 0 0 0 54px}
.mega-menu-sublist li {margin-bottom: 2px}
.mega-menu-sublist a {font-size: var(--font-size-sm);color: var(--color-text-secondary);transition: all var(--transition-fast);display: block;padding: 3px 0;line-height: 1.4}
.header-cta {display: flex;gap: var(--spacing-sm);align-items: center;flex-shrink: 0}
.header-icon-link {display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;color: var(--color-text-primary);transition: all var(--transition-fast);border-radius: var(--radius-full);border: 2px solid #fff0}
.header-icon-link:hover {background: rgb(15 51 84 / .08);border-color: rgb(15 51 84 / .12);color: var(--color-primary)}
.header-icon-link svg {width: 20px;height: 20px;stroke: currentColor;fill: none}
.header-phone {display: flex;align-items: center;gap: var(--spacing-sm);font-weight: var(--font-weight-semibold);color: var(--color-primary)}
.header-phone svg {width: 20px;height: 20px;stroke: currentColor;fill: none}
.mobile-menu-toggle {display: none;background: none;border: none;cursor: pointer;padding: var(--spacing-sm);flex-shrink: 0}
.mobile-menu-toggle span {display: block;width: 25px;height: 3px;background: var(--color-text-primary);margin: 5px 0;transition: all var(--transition-fast)}
.btn {display: inline-flex;align-items: center;justify-content: center;gap: var(--spacing-sm);padding: var(--spacing-md) var(--spacing-xl);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);text-align: center;border-radius: var(--radius-md);cursor: pointer;transition: all var(--transition-fast);border: 2px solid #fff0;text-decoration: none}
.btn-primary {background: var(--color-primary);color: var(--color-text-light);border-color: var(--color-primary)}
.btn-primary:hover {background: var(--color-primary-dark);border-color: var(--color-primary-dark)}
.btn-secondary, .btn-outline {background: #fff0;color: var(--color-text-light);border-color: var(--color-accent)}
.btn-secondary:hover, .btn-outline:hover {background: var(--color-accent);border-color: var(--color-accent)}
.btn-accent {background: var(--color-accent);color: var(--color-text-light);border-color: var(--color-accent)}
.btn-accent:hover {background: #e55a2b;border-color: #e55a2b}
.btn-lg {padding: var(--spacing-lg) var(--spacing-2xl);font-size: var(--font-size-lg)}
.btn-sm {padding: var(--spacing-sm) var(--spacing-lg);font-size: var(--font-size-sm)}
.hero-section, .hero {background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color: var(--color-text-light);padding: var(--spacing-4xl) 0;position: relative;overflow: hidden;min-height: 600px;display: flex;align-items: center}
.hero-section .container {position: relative;z-index: 2}
.hero-content {position: relative;z-index: 3;max-width: 700px}
.hero-title {font-size: var(--font-size-5xl);margin-bottom: var(--spacing-lg);color: var(--color-text-light)}
.hero-subtitle {font-size: var(--font-size-xl);color: rgb(255 255 255 / .9);margin-bottom: var(--spacing-2xl);line-height: var(--line-height-relaxed)}
.hero-cta {display: flex;gap: var(--spacing-md);flex-wrap: wrap}
.hero-features {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--spacing-xl);margin-top: var(--spacing-3xl)}
.hero-feature, .hero-feature-item {text-align: center}
.hero-feature-number {display: block;font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-accent);margin-bottom: var(--spacing-xs)}
.hero-feature-text {display: block;font-size: var(--font-size-sm);color: rgb(255 255 255 / .8)}
.hero-code-blob {position: absolute;right: -5%;top: 50%;transform: translateY(-50%);width: 600px;height: 600px;pointer-events: none;z-index: 1;filter: drop-shadow(0 0 40px rgb(255 107 53 / .4))}
.blob-shape {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2}
.blob-outline {stroke-linecap: round;stroke-linejoin: round}
.code-container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;clip-path: url(#blobClip);overflow: hidden;background: rgb(10 20 30 / .95)}
.code-scroll {margin: 0;padding: 40px 30px;font-family: 'Courier New', Consolas, monospace;font-size: 11px;line-height: 1.6;color: #FF6B35;animation: scrollCode 40s linear infinite;white-space: pre;overflow: visible}
@keyframes scrollCode {0% {transform: translateY(0)}
100% {transform: translateY(-50%)}
}
.code-comment {color: #6B7280;font-style: italic}
.code-keyword {color: #FF6B35;font-weight: 700}
.code-property {color: #60A5FA}
.code-value {color: #34D399}
.hero-geometric-shape-1 {display: none;position: absolute;width: 500px;height: 500px;background: rgb(255 107 53 / .15);border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;pointer-events: none;z-index: 1}
.hero-geometric-shape-2 {display: none;position: absolute;width: 400px;height: 400px;background: rgb(26 74 109 / .15);border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;pointer-events: none;z-index: 1}
.post-hero {position: relative;min-height: 600px;display: flex;align-items: flex-end;padding: var(--spacing-3xl) 0;overflow: hidden;background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%)}
.post-hero-image {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1}
.post-hero-img {width: 100%;height: 100%;object-fit: cover}
.post-hero-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to bottom, rgb(15 51 84 / .3) 0%, rgb(15 51 84 / .85) 100%);z-index: 2}
.post-hero-content {position: relative;z-index: 3;max-width: 900px}
.post-hero-content .breadcrumbs-nav {color: rgb(255 255 255 / .8);margin-bottom: var(--spacing-lg)}
.post-hero-content .breadcrumbs-nav a {color: rgb(255 255 255 / .9)}
.post-hero-content .breadcrumbs-nav a:hover {color: var(--color-accent)}
.post-hero-content .breadcrumbs-nav span {color: rgb(255 255 255 / .6)}
.post-category-badge {display: inline-block;margin-bottom: var(--spacing-md)}
.post-category-badge a {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-md);background: rgb(255 255 255 / .15);backdrop-filter: blur(10px);border-radius: var(--radius-full);color: var(--color-text-light);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: .5px;transition: all var(--transition-base);border: 1px solid rgb(255 255 255 / .2)}
.post-category-badge a:hover {background: var(--color-accent);border-color: var(--color-accent);transform: translateY(-2px)}
.post-hero-title {font-size: clamp(2rem, 5vw, 3.5rem);line-height: var(--line-height-tight);color: var(--color-text-light);margin-bottom: var(--spacing-lg);font-weight: var(--font-weight-bold);text-shadow: 0 2px 20px rgb(0 0 0 / .3)}
.post-hero-meta {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--spacing-lg);margin-top: var(--spacing-xl);padding-top: var(--spacing-xl);border-top: 1px solid rgb(255 255 255 / .15)}
.post-author-info {display: flex;align-items: center;gap: var(--spacing-md)}
.post-author-avatar {width: 48px;height: 48px;border-radius: var(--radius-full);border: 2px solid rgb(255 255 255 / .3)}
.post-author-details {display: flex;flex-direction: column;gap: var(--spacing-xs)}
.post-author-name {color: var(--color-text-light);font-weight: var(--font-weight-semibold);font-size: var(--font-size-base)}
.post-author-role {color: rgb(255 255 255 / .7);font-size: var(--font-size-sm)}
.post-meta-items {display: flex;align-items: center;gap: var(--spacing-lg)}
.post-meta-item {display: flex;align-items: center;gap: var(--spacing-xs);color: rgb(255 255 255 / .9);font-size: var(--font-size-sm)}
.post-meta-item svg {width: 18px;height: 18px;opacity: .8}
.page-hero {position: relative;padding: var(--spacing-3xl) 0}
.page-hero.with-image {min-height: 500px;display: flex;align-items: center;background: var(--color-primary)}
.page-hero.no-image {background: var(--color-bg-gray)}
.page-hero-image {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1}
.page-hero-img {width: 100%;height: 100%;object-fit: cover}
.page-hero-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to bottom, rgb(15 51 84 / .4) 0%, rgb(15 51 84 / .8) 100%);z-index: 2}
.page-hero-content {position: relative;z-index: 3;max-width: 800px}
.page-hero.with-image .page-hero-title, .page-hero.with-image .page-hero-excerpt {color: var(--color-text-light)}
.page-hero.with-image .breadcrumbs-light {color: rgb(255 255 255 / .8)}
.page-hero.with-image .breadcrumbs-light a {color: rgb(255 255 255 / .9)}
.page-hero.with-image .breadcrumbs-light span {color: rgb(255 255 255 / .6)}
.page-hero-title {font-size: clamp(2rem, 5vw, 3rem);line-height: var(--line-height-tight);margin-bottom: var(--spacing-md);font-weight: var(--font-weight-bold)}
.page-hero-excerpt {font-size: var(--font-size-xl);line-height: var(--line-height-relaxed);color: var(--color-text-secondary);margin-top: var(--spacing-md)}
.post-article, .page-article {background: var(--color-bg-light)}
.post-content-wrapper, .page-content-wrapper {display: grid;grid-template-columns: 250px 1fr;gap: var(--spacing-3xl);max-width: 1200px;margin: 0 auto;padding: var(--spacing-3xl) 0}
.post-sidebar {position: sticky;top: calc(var(--nav-height) + var(--spacing-xl));height: fit-content}
.post-sidebar-sticky {display: flex;flex-direction: column;gap: var(--spacing-xl)}
.post-share {padding: var(--spacing-lg);background: var(--color-bg-light);border-radius: var(--radius-lg);border: 1px solid var(--color-border)}
.post-share-title {font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);margin-bottom: var(--spacing-md);text-transform: uppercase;letter-spacing: .5px}
.post-share-buttons {display: flex;flex-direction: column;gap: var(--spacing-sm)}
.share-btn, .share-icon {display: flex;align-items: center;justify-content: center;border-radius: var(--radius-md);transition: all var(--transition-base);text-decoration: none}
.share-btn {width: 100%;padding: var(--spacing-sm)}
.share-icon {width: 40px;height: 40px;background: var(--color-bg-gray);color: var(--color-text-secondary)}
.share-facebook {background: #1877F2;color: var(--color-text-light)}
.share-facebook:hover {background: #0c63d4;transform: translateY(-2px)}
.share-twitter {background: #1DA1F2;color: var(--color-text-light)}
.share-twitter:hover {background: #0d8bd9;transform: translateY(-2px)}
.share-linkedin {background: #0A66C2;color: var(--color-text-light)}
.share-linkedin:hover {background: #004a99;transform: translateY(-2px)}
.share-icon:hover {background: var(--color-primary);color: var(--color-text-light);transform: translateY(-2px)}
.post-content-main, .page-content {max-width: 800px}
.post-lead {font-size: var(--font-size-xl);line-height: var(--line-height-relaxed);color: var(--color-text-secondary);margin-bottom: var(--spacing-2xl);padding-bottom: var(--spacing-2xl);border-bottom: 2px solid var(--color-border);font-weight: var(--font-weight-medium)}
.post-content, .page-content, .post-content-clean, .page-content-single {font-size: var(--font-size-lg);line-height: var(--line-height-relaxed);color: var(--color-text)}
.post-content h2, .page-content h2, .post-content-clean h2, .page-content-single h2 {font-size: var(--font-size-3xl);margin-top: var(--spacing-3xl);margin-bottom: var(--spacing-lg);font-weight: var(--font-weight-bold);color: var(--color-text-dark)}
.post-content h3, .page-content h3, .post-content-clean h3, .page-content-single h3 {font-size: var(--font-size-2xl);margin-top: var(--spacing-2xl);margin-bottom: var(--spacing-md);font-weight: var(--font-weight-semibold);color: var(--color-text-dark)}
.post-content h4, .page-content h4, .post-content-clean h4, .page-content-single h4 {font-size: var(--font-size-xl);margin-top: var(--spacing-xl);margin-bottom: var(--spacing-sm);font-weight: var(--font-weight-semibold)}
.post-content p, .page-content p, .post-content-clean p, .page-content-single p {margin-bottom: var(--spacing-lg)}
.post-content a, .page-content a, .post-content-clean a, .page-content-single a {color: var(--color-primary);text-decoration: underline;text-decoration-color: rgb(15 51 84 / .3);text-underline-offset: 3px;transition: all var(--transition-fast)}
.post-content a:hover, .page-content a:hover, .post-content-clean a:hover, .page-content-single a:hover {color: var(--color-primary-dark);text-decoration-color: var(--color-primary-dark)}
.post-content img, .page-content img, .post-content-clean img, .page-content-single img {max-width: 100%;height: auto;border-radius: var(--radius-lg);margin: var(--spacing-xl) 0;box-shadow: var(--shadow-md)}
.post-content ul, .page-content ul, .post-content ol, .page-content ol, .post-content-clean ul, .post-content-clean ol, .page-content-single ul, .page-content-single ol {margin: var(--spacing-lg) 0;padding-left: var(--spacing-2xl)}
.post-content li, .page-content li, .post-content-clean li, .page-content-single li {margin-bottom: var(--spacing-sm);line-height: var(--line-height-relaxed)}
.post-content blockquote, .page-content blockquote, .post-content-clean blockquote, .page-content-single blockquote {margin: var(--spacing-2xl) 0;padding: var(--spacing-xl) var(--spacing-2xl);border-left: 4px solid var(--color-primary);background: var(--color-bg-gray);border-radius: var(--radius-md);font-size: var(--font-size-xl);font-style: italic;color: var(--color-text-secondary)}
.post-content code, .page-content code, .post-content-clean code, .page-content-single code {padding: 2px 8px;background: var(--color-bg-gray);border-radius: var(--radius-sm);font-family: 'Courier New', monospace;font-size: .9em;color: var(--color-primary);border: 1px solid var(--color-border)}
.post-content pre, .page-content pre, .post-content-clean pre, .page-content-single pre {margin: var(--spacing-xl) 0;padding: var(--spacing-lg);background: #1e1e1e;border-radius: var(--radius-lg);overflow-x: auto}
.post-content pre code, .page-content pre code, .post-content-clean pre code, .page-content-single pre code {padding: 0;background: none;color: #d4d4d4;border: none}
.post-tags {display: flex;align-items: center;gap: var(--spacing-sm);margin-top: var(--spacing-2xl);padding-top: var(--spacing-xl);border-top: 1px solid var(--color-border);flex-wrap: wrap}
.post-tags svg {flex-shrink: 0;color: var(--color-text-secondary)}
.post-tags a {display: inline-block;padding: var(--spacing-xs) var(--spacing-md);background: var(--color-bg-gray);border-radius: var(--radius-full);font-size: var(--font-size-sm);color: var(--color-text-secondary);transition: all var(--transition-base);text-decoration: none}
.post-tags a:hover {background: var(--color-primary);color: var(--color-text-light)}
.post-author-box {display: flex;gap: var(--spacing-lg);padding: var(--spacing-2xl);background: var(--color-bg-gray);border-radius: var(--radius-lg);margin-top: var(--spacing-3xl)}
.post-author-box-avatar {flex-shrink: 0}
.post-author-box-avatar img {width: 80px;height: 80px;border-radius: var(--radius-full)}
.post-author-box-content {flex: 1}
.post-author-box-name {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);margin-bottom: var(--spacing-xs)}
.post-author-box-role {font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--spacing-md);text-transform: uppercase;letter-spacing: .5px}
.post-author-box-bio {font-size: var(--font-size-base);line-height: var(--line-height-relaxed);color: var(--color-text-secondary)}
.post-navigation {background: var(--color-bg-gray);padding: var(--spacing-2xl) 0}
.post-nav-links {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: var(--spacing-xl)}
.post-nav-item {display: flex;flex-direction: column;gap: var(--spacing-sm);padding: var(--spacing-xl);background: var(--color-bg-light);border-radius: var(--radius-lg);transition: all var(--transition-base);text-decoration: none;border: 1px solid var(--color-border)}
.post-nav-item:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--color-primary)}
.post-nav-label {display: flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: .5px}
.post-nav-title {font-size: var(--font-size-lg);color: var(--color-text-dark);font-weight: var(--font-weight-semibold);line-height: var(--line-height-tight)}
.post-nav-next {text-align: right}
.post-nav-next .post-nav-label {justify-content: flex-end}
.related-posts, .child-pages-section {padding: var(--spacing-3xl) 0;background: var(--color-bg-light)}
.related-posts-title, .child-pages-title {font-size: var(--font-size-3xl);text-align: center;margin-bottom: var(--spacing-2xl);font-weight: var(--font-weight-bold)}
.related-posts-grid, .child-pages-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: var(--spacing-xl)}
.related-post-card, .child-page-card, .blog-card, .portfolio-item {background: var(--color-bg-light);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-md);transition: all var(--transition-base);border: 1px solid var(--color-border)}
.related-post-card:hover, .child-page-card:hover, .blog-card:hover, .portfolio-item:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg)}
.related-post-image, .child-page-image, .blog-image, .portfolio-image {display: block;overflow: hidden;aspect-ratio: 16/9}
.related-post-image img, .child-page-image img, .blog-image img, .portfolio-image img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow)}
.related-post-card:hover .related-post-image img, .child-page-card:hover .child-page-image img, .blog-card:hover .blog-image img, .portfolio-item:hover .portfolio-image img {transform: scale(1.05)}
.related-post-content, .child-page-content, .blog-content, .portfolio-content {padding: var(--spacing-xl)}
.related-post-category {display: inline-block;padding: var(--spacing-xs) var(--spacing-sm);background: var(--color-primary);color: var(--color-text-light);border-radius: var(--radius-sm);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: .5px;margin-bottom: var(--spacing-md)}
.blog-category {display: inline-block;padding: var(--spacing-xs) var(--spacing-sm);background: var(--color-primary);color: var(--color-text-light);border-radius: var(--radius-sm);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: .5px;margin-bottom: var(--spacing-md)}
.related-post-title, .child-page-title, .blog-title {font-size: var(--font-size-xl);margin-bottom: var(--spacing-sm)}
.related-post-title a, .child-page-title a, .blog-title a {color: var(--color-text-dark);transition: color var(--transition-fast);text-decoration: none}
.related-post-title a:hover, .child-page-title a:hover, .blog-title a:hover {color: var(--color-primary)}
.related-post-excerpt, .child-page-excerpt, .blog-excerpt {font-size: var(--font-size-base);color: var(--color-text-secondary);line-height: var(--line-height-relaxed);margin-bottom: var(--spacing-md)}
.child-page-link {display: inline-flex;align-items: center;gap: var(--spacing-xs);color: var(--color-primary);font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);text-decoration: none;transition: all var(--transition-fast)}
.child-page-link:hover {gap: var(--spacing-sm);color: var(--color-primary-dark)}
.child-page-link svg {width: 16px;height: 16px}
.post-article-clean {background: var(--color-bg-light)}
.post-header-clean {max-width: 800px;margin: 0 auto;padding: var(--spacing-3xl) var(--spacing-lg) var(--spacing-2xl)}
.post-header-clean .breadcrumbs-nav {margin-bottom: var(--spacing-xl)}
.post-category-clean {display: inline-block;margin-bottom: var(--spacing-lg)}
.post-category-clean a {display: inline-flex;align-items: center;padding: var(--spacing-xs) var(--spacing-md);background: var(--color-primary);color: var(--color-text-light);border-radius: var(--radius-full);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: .5px;transition: all var(--transition-fast);text-decoration: none}
.post-category-clean a:hover {background: var(--color-primary-dark);transform: translateY(-2px)}
.post-title-clean {font-size: clamp(2rem, 5vw, 3rem);line-height: var(--line-height-tight);margin-bottom: var(--spacing-xl);font-weight: var(--font-weight-bold);color: var(--color-text-dark)}
.post-meta-clean {display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-lg);padding-top: var(--spacing-lg);border-top: 1px solid var(--color-border)}
.post-author-simple {display: flex;align-items: center;gap: var(--spacing-md)}
.author-avatar-small {width: 40px;height: 40px;border-radius: var(--radius-full)}
.author-info-simple {display: flex;flex-direction: column;gap: var(--spacing-xs)}
.author-name {font-weight: var(--font-weight-semibold);color: var(--color-text-dark);font-size: var(--font-size-base)}
.post-meta-items-simple {display: flex;align-items: center;gap: var(--spacing-sm);font-size: var(--font-size-sm);color: var(--color-text-secondary)}
.meta-separator {color: var(--color-text-secondary);opacity: .5}
.post-share-simple {display: flex;align-items: center;gap: var(--spacing-sm)}
.post-featured-image-clean {width: 100%;max-width: 1200px;margin: 0 auto var(--spacing-3xl);padding: 0 var(--spacing-lg)}
.post-image-clean {width: 100%;height: auto;border-radius: var(--radius-xl);box-shadow: var(--shadow-lg)}
.post-content-wrapper-clean {max-width: 800px;margin: 0 auto;padding: 0 var(--spacing-lg) var(--spacing-4xl)}
.post-content-clean a {font-weight: var(--font-weight-medium)}
.post-content-clean ul li, .post-content-clean ol li, .page-content-single ul li, .page-content-single ol li {padding-left: var(--spacing-sm)}
.post-content-clean ul li::marker, .post-content-clean ol li::marker, .page-content-single ul li::marker, .page-content-single ol li::marker {color: var(--color-primary);font-weight: var(--font-weight-bold)}
.post-content-clean blockquote p:last-child, .page-content-single blockquote p:last-child {margin-bottom: 0}
.post-content-clean strong, .page-content-single strong {font-weight: var(--font-weight-bold);color: var(--color-text-dark)}
.post-content-clean em, .page-content-single em {font-style: italic}
.post-content-clean hr, .page-content-single hr {margin: var(--spacing-3xl) 0;border: none;border-top: 2px solid var(--color-border)}
.page-content-single h1 {font-size: var(--font-size-4xl);margin-top: var(--spacing-4xl);margin-bottom: var(--spacing-xl);font-weight: var(--font-weight-bold);color: var(--color-text-dark);line-height: var(--line-height-tight)}
.page-content-single h5 {font-size: var(--font-size-lg);margin-top: var(--spacing-lg);margin-bottom: var(--spacing-xs);font-weight: var(--font-weight-semibold)}
.page-content-single h6 {font-size: var(--font-size-base);margin-top: var(--spacing-md);margin-bottom: var(--spacing-xs);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);text-transform: uppercase;letter-spacing: .5px}
.page-content-single table {width: 100%;margin: var(--spacing-2xl) 0;border-collapse: collapse;border-radius: var(--radius-md);overflow: hidden;box-shadow: var(--shadow-sm)}
.page-content-single table th {background: var(--color-primary);color: var(--color-text-light);padding: var(--spacing-md);text-align: left;font-weight: var(--font-weight-semibold)}
.page-content-single table td {padding: var(--spacing-md);border-bottom: 1px solid var(--color-border)}
.page-content-single table tr:last-child td {border-bottom: none}
.page-content-single table tr:nth-child(even) {background: var(--color-bg-gray)}
.post-tags-clean {display: flex;align-items: center;gap: var(--spacing-sm);margin-top: var(--spacing-3xl);padding-top: var(--spacing-xl);border-top: 1px solid var(--color-border);flex-wrap: wrap}
.post-tags-clean svg {flex-shrink: 0;color: var(--color-text-secondary)}
.post-tags-clean a {display: inline-block;padding: var(--spacing-xs) var(--spacing-md);background: var(--color-bg-gray);border-radius: var(--radius-full);font-size: var(--font-size-sm);color: var(--color-text-secondary);transition: all var(--transition-base);text-decoration: none}
.post-tags-clean a:hover {background: var(--color-primary);color: var(--color-text-light)}
.post-author-box-clean {display: flex;align-items: center;gap: var(--spacing-xl);max-width: 800px;margin: 0 auto;padding: var(--spacing-2xl);background: var(--color-bg-gray);border-radius: var(--radius-lg);margin-bottom: var(--spacing-4xl)}
.author-avatar-large {width: 80px;height: 80px;border-radius: var(--radius-full);flex-shrink: 0}
.author-details-box {flex: 1}
.author-name-large {font-size: var(--font-size-xl);margin-bottom: var(--spacing-sm);color: var(--color-text-dark)}
.author-bio {font-size: var(--font-size-base);color: var(--color-text-secondary);line-height: var(--line-height-relaxed);margin: 0}
.related-posts-section-clean {padding: var(--spacing-4xl) 0;background: var(--color-bg-gray)}
.related-posts-grid-clean {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: var(--spacing-xl);margin-top: var(--spacing-2xl)}
.related-post-card-clean {background: var(--color-bg-light);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);transition: all var(--transition-base)}
.related-post-card-clean:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg)}
.related-post-image-clean {display: block;overflow: hidden;height: 200px}
.related-post-image-clean img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow)}
.related-post-card-clean:hover .related-post-image-clean img {transform: scale(1.05)}
.related-post-content-clean {padding: var(--spacing-xl)}
.related-post-category-clean {display: inline-block;padding: var(--spacing-xs) var(--spacing-sm);background: var(--color-primary);color: var(--color-text-light);border-radius: var(--radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: .5px;margin-bottom: var(--spacing-sm);text-decoration: none}
.related-post-title-clean {font-size: var(--font-size-xl);margin-bottom: var(--spacing-sm);line-height: var(--line-height-tight)}
.related-post-title-clean a {color: var(--color-text-dark);text-decoration: none;transition: color var(--transition-fast)}
.related-post-title-clean a:hover {color: var(--color-primary)}
.related-post-meta-clean {display: flex;align-items: center;gap: var(--spacing-sm);font-size: var(--font-size-sm);color: var(--color-text-secondary)}
.page-content-wrapper-single {max-width: 900px;margin: 0 auto;padding: var(--spacing-4xl) var(--spacing-lg)}
.page-content-single {font-size: var(--font-size-lg);line-height: var(--line-height-relaxed);color: var(--color-text)}
.page-pagination {display: flex;align-items: center;gap: var(--spacing-sm);margin-top: var(--spacing-2xl);padding-top: var(--spacing-xl);border-top: 1px solid var(--color-border)}
.page-pagination-title {font-weight: var(--font-weight-semibold);margin-right: var(--spacing-md);color: var(--color-text-secondary)}
.page-pagination span {display: inline-block;padding: var(--spacing-xs) var(--spacing-md);border-radius: var(--radius-sm);transition: all var(--transition-fast)}
.page-pagination span a {text-decoration: none;color: var(--color-text-primary)}
.page-pagination span:hover {background: var(--color-bg-gray)}
.page-pagination .current {background: var(--color-primary);color: var(--color-text-light);font-weight: var(--font-weight-semibold)}
.child-pages-section {padding: var(--spacing-4xl) 0;background: var(--color-bg-gray)}
.child-pages-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: var(--spacing-xl);margin-top: var(--spacing-2xl)}
.child-page-card {background: var(--color-bg-light);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);transition: all var(--transition-base)}
.child-page-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg)}
.child-page-image {display: block;overflow: hidden;height: 200px}
.child-page-image img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow)}
.child-page-card:hover .child-page-image img {transform: scale(1.05)}
.child-page-content {padding: var(--spacing-xl)}
.child-page-title {font-size: var(--font-size-xl);margin-bottom: var(--spacing-sm)}
.child-page-title a {color: var(--color-text-dark);text-decoration: none;transition: color var(--transition-fast)}
.child-page-title a:hover {color: var(--color-primary)}
.child-page-excerpt {font-size: var(--font-size-base);color: var(--color-text-secondary);line-height: var(--line-height-relaxed);margin-bottom: var(--spacing-md)}
.child-page-link {display: inline-flex;align-items: center;gap: var(--spacing-xs);color: var(--color-primary);font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);text-decoration: none;transition: all var(--transition-fast)}
.child-page-link:hover {gap: var(--spacing-sm);color: var(--color-primary-dark)}
.child-page-link svg {width: 16px;height: 16px}
.clients-slider-section {padding: var(--spacing-3xl) 0;background: var(--color-bg-gray);overflow: hidden}
.clients-slider-title {text-align: center;font-size: var(--font-size-xl);color: var(--color-text-secondary);margin-bottom: var(--spacing-2xl);font-weight: var(--font-weight-medium)}
.clients-slider {width: 100%;overflow: hidden;position: relative}
.clients-slider::before, .clients-slider::after {content: '';position: absolute;top: 0;width: 100px;height: 100%;z-index: 2;pointer-events: none}
.clients-slider::before {left: 0;background: linear-gradient(to right, var(--color-bg-gray) 0%, transparent 100%)}
.clients-slider::after {right: 0;background: linear-gradient(to left, var(--color-bg-gray) 0%, transparent 100%)}
.clients-slider-track {display: flex;gap: var(--spacing-3xl);animation: scroll 40s linear infinite}
.clients-slider-track:hover {animation-play-state: paused}
.client-slide {flex-shrink: 0;width: 150px;display: flex;align-items: center;justify-content: center}
.client-name {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--color-text-secondary);opacity: .6;transition: all var(--transition-base);font-family: var(--font-heading)}
.client-slide:hover .client-name {opacity: 1;color: var(--color-primary);transform: scale(1.1)}
@keyframes scroll {0% {transform: translateX(0)}
100% {transform: translateX(-50%)}
}
.card-base {background: var(--color-bg-light);border-radius: var(--radius-lg);overflow: hidden;transition: all var(--transition-base);box-shadow: var(--shadow-md)}
.card-base:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg)}
.card-image {aspect-ratio: 16/9;overflow: hidden}
.card-image img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow)}
.card-base:hover .card-image img {transform: scale(1.05)}
.card-content {padding: var(--spacing-xl)}
.kompetencje-grid, .competences-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-xl);margin-top: var(--spacing-2xl)}
.kompetencje-card, .competence-card {background: var(--color-bg-light);padding: var(--spacing-xl);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);transition: all var(--transition-base);position: relative;overflow: hidden;border-left: 4px solid #fff0}
.kompetencje-card::before, .competence-card::before {content: '';position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: var(--color-primary);transform: scaleY(0);transform-origin: bottom;transition: transform var(--transition-base)}
.kompetencje-card:hover, .competence-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-xl)}
.kompetencje-card:hover::before, .competence-card:hover::before {transform: scaleY(1)}
.kompetencje-icon, .competence-icon {width: 60px;height: 60px;background: var(--color-primary);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;margin-bottom: var(--spacing-lg)}
.kompetencje-icon svg, .competence-icon svg {width: 30px;height: 30px;stroke: #ffffff !important;fill: none !important;stroke-width: 2}
.kompetencje-icon svg path, .competence-icon svg path {stroke: #ffffff !important;fill: none !important}
.competence-title {font-size: var(--font-size-xl);margin-bottom: var(--spacing-md)}
.competence-description {color: var(--color-text-secondary);margin-bottom: var(--spacing-lg)}
.competence-link {display: inline-flex;align-items: center;gap: var(--spacing-xs);color: var(--color-primary);font-weight: var(--font-weight-semibold);transition: color var(--transition-fast)}
.competence-link:hover {color: var(--color-primary-dark)}
.competence-link svg {width: 16px;height: 16px;stroke: currentColor}
.portfolio-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--spacing-2xl);margin-top: var(--spacing-2xl)}
.portfolio-featured {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--spacing-2xl)}
.portfolio-category {display: inline-block;font-size: var(--font-size-sm);color: var(--color-primary);background: rgb(15 51 84 / .1);padding: var(--spacing-xs) var(--spacing-md);border-radius: var(--radius-full);margin-bottom: var(--spacing-md)}
.portfolio-title {font-size: var(--font-size-2xl);margin-bottom: var(--spacing-sm)}
.portfolio-title a {color: var(--color-text-primary)}
.portfolio-title a:hover {color: var(--color-primary)}
.portfolio-archive {background: var(--color-bg-gray)}
.portfolio-hero {padding: var(--spacing-4xl) 0;background: var(--color-bg-light)}
.portfolio-hero__grid {display: grid;grid-template-columns: 1.2fr 0.8fr;gap: var(--spacing-3xl);align-items: center}
.portfolio-badge {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-primary);background: rgb(15 51 84 / .08);padding: var(--spacing-xs) var(--spacing-md);border-radius: var(--radius-full);margin-bottom: var(--spacing-md)}
.portfolio-hero__lead {font-size: var(--font-size-lg);color: var(--color-text-secondary);max-width: 48ch}
.portfolio-hero__stats {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-md)}
.portfolio-hero__stat {background: var(--color-bg-gray);border-radius: var(--radius-lg);border: 1px solid var(--color-border);padding: var(--spacing-lg);text-align: center}
.portfolio-hero__value {display: block;font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--color-primary);margin-bottom: var(--spacing-xs)}
.portfolio-hero__label {font-size: var(--font-size-sm);color: var(--color-text-secondary)}
.portfolio-list {padding: var(--spacing-4xl) 0}
.portfolio-filters {display: flex;flex-wrap: wrap;gap: var(--spacing-sm);margin-bottom: var(--spacing-2xl)}
.portfolio-filter {display: inline-flex;align-items: center;padding: var(--spacing-xs) var(--spacing-lg);border-radius: var(--radius-full);border: 1px solid var(--color-border);color: var(--color-text-primary);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);background: #fff;transition: all var(--transition-fast)}
.portfolio-filter:hover {border-color: var(--color-primary);color: var(--color-primary)}
.portfolio-filter.is-active {background: var(--color-primary);border-color: var(--color-primary);color: #fff}
.portfolio-tags {display: flex;flex-wrap: wrap;gap: var(--spacing-xs);margin-bottom: var(--spacing-sm)}
.portfolio-tag {display: inline-flex;align-items: center;font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-primary);background: rgb(15 51 84 / .1);padding: 0.2rem 0.6rem;border-radius: var(--radius-full)}
.portfolio-empty {text-align: center;padding: var(--spacing-3xl);background: #fff;border: 1px dashed var(--color-border);border-radius: var(--radius-lg)}
.portfolio-single {background: var(--color-bg-gray)}
.portfolio-single-hero {padding: var(--spacing-4xl) 0;background: var(--color-bg-light)}
.portfolio-single-hero__grid {display: grid;grid-template-columns: 1.1fr 0.9fr;gap: var(--spacing-3xl);align-items: center}
.portfolio-single__lead {font-size: var(--font-size-lg);color: var(--color-text-secondary);margin-top: var(--spacing-md);max-width: 46ch}
.portfolio-single-hero__media {display: flex;justify-content: center}
.portfolio-single__image {border-radius: var(--radius-xl);box-shadow: var(--shadow-lg);width: 100%;height: auto}
.portfolio-single__placeholder {display: flex;align-items: center;justify-content: center;min-height: 280px;border-radius: var(--radius-xl);border: 2px dashed var(--color-border);background: var(--color-bg-gray);color: var(--color-text-secondary)}
.portfolio-meta {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--spacing-md);margin-top: var(--spacing-xl)}
.portfolio-meta__item {background: var(--color-bg-gray);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--spacing-md)}
.portfolio-meta__label {display: block;font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);letter-spacing: .04em;text-transform: uppercase;color: var(--color-text-secondary);margin-bottom: 0.35rem}
.portfolio-meta__value {font-size: var(--font-size-base);color: var(--color-text-primary);font-weight: var(--font-weight-semibold)}
.portfolio-single__actions {display: flex;flex-wrap: wrap;gap: var(--spacing-md);margin-top: var(--spacing-xl)}
.portfolio-single-content {padding: var(--spacing-4xl) 0}
.portfolio-single__content {background: var(--color-bg-light);border-radius: var(--radius-xl);padding: var(--spacing-3xl);box-shadow: var(--shadow-md)}
.portfolio-related {padding-bottom: var(--spacing-4xl)}
.blog-grid {display: flex;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;gap: var(--spacing-lg);padding-bottom: var(--spacing-md);margin-top: var(--spacing-2xl);scrollbar-width: thin;scrollbar-color: var(--color-primary) var(--color-bg-gray)}
.blog-grid::-webkit-scrollbar {height: 6px}
.blog-grid::-webkit-scrollbar-track {background: var(--color-bg-gray);border-radius: var(--radius-full)}
.blog-grid::-webkit-scrollbar-thumb {background: var(--color-primary);border-radius: var(--radius-full)}
.blog-card {flex: 0 0 calc(33.333% - var(--spacing-lg));min-width: 320px;max-width: 450px;scroll-snap-align: start}
.blog-meta {display: flex;gap: var(--spacing-md);align-items: center;font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--spacing-md);flex-wrap: wrap}
.contact-grid {display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-3xl);align-items: start}
@media (max-width:768px) {.contact-grid {grid-template-columns: 1fr !important;gap: var(--spacing-xl)}
}
.contact-info {background: #fff;padding: var(--spacing-2xl);border-radius: var(--radius-lg);box-shadow: var(--shadow-md)}
.contact-info-item {display: flex;align-items: start;gap: var(--spacing-md);margin-bottom: var(--spacing-lg)}
.contact-info-item:last-child {margin-bottom: 0}
.contact-info-item>div {line-height: 1.5}
.contact-info-item strong {display: block;font-size: var(--font-size-base);font-weight: var(--font-weight-bold);margin-bottom: 0;color: var(--color-text-primary)}
.contact-info-item a {color: var(--color-text-primary);text-decoration: none;transition: color var(--transition-fast)}
.contact-info-item a:hover {color: var(--color-primary)}
.contact-info-icon {width: 50px;height: 50px;background: var(--color-primary);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: #fff}
.contact-info-icon svg {width: 24px;height: 24px}
.contact-info-icon svg path, .contact-info-icon svg rect {stroke: #ffffff !important;fill: none !important}
.contact-info-icon svg path[fill="currentColor"] {fill: #ffffff !important;stroke: none !important}
.contact-form {background: var(--color-bg-light);padding: var(--spacing-2xl);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg)}
.contact-form-wrapper {background: #ffffff !important;padding: var(--spacing-2xl) !important;border-radius: var(--radius-lg) !important;box-shadow: var(--shadow-lg) !important}
.form-group, .forminator-row {margin-bottom: var(--spacing-lg)}
.form-group label, .forminator-label {display: block !important;font-weight: var(--font-weight-semibold);margin-bottom: var(--spacing-sm);color: var(--color-text-primary);font-size: var(--font-size-base)}
.form-group input, .form-group textarea, .form-group select, .forminator-input, .forminator-textarea, .forminator-select, .forminator-name--field, .forminator-email--field, .forminator-field--phone {width: 100% !important;padding: var(--spacing-md) !important;border: 2px solid var(--color-border) !important;background: var(--color-bg-light) !important;border-radius: var(--radius-md) !important;font-family: inherit !important;font-size: var(--font-size-base) !important;transition: border-color var(--transition-fast), box-shadow var(--transition-fast) !important;color: var(--color-text-primary) !important}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus, .forminator-input:focus, .forminator-textarea:focus, .forminator-select:focus {outline: none !important;border-color: var(--color-primary) !important;box-shadow: 0 0 0 3px rgb(15 51 84 / .1) !important}
.form-group input::placeholder, .form-group textarea::placeholder, .forminator-input::placeholder, .forminator-textarea::placeholder {color: var(--color-text-secondary) !important}
.form-group textarea, .forminator-textarea {min-height: 140px !important;resize: vertical !important}
.form-checkbox, .forminator-checkbox__wrapper, .forminator-radio__wrapper {display: flex !important;align-items: flex-start !important;gap: var(--spacing-sm) !important}
.form-checkbox input[type="checkbox"], .forminator-checkbox input[type="checkbox"], .forminator-radio input[type="radio"] {width: 20px !important;height: 20px !important;cursor: pointer !important;accent-color: var(--color-primary) !important}
.form-checkbox label, .forminator-checkbox__label, .forminator-radio__label {font-size: var(--font-size-sm) !important;color: var(--color-text-secondary) !important;line-height: var(--line-height-normal) !important;font-weight: var(--font-weight-normal) !important;margin: 0 !important}
.form-checkbox label a, .forminator-checkbox__label a, .forminator-radio__label a {color: var(--color-primary) !important;text-decoration: underline !important}
.form-checkbox label a:hover, .forminator-checkbox__label a:hover, .forminator-radio__label a:hover {color: var(--color-primary-dark) !important}
.site-footer {background: #00203d;color: var(--color-text-light);padding: var(--spacing-4xl) 0 0}
.footer-main {padding-bottom: var(--spacing-3xl);border-bottom: 1px solid rgb(255 255 255 / .15)}
.footer-grid {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: var(--spacing-3xl)}
.footer-widget, .footer-about, .footer-services, .footer-company, .footer-contact {margin-bottom: 0}
.footer-widget h4 {font-size: var(--font-size-xl);margin-bottom: var(--spacing-lg);color: var(--color-text-light)}
.footer-widget p {color: rgb(255 255 255 / .7);margin-bottom: var(--spacing-md);line-height: var(--line-height-relaxed)}
.footer-menu {list-style: none;margin: 0;padding: 0}
.footer-menu li {margin-bottom: var(--spacing-sm)}
.footer-menu a {color: rgb(255 255 255 / .7) !important;transition: color var(--transition-fast)}
.footer-menu a:hover {color: var(--color-accent) !important}
.footer-social {display: flex;gap: var(--spacing-md);margin-top: var(--spacing-lg);flex-wrap: wrap}
.footer-social a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: rgb(255 255 255 / .1);border-radius: var(--radius-md);transition: all var(--transition-fast)}
.footer-social a:hover {background: var(--color-accent);transform: translateY(-3px)}
.footer-social svg {width: 20px;height: 20px;fill: var(--color-text-light)}
.footer-contact-item {display: flex;align-items: start;gap: var(--spacing-sm);margin-bottom: var(--spacing-md)}
.footer-contact-item:last-child {margin-bottom: 0}
.footer-contact-item svg {width: 18px;height: 18px;flex-shrink: 0;margin-top: 2px}
.footer-contact-item strong {display: block;color: #fff;font-weight: var(--font-weight-semibold);margin-bottom: var(--spacing-xs);font-size: var(--font-size-sm)}
.footer-contact-item div {color: rgb(255 255 255 / .9);line-height: 1.4;font-size: var(--font-size-sm)}
.footer-link-white {color: rgb(255 255 255 / .9) !important;text-decoration: none !important}
.footer-link-white:hover {color: var(--color-accent) !important}
.footer-bottom {background: #001529;padding: var(--spacing-xl) 0}
.footer-bottom-content {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--spacing-md)}
.footer-copyright {color: rgb(255 255 255 / .5);font-size: var(--font-size-sm)}
.footer-legal-links {display: flex;align-items: center;gap: var(--spacing-md)}
.footer-legal-link {color: rgb(255 255 255 / .7) !important;font-size: 14px !important;transition: color var(--transition-fast);text-decoration: none !important}
.footer-legal-link:hover {color: var(--color-accent) !important}
.footer-legal-links .separator {color: rgb(255 255 255 / .4);font-size: 14px}
.back-to-top {position: fixed;bottom: 30px;right: 30px;width: 50px;height: 50px;background: var(--color-primary);border: none;border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0;visibility: hidden;transition: all var(--transition-base);z-index: var(--z-fixed)}
.back-to-top.visible {opacity: 1;visibility: visible}
.back-to-top:hover {background: var(--color-primary-dark);transform: translateY(-3px)}
.back-to-top svg {width: 24px;height: 24px;stroke: var(--color-text-light);fill: none}
.section-header {text-align: center;max-width: 700px;margin: 0 auto var(--spacing-3xl)}
.section-subtitle {color: var(--color-primary);font-weight: var(--font-weight-semibold);text-transform: uppercase;font-size: var(--font-size-sm);letter-spacing: 1px;margin-bottom: var(--spacing-sm)}
.section-title {font-size: var(--font-size-4xl);margin-bottom: var(--spacing-md)}
.section-description {font-size: var(--font-size-lg);color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}
.breadcrumbs, .breadcrumbs-nav, .breadcrumbs-light {display: flex;align-items: center;gap: var(--spacing-sm);font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--spacing-xl)}
.breadcrumbs a, .breadcrumbs-nav a, .breadcrumbs-light a {color: var(--color-text-secondary);transition: color var(--transition-fast)}
.breadcrumbs a:hover, .breadcrumbs-nav a:hover, .breadcrumbs-light a:hover {color: var(--color-primary)}
.breadcrumbs-light, .breadcrumbs-nav {color: rgb(255 255 255 / .8)}
.breadcrumbs-light a, .breadcrumbs-nav a {color: rgb(255 255 255 / .9)}
.breadcrumbs-light a:hover, .breadcrumbs-nav a:hover {color: var(--color-accent)}
.breadcrumbs-light span, .breadcrumbs-nav span {color: rgb(255 255 255 / .6)}
.page-breadcrumbs {background: var(--color-bg-gray);padding: var(--spacing-lg) 0}
.page-header {background: var(--color-bg-gray);padding: var(--spacing-3xl) 0;text-align: center}
.page-header-content {max-width: 800px;margin: 0 auto}
.page-header-section {text-align: center;margin-bottom: var(--spacing-3xl)}
.page-title {font-size: var(--font-size-4xl);margin-bottom: var(--spacing-md)}
.page-subtitle {font-size: var(--font-size-xl);color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}
.page-content {margin-bottom: var(--spacing-3xl)}
.page-thumbnail {margin-bottom: var(--spacing-2xl);border-radius: var(--radius-lg);overflow: hidden}
.pricing-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-xl);margin-top: var(--spacing-2xl)}
.pricing-card {background: var(--color-bg-light);border: 2px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--spacing-2xl);text-align: center;transition: all var(--transition-base)}
.pricing-card.featured {border-color: var(--color-primary);box-shadow: var(--shadow-xl);transform: scale(1.05)}
.pricing-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg)}
.pricing-header {margin-bottom: var(--spacing-xl)}
.pricing-header h3 {font-size: var(--font-size-2xl);margin-bottom: var(--spacing-md)}
.pricing-price {font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);color: var(--color-primary);margin-bottom: var(--spacing-xs)}
.pricing-period {font-size: var(--font-size-sm);color: var(--color-text-secondary)}
.pricing-features {list-style: none;padding: 0;margin: var(--spacing-xl) 0;text-align: left}
.pricing-features li {padding: var(--spacing-sm) 0;border-bottom: 1px solid #f0f0f0}
.pricing-features li:last-child {border-bottom: none}
.process-steps {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--spacing-xl);margin-top: var(--spacing-2xl)}
.process-step {text-align: center;padding: var(--spacing-xl);background: var(--color-bg-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);transition: all var(--transition-base)}
.process-step:hover {box-shadow: var(--shadow-md);transform: translateY(-5px)}
.process-step-number {width: 60px;height: 60px;background: var(--color-primary);color: var(--color-text-light);border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);margin: 0 auto var(--spacing-lg)}
.process-step h3 {font-size: var(--font-size-lg);margin-bottom: var(--spacing-sm)}
.process-step p {color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}
.service-features {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--spacing-xl);margin: var(--spacing-2xl) 0}
.feature-box {background: var(--color-bg-gray);padding: var(--spacing-xl);border-radius: var(--radius-lg);border-left: 4px solid var(--color-primary)}
.feature-box h3 {font-size: var(--font-size-xl);margin-bottom: var(--spacing-sm)}
.feature-box p {color: var(--color-text-secondary);margin: 0}
.cta-box {background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color: var(--color-text-light);padding: var(--spacing-3xl);border-radius: var(--radius-xl);text-align: center;margin-top: var(--spacing-3xl)}
.cta-box h2 {font-size: var(--font-size-3xl);color: var(--color-text-light);margin-bottom: var(--spacing-md)}
.cta-box p {font-size: var(--font-size-lg);color: rgb(255 255 255 / .9);margin-bottom: var(--spacing-xl)}
.post-layout {display: grid;grid-template-columns: 1fr 350px;gap: var(--spacing-3xl)}
.post-main {min-width: 0}
.entry-header {margin-bottom: var(--spacing-2xl)}
.entry-title {font-size: var(--font-size-4xl);margin-bottom: var(--spacing-lg)}
.entry-meta {display: flex;gap: var(--spacing-lg);align-items: center;flex-wrap: wrap;font-size: var(--font-size-sm);color: var(--color-text-secondary)}
.entry-meta-item {display: flex;align-items: center;gap: var(--spacing-xs)}
.entry-meta svg {width: 16px;height: 16px;fill: currentColor}
.entry-thumbnail {margin-bottom: var(--spacing-2xl);border-radius: var(--radius-lg);overflow: hidden}
.entry-content {line-height: var(--line-height-relaxed);margin-bottom: var(--spacing-2xl)}
.entry-tags {margin-top: var(--spacing-2xl);padding-top: var(--spacing-2xl);border-top: 1px solid var(--color-border)}
.tag-list {display: flex;flex-wrap: wrap;gap: var(--spacing-sm)}
.tag-list a {display: inline-block;padding: var(--spacing-xs) var(--spacing-md);background: var(--color-bg-gray);border-radius: var(--radius-full);font-size: var(--font-size-sm);color: var(--color-text-secondary);transition: all var(--transition-fast)}
.tag-list a:hover {background: var(--color-primary);color: var(--color-text-light)}
.author-box {display: flex;gap: var(--spacing-lg);padding: var(--spacing-xl);background: var(--color-bg-gray);border-radius: var(--radius-lg);margin: var(--spacing-2xl) 0}
.author-avatar {flex-shrink: 0}
.author-avatar img {width: 80px;height: 80px;border-radius: var(--radius-full)}
.author-info h4 {font-size: var(--font-size-lg);margin-bottom: var(--spacing-xs)}
.author-info p {color: var(--color-text-secondary);margin: 0}
.nav-previous, .nav-next {flex: 1}
.nav-next {text-align: right}
.widget-area {background: var(--color-bg-light)}
.sidebar-widget {background: var(--color-bg-gray);padding: var(--spacing-xl);border-radius: var(--radius-lg);margin-bottom: var(--spacing-xl)}
.sidebar-widget-title {font-size: var(--font-size-lg);margin-bottom: var(--spacing-lg)}
.sidebar-cta {background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color: var(--color-text-light)}
.sidebar-cta h3, .sidebar-cta p {color: var(--color-text-light)}
.recent-post-item {display: flex;gap: var(--spacing-md);padding: var(--spacing-md) 0;border-bottom: 1px solid var(--color-border)}
.recent-post-item:last-child {border-bottom: none}
.recent-post-thumb {flex-shrink: 0;width: 60px;height: 60px;border-radius: var(--radius-sm);overflow: hidden}
.recent-post-thumb img {width: 100%;height: 100%;object-fit: cover}
.recent-post-info h4 {font-size: var(--font-size-sm);margin-bottom: var(--spacing-xs)}
.recent-post-info h4 a {color: var(--color-text-primary)}
.recent-post-info h4 a:hover {color: var(--color-primary)}
.recent-post-date {font-size: var(--font-size-xs);color: var(--color-text-secondary)}
.archive-header {background: var(--color-bg-gray);padding: var(--spacing-3xl) 0;text-align: center;margin-bottom: var(--spacing-3xl)}
.archive-title {font-size: var(--font-size-4xl);margin-bottom: var(--spacing-md)}
.archive-description {font-size: var(--font-size-lg);color: var(--color-text-secondary);max-width: 700px;margin: 0 auto var(--spacing-lg)}
.archive-meta {font-size: var(--font-size-sm);color: var(--color-text-secondary)}
.archive-content {margin-bottom: var(--spacing-3xl)}
.archive-filters {display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-2xl);padding-bottom: var(--spacing-lg);border-bottom: 1px solid var(--color-border)}
.archive-count {font-size: var(--font-size-sm);color: var(--color-text-secondary)}
.search-header {background: var(--color-bg-gray);padding: var(--spacing-3xl) 0;text-align: center}
.search-title {font-size: var(--font-size-4xl);margin-bottom: var(--spacing-lg)}
.search-query {font-size: var(--font-size-lg);color: var(--color-text-secondary);margin-bottom: var(--spacing-xl)}
.search-form-wrapper {max-width: 600px;margin: 0 auto}
.search-results {padding: var(--spacing-3xl) 0}
.search-results-list {display: flex;flex-direction: column;gap: var(--spacing-2xl)}
.search-result-item {padding: var(--spacing-xl);background: var(--color-bg-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);transition: all var(--transition-base)}
.search-result-item:hover {box-shadow: var(--shadow-md);transform: translateX(5px)}
.search-result-type {display: inline-block;padding: var(--spacing-xs) var(--spacing-sm);background: var(--color-primary);color: var(--color-text-light);border-radius: var(--radius-sm);font-size: var(--font-size-xs);text-transform: uppercase;margin-bottom: var(--spacing-sm)}
.search-result-title {font-size: var(--font-size-2xl);margin-bottom: var(--spacing-sm)}
.search-result-title a {color: var(--color-text-primary)}
.search-result-title a:hover {color: var(--color-primary)}
.search-result-meta {display: flex;gap: var(--spacing-md);font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--spacing-md)}
.search-result-excerpt {color: var(--color-text-secondary);margin-bottom: var(--spacing-md)}
.search-result-excerpt mark {background: rgb(255 107 53 / .2);padding: 2px 4px;border-radius: 2px}
.no-results {text-align: center;padding: var(--spacing-4xl) 0}
.no-results-icon {width: 100px;height: 100px;margin: 0 auto var(--spacing-xl);opacity: .3}
.no-results h2 {font-size: var(--font-size-3xl);margin-bottom: var(--spacing-md)}
.no-results p {font-size: var(--font-size-lg);color: var(--color-text-secondary);margin-bottom: var(--spacing-xl)}
.search-suggestions {text-align: left;max-width: 500px;margin: var(--spacing-2xl) auto;padding: var(--spacing-xl);background: var(--color-bg-gray);border-radius: var(--radius-lg)}
.search-suggestions h3 {font-size: var(--font-size-lg);margin-bottom: var(--spacing-md)}
.search-suggestions ul {list-style-position: outside;padding-left: var(--spacing-xl)}
.search-suggestions li {margin-bottom: var(--spacing-sm)}
.error-404-section {padding: var(--spacing-4xl) 0;text-align: center}
.error-404-content {max-width: 700px;margin: 0 auto}
.error-404-number {font-size: 150px;font-weight: var(--font-weight-bold);color: var(--color-primary);line-height: 1;margin-bottom: var(--spacing-lg)}
.error-404-title {font-size: var(--font-size-4xl);margin-bottom: var(--spacing-lg)}
.error-404-text {font-size: var(--font-size-lg);color: var(--color-text-secondary);margin-bottom: var(--spacing-2xl)}
.error-404-actions {display: flex;gap: var(--spacing-md);justify-content: center;flex-wrap: wrap;margin-bottom: var(--spacing-3xl)}
.error-404-search {margin-bottom: var(--spacing-3xl)}
.error-404-search h3 {font-size: var(--font-size-2xl);margin-bottom: var(--spacing-lg)}
.error-404-links {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--spacing-xl);margin-top: var(--spacing-2xl)}
.error-404-link-card {display: flex;flex-direction: column;align-items: center;padding: var(--spacing-xl);background: var(--color-bg-gray);border-radius: var(--radius-lg);transition: all var(--transition-base);text-align: center}
.error-404-link-card:hover {background: var(--color-primary);color: var(--color-text-light);transform: translateY(-5px)}
.error-404-link-card svg {width: 40px;height: 40px;margin-bottom: var(--spacing-md);stroke: currentColor}
.error-404-link-card h4 {font-size: var(--font-size-lg);margin-bottom: var(--spacing-xs)}
.error-404-link-card p {font-size: var(--font-size-sm);color: var(--color-text-secondary);margin: 0}
.error-404-link-card:hover h4, .error-404-link-card:hover p {color: var(--color-text-light)}
.section-light-blue .forminator-custom-form {max-width: 100%}
.section-light-blue .forminator-required {color: var(--color-danger) !important}
.section-light-blue .forminator-description {display: block !important;font-size: var(--font-size-sm) !important;color: var(--color-text-secondary) !important;margin-top: var(--spacing-xs) !important}
.section-light-blue .forminator-button-submit {background: var(--color-accent) !important;color: #ffffff !important;padding: var(--spacing-md) var(--spacing-2xl) !important;border: 2px solid var(--color-accent) !important;border-radius: var(--radius-md) !important;font-size: var(--font-size-base) !important;font-weight: var(--font-weight-semibold) !important;cursor: pointer !important;transition: all var(--transition-fast) !important;width: 100% !important}
.section-light-blue .forminator-button-submit:hover {background: #e55a2b !important;border-color: #e55a2b !important;transform: translateY(-2px) !important;box-shadow: var(--shadow-md) !important}
.section-light-blue .forminator-error-message {color: var(--color-danger) !important;font-size: var(--font-size-sm) !important;margin-top: var(--spacing-xs) !important}
.section-professional {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding: var(--spacing-4xl) 0;position: relative;overflow: hidden}
.section-professional::before {content: '';position: absolute;top: -50%;right: -10%;width: 500px;height: 500px;background: radial-gradient(circle, rgb(15 51 84 / .03) 0%, transparent 70%);border-radius: 50%;pointer-events: none}
.section-professional::after {content: '';position: absolute;bottom: -50%;left: -10%;width: 600px;height: 600px;background: radial-gradient(circle, rgb(255 107 53 / .03) 0%, transparent 70%);border-radius: 50%;pointer-events: none}
.professional-intro {max-width: 800px;margin: 0 auto var(--spacing-3xl);text-align: center;padding: var(--spacing-xl);background: #fff;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);border-left: 4px solid var(--color-primary)}
.professional-intro p {font-size: var(--font-size-lg);line-height: var(--line-height-relaxed);color: var(--color-text-primary);margin: 0}
.professional-intro strong {color: var(--color-primary);font-weight: var(--font-weight-bold)}
.comparison-slider-wrapper {position: relative;overflow-x: auto;overflow-y: visible;margin-bottom: var(--spacing-3xl);-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;scrollbar-width: thin;scrollbar-color: var(--color-primary) var(--color-bg-gray)}
.comparison-slider-wrapper::-webkit-scrollbar {height: 6px}
.comparison-slider-wrapper::-webkit-scrollbar-track {background: var(--color-bg-gray);border-radius: var(--radius-full)}
.comparison-slider-wrapper::-webkit-scrollbar-thumb {background: var(--color-primary);border-radius: var(--radius-full)}
.comparison-slider, .professional-comparison-triple {display: flex;flex-wrap: nowrap;gap: var(--spacing-lg);padding-bottom: var(--spacing-md)}
.comparison-column {flex: 0 0 calc(33.333% - var(--spacing-lg));min-width: 320px;max-width: 450px;scroll-snap-align: start}
@media (max-width:768px) {.comparison-column {flex: 0 0 85%;min-width: 280px;max-width: 380px}
}
@media (min-width:769px) and (max-width:1024px) {.comparison-column {flex: 0 0 calc(50% - var(--spacing-lg))}
}
.comparison-slider-nav, .slider-arrow-prev, .slider-arrow-next {display: none !important}
.comparison-slider.dragging {transition: none;cursor: grabbing}
.comparison-slider .comparison-column {flex: 0 0 calc(33.333% - var(--spacing-2xl));min-width: calc(33.333% - var(--spacing-2xl));scroll-snap-align: start}
.comparison-slider-nav {display: flex;justify-content: center;gap: var(--spacing-sm);margin-top: var(--spacing-xl);position: relative;z-index: 3}
.slider-dot {width: 12px;height: 12px;border-radius: 50%;background: #d0d0d0;border: none;cursor: pointer;transition: all var(--transition-fast);padding: 0}
.slider-dot:hover {background: #a0a0a0;transform: scale(1.2)}
.slider-dot.active {background: var(--color-primary);width: 32px;border-radius: 6px}
.slider-arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;background: rgb(255 255 255 / .95);border: 2px solid var(--color-primary);border-radius: var(--radius-full);cursor: pointer;transition: all var(--transition-fast);z-index: 4;display: none;box-shadow: var(--shadow-md)}
.slider-arrow:hover {background: var(--color-primary);transform: translateY(-50%) scale(1.1)}
.slider-arrow:hover svg {stroke: #fff}
.slider-arrow svg {width: 24px;height: 24px;stroke: var(--color-primary);transition: stroke var(--transition-fast)}
.slider-arrow-prev {left: -24px}
.slider-arrow-next {right: -24px}
.slider-arrow:disabled {opacity: .3;cursor: not-allowed}
.comparison-column {background: #fff;border-radius: var(--radius-xl);padding: var(--spacing-2xl);box-shadow: var(--shadow-lg);transition: all var(--transition-base);position: relative}
.comparison-column:hover {transform: translateY(-8px);box-shadow: var(--shadow-xl)}
.comparison-amateur {border-top: 4px solid #dc3545}
.comparison-oxygen {border-top: 4px solid #ffc107}
.comparison-professional {border-top: 4px solid #28a745}
.comparison-recommended {background: linear-gradient(180deg, #ffffff 0%, #f0f9f4 100%);box-shadow: 0 20px 40px rgb(40 167 69 / .15);animation: slideInRight 0.8s ease-out;transform-origin: right center}
@keyframes slideInRight {0% {opacity: 0;transform: translateX(50px) scale(.95)}
100% {opacity: 1;transform: translateX(0) scale(1)}
}
.comparison-recommended:hover {transform: translateY(-12px) scale(1.02);box-shadow: 0 25px 50px rgb(40 167 69 / .2)}
.comparison-ribbon {position: absolute;top: 20px;right: -5px;background: linear-gradient(135deg, #28a745 0%, #20c997 100%);color: #fff;padding: var(--spacing-xs) var(--spacing-lg);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);text-transform: uppercase;letter-spacing: 1px;box-shadow: var(--shadow-md);z-index: 10}
.comparison-ribbon::before {content: '';position: absolute;bottom: -5px;right: 0;width: 0;height: 0;border-left: 5px solid #fff0;border-right: 5px solid #1a7a3d;border-top: 5px solid #1a7a3d}
.comparison-header {text-align: center;padding-bottom: var(--spacing-xl);border-bottom: 2px solid var(--color-bg-gray);margin-bottom: var(--spacing-xl)}
.comparison-icon {width: 60px;height: 60px;margin: 0 auto var(--spacing-md);stroke: currentColor}
.comparison-amateur .comparison-icon {color: #dc3545}
.comparison-oxygen .comparison-icon {color: #ffc107}
.comparison-professional .comparison-icon {color: #28a745}
.comparison-header h3 {font-size: var(--font-size-2xl);margin-bottom: var(--spacing-sm);color: var(--color-text-primary);line-height: 1.3}
.comparison-price {display: block;padding: var(--spacing-xs) var(--spacing-lg);background: var(--color-bg-gray);border-radius: var(--radius-full);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin: var(--spacing-md) auto var(--spacing-sm);width: fit-content}
.comparison-badge {display: inline-block;padding: var(--spacing-xs) var(--spacing-md);border-radius: var(--radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);text-transform: uppercase;letter-spacing: .5px;margin-top: var(--spacing-sm)}
.comparison-badge-danger {background: rgb(220 53 69 / .1);color: #dc3545;border: 1px solid rgb(220 53 69 / .3)}
.comparison-badge-warning {background: rgb(255 193 7 / .1);color: #d39e00;border: 1px solid rgb(255 193 7 / .3)}
.comparison-badge-success {background: rgb(40 167 69 / .1);color: #28a745;border: 1px solid rgb(40 167 69 / .3)}
.comparison-list {list-style: none;padding: 0;margin: 0}
.comparison-item {display: flex;align-items: start;gap: var(--spacing-md);padding: var(--spacing-md);margin-bottom: var(--spacing-sm);border-radius: var(--radius-md);transition: all var(--transition-fast)}
.comparison-item:last-child {margin-bottom: 0}
.comparison-item svg {width: 24px;height: 24px;flex-shrink: 0;stroke: currentColor;margin-top: 2px}
.comparison-negative {background: rgb(220 53 69 / .05)}
.comparison-negative svg {color: #dc3545}
.comparison-negative:hover {background: rgb(220 53 69 / .1)}
.comparison-neutral {background: rgb(255 193 7 / .05)}
.comparison-neutral svg {color: #ffc107}
.comparison-neutral:hover {background: rgb(255 193 7 / .1)}
.comparison-positive {background: rgb(40 167 69 / .05)}
.comparison-positive svg {color: #28a745}
.comparison-positive:hover {background: rgb(40 167 69 / .1)}
.comparison-item div {flex: 1}
.comparison-item strong {display: block;font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-xs);line-height: 1.4}
.comparison-item span {display: block;font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: 1.5}
.comparison-footer {margin-top: var(--spacing-lg);padding-top: var(--spacing-lg);border-top: 1px solid var(--color-bg-gray);text-align: center}
.comparison-footer p {font-size: var(--font-size-sm);color: var(--color-text-secondary);margin: 0;line-height: 1.5}
.comparison-footer strong {color: var(--color-primary)}
.professional-stats {display: grid;margin-top: 50px;grid-template-columns: repeat(4, 1fr);gap: var(--spacing-xl);margin-bottom: var(--spacing-3xl);padding: var(--spacing-2xl);background: #fff;border-radius: var(--radius-xl);box-shadow: var(--shadow-md);position: relative;z-index: 2}
.stat-item {text-align: center;padding: var(--spacing-lg);border-radius: var(--radius-md);transition: all var(--transition-base)}
.stat-item:hover {background: var(--color-bg-gray);transform: scale(1.05)}
.stat-number {font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);color: var(--color-primary);margin-bottom: var(--spacing-sm);font-family: var(--font-heading)}
.stat-label {font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: 1.4}
.professional-cta {background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-xl);margin: var(--spacing-4xl) 0;display: grid;grid-template-columns: 1fr 1.2fr;gap: 0;min-height: 500px}
.professional-cta-content {padding: var(--spacing-3xl);color: var(--color-text-light);display: flex;flex-direction: column;justify-content: center}
.professional-cta-content h3 {font-size: var(--font-size-3xl);color: var(--color-text-light);margin-bottom: var(--spacing-lg);line-height: var(--line-height-tight)}
.professional-cta-content p {font-size: var(--font-size-lg);color: rgb(255 255 255 / .9);line-height: var(--line-height-relaxed);margin-bottom: 0}
.professional-cta-form {background: var(--color-bg-light);padding: var(--spacing-3xl);display: flex;align-items: center}
.professional-cta .forminator-custom-form {width: 100%;max-width: 100%}
.professional-cta .forminator-required {color: var(--color-danger) !important}
.professional-cta .forminator-input:focus, .professional-cta .forminator-textarea:focus {box-shadow: 0 0 0 3px rgb(15 51 84 / .1) !important}
.professional-cta .forminator-input::placeholder, .professional-cta .forminator-textarea::placeholder {color: var(--color-text-secondary) !important}
.professional-cta .forminator-checkbox input[type="checkbox"] {accent-color: var(--color-primary) !important}
.professional-cta .forminator-checkbox__label a {color: var(--color-primary) !important;text-decoration: underline !important}
.professional-cta .forminator-checkbox__label a:hover {color: var(--color-primary-dark) !important}
.professional-cta .forminator-button-submit {background: var(--color-accent) !important;color: #ffffff !important;padding: var(--spacing-md) var(--spacing-2xl) !important;border: 2px solid var(--color-accent) !important;border-radius: var(--radius-md) !important;font-size: var(--font-size-base) !important;font-weight: var(--font-weight-semibold) !important;cursor: pointer !important;transition: all var(--transition-fast) !important;width: 100% !important}
.professional-cta .forminator-button-submit:hover {background: #e55a2b !important;border-color: #e55a2b !important;transform: translateY(-2px) !important;box-shadow: var(--shadow-md) !important}
.professional-cta .forminator-response-message {padding: var(--spacing-md);border-radius: var(--radius-md);margin-bottom: var(--spacing-lg)}
.professional-cta .forminator-response-message.forminator-success {background: #d4edda;color: #155724;border: 1px solid #c3e6cb}
.professional-cta .forminator-response-message.forminator-error {background: #f8d7da;color: #721c24;border: 1px solid #f5c6cb}
.professional-cta .forminator-error-message {color: var(--color-danger) !important;font-size: var(--font-size-sm) !important;margin-top: var(--spacing-xs) !important}
.professional-trust {text-align: center;padding: var(--spacing-2xl);background: #fff;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);position: relative;z-index: 2}
.professional-trust p {font-size: var(--font-size-lg);color: var(--color-text-primary);margin-bottom: var(--spacing-lg)}
.trust-badges {display: flex;justify-content: center;gap: var(--spacing-xl);flex-wrap: wrap}
.trust-badge {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-md) var(--spacing-lg);background: var(--color-bg-gray);border-radius: var(--radius-full);transition: all var(--transition-fast)}
.trust-badge:hover {background: var(--color-primary);color: var(--color-text-light);transform: translateY(-3px);box-shadow: var(--shadow-md)}
.trust-badge svg {width: 20px;height: 20px;stroke: currentColor;flex-shrink: 0}
.trust-badge span {font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);white-space: nowrap}
.kontakt-page {padding: var(--spacing-xl) var(--spacing-md);background: var(--color-bg-gray);min-height: 60vh}
.kontakt-container {max-width: var(--container-max-width);margin: 0 auto}
.kontakt-header {text-align: center;margin-bottom: var(--spacing-3xl);padding: var(--spacing-3xl) var(--spacing-md);background: var(--color-bg-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm)}
.kontakt-header h1 {color: var(--color-primary);font-size: clamp(1.875rem, 4vw, 2.5rem);font-weight: var(--font-weight-bold);margin-bottom: var(--spacing-lg);line-height: var(--line-height-tight)}
.kontakt-intro {color: var(--color-text-secondary);font-size: var(--font-size-lg);max-width: 800px;margin: 0 auto;line-height: var(--line-height-relaxed)}
.kontakt-content {display: grid;grid-template-columns: 1fr;gap: var(--spacing-xl)}
.kontakt-info {display: flex;flex-direction: column;gap: var(--spacing-xl)}
.kontakt-section {background: var(--color-bg-light);padding: var(--spacing-xl);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);border: 1px solid var(--color-border);transition: box-shadow var(--transition-base)}
.kontakt-section:hover {box-shadow: var(--shadow-md)}
.kontakt-section h2 {color: var(--color-primary);font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold);margin-bottom: var(--spacing-lg);padding-bottom: var(--spacing-md);border-bottom: 2px solid var(--color-primary-light)}
.kontakt-details {display: flex;flex-direction: column;gap: var(--spacing-lg)}
.kontakt-item {display: flex;align-items: flex-start;gap: var(--spacing-lg);padding: var(--spacing-md);border-radius: var(--radius-md);transition: background-color var(--transition-fast)}
.kontakt-item:hover {background: var(--color-bg-gray)}
.kontakt-icon {width: 24px;height: 24px;min-width: 24px;color: var(--color-primary);margin-top: .25rem}
.kontakt-item-content {display: flex;flex-direction: column;gap: var(--spacing-xs)}
.kontakt-item-content strong {color: var(--color-text-primary);font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);text-transform: uppercase;letter-spacing: .025em}
.kontakt-item-content a {color: var(--color-primary-light);text-decoration: none;font-size: var(--font-size-lg);font-weight: var(--font-weight-medium);transition: color var(--transition-fast)}
.kontakt-item-content a:hover {color: var(--color-accent);text-decoration: underline}
.kontakt-item-content address {font-style: normal;color: var(--color-text-primary);line-height: var(--line-height-normal)}
.kontakt-item-simple {display: flex;flex-direction: column;gap: var(--spacing-xs);padding: var(--spacing-md);border-left: 3px solid var(--color-primary-light);background: var(--color-bg-gray);border-radius: var(--radius-sm)}
.kontakt-item-simple strong {color: var(--color-text-primary);font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm)}
.kontakt-item-simple code {background: var(--color-bg-light);padding: .25rem .5rem;border-radius: var(--radius-sm);font-family: 'Courier New', monospace;font-size: var(--font-size-sm);color: var(--color-primary);border: 1px solid var(--color-border);display: inline-block;margin-top: var(--spacing-xs)}
.kontakt-map iframe {width: 100%;height: 320px;border-radius: var(--radius-lg)}
.kontakt-form-wrapper {position: sticky;top: var(--spacing-xl)}
.kontakt-form {margin-top: var(--spacing-lg)}
@keyframes fadeIn {from {opacity: 0}
to {opacity: 1}
}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px)}
to {opacity: 1;transform: translateY(0)}
}
@keyframes fadeInDown {from {opacity: 0;transform: translateY(-20px)}
to {opacity: 1;transform: translateY(0)}
}
@keyframes slideInLeft {from {opacity: 0;transform: translateX(-50px)}
to {opacity: 1;transform: translateX(0)}
}
@keyframes morphShape1 {0%,100% {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;transform: rotate(0deg) scale(1)}
25% {border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%}
50% {border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;transform: rotate(180deg) scale(1.1)}
75% {border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%}
}
@keyframes morphShape2 {0%,100% {border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;transform: rotate(0deg) scale(1)}
25% {border-radius: 48% 52% 68% 32% / 42% 62% 38% 58%}
50% {border-radius: 40% 60% 50% 50% / 45% 70% 30% 55%;transform: rotate(180deg) scale(1.05)}
75% {border-radius: 55% 45% 62% 38% / 48% 52% 48% 52%}
}
.fade-in {animation: fadeIn 0.6s ease-in-out}
.fade-in-up {animation: fadeInUp 0.6s ease-in-out}
.fade-in-down {animation: fadeInDown 0.6s ease-in-out}
.slide-in-left {animation: slideInLeft 0.6s ease-in-out}
.slide-in-right {animation: slideInRight 0.6s ease-in-out}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0}
.text-center {text-align: center}
.text-left {text-align: left}
.text-right {text-align: right}
.mt-0 {margin-top: 0}
.mb-0 {margin-bottom: 0}
.mt-sm {margin-top: var(--spacing-sm)}
.mb-sm {margin-bottom: var(--spacing-sm)}
.mt-md {margin-top: var(--spacing-md)}
.mb-md {margin-bottom: var(--spacing-md)}
.mt-lg {margin-top: var(--spacing-lg)}
.mb-lg {margin-bottom: var(--spacing-lg)}
.mt-xl {margin-top: var(--spacing-xl)}
.mb-xl {margin-bottom: var(--spacing-xl)}
.mt-2xl {margin-top: var(--spacing-2xl)}
.mb-2xl {margin-bottom: var(--spacing-2xl)}
.mt-3xl {margin-top: var(--spacing-3xl)}
.mb-3xl {margin-bottom: var(--spacing-3xl)}
.mt-5, .my-5 {margin-top: var(--spacing-3xl)}
.mb-5, .my-5 {margin-bottom: var(--spacing-3xl)}
.py-5 {padding-top: var(--spacing-3xl);padding-bottom: var(--spacing-3xl)}
.img-fluid {max-width: 100%;height: auto}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute}
.pagination {display: flex;justify-content: center;gap: var(--spacing-sm);margin-top: var(--spacing-2xl)}
.pagination a, .pagination span {padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--color-border);border-radius: var(--radius-sm);color: var(--color-text-primary)}
.pagination a:hover {background: var(--color-primary);color: var(--color-text-light);border-color: var(--color-primary)}
.pagination .current {background: var(--color-primary);color: var(--color-text-light);border-color: var(--color-primary)}
.forminator-custom-form {max-width: 100%}
.forminator-row {margin-bottom: var(--spacing-lg)}
.forminator-field {width: 100%}
.forminator-label {display: block !important;font-weight: var(--font-weight-semibold) !important;margin-bottom: var(--spacing-sm) !important;color: var(--color-text-primary) !important;font-size: var(--font-size-base) !important}
.forminator-required {color: var(--color-danger) !important}
.forminator-input, .forminator-textarea, .forminator-name--field, .forminator-email--field, .forminator-field--phone, .forminator-select {width: 100% !important;padding: var(--spacing-md) !important;border: 2px solid var(--color-border) !important;background: var(--color-bg-light) !important;border-radius: var(--radius-md) !important;font-family: inherit !important;font-size: var(--font-size-base) !important;transition: all var(--transition-fast) !important;color: var(--color-text-primary) !important}
.forminator-input:focus, .forminator-textarea:focus, .forminator-select:focus {outline: none !important;border-color: var(--color-primary) !important;box-shadow: 0 0 0 3px rgb(15 51 84 / .1) !important}
.forminator-input::placeholder, .forminator-textarea::placeholder {color: var(--color-text-secondary) !important}
.forminator-textarea {min-height: 140px !important;resize: vertical !important}
.forminator-description {display: block !important;font-size: var(--font-size-sm) !important;color: var(--color-text-secondary) !important;margin-top: var(--spacing-xs) !important}
.forminator-checkbox__wrapper, .forminator-radio__wrapper {display: flex !important;align-items: flex-start !important;gap: var(--spacing-sm) !important}
.forminator-checkbox, .forminator-radio {flex-shrink: 0 !important;margin-top: 4px !important}
.forminator-checkbox input[type="checkbox"], .forminator-radio input[type="radio"] {width: 20px !important;height: 20px !important;cursor: pointer !important;accent-color: var(--color-primary) !important}
.forminator-checkbox__label, .forminator-radio__label {font-size: var(--font-size-sm) !important;color: var(--color-text-secondary) !important;line-height: var(--line-height-normal) !important;font-weight: var(--font-weight-normal) !important}
.forminator-checkbox__label a, .forminator-radio__label a {color: var(--color-primary) !important;text-decoration: underline !important}
.forminator-checkbox__label a:hover, .forminator-radio__label a:hover {color: var(--color-primary-dark) !important}
.forminator-button-submit {background: var(--color-accent) !important;color: var(--color-text-light) !important;padding: var(--spacing-md) var(--spacing-2xl) !important;border: 2px solid var(--color-accent) !important;border-radius: var(--radius-md) !important;font-size: var(--font-size-base) !important;font-weight: var(--font-weight-semibold) !important;cursor: pointer !important;transition: all var(--transition-fast) !important;width: 100% !important}
.forminator-button-submit:hover {background: #e55a2b !important;border-color: #e55a2b !important;transform: translateY(-2px) !important;box-shadow: var(--shadow-md) !important}
.forminator-response-message {padding: var(--spacing-md);border-radius: var(--radius-md);margin-bottom: var(--spacing-lg)}
.forminator-response-message.forminator-success {background: #d4edda;color: #155724;border: 1px solid #c3e6cb}
.forminator-response-message.forminator-error {background: #f8d7da;color: #721c24;border: 1px solid #f5c6cb}
.forminator-error-message {color: var(--color-danger) !important;font-size: var(--font-size-sm) !important;margin-top: var(--spacing-xs) !important}
.error-404-section .btn-outline, .section .btn-outline, .page-content .btn-outline {background: #fff0;color: var(--color-primary);border-color: var(--color-primary)}
.error-404-section .btn-outline:hover, .section .btn-outline:hover, .page-content .btn-outline:hover {background: var(--color-primary);color: var(--color-text-light);border-color: var(--color-primary)}
.search-form {display: flex;gap: var(--spacing-sm);max-width: 500px;margin: 0 auto}
.search-form .search-field {flex: 1;padding: var(--spacing-md);border: 2px solid var(--color-border);border-radius: var(--radius-md);font-size: var(--font-size-base);font-family: inherit;transition: border-color var(--transition-fast);background: var(--color-bg-light);color: var(--color-text-primary)}
.search-form .search-field:focus {outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px rgb(15 51 84 / .1)}
.search-form .search-field::placeholder {color: var(--color-text-secondary)}
.search-form .search-submit {display: inline-flex;align-items: center;justify-content: center;gap: var(--spacing-sm);padding: var(--spacing-md) var(--spacing-xl);background: var(--color-primary);color: var(--color-text-light);border: 2px solid var(--color-primary);border-radius: var(--radius-md);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);cursor: pointer;transition: all var(--transition-fast);font-family: inherit}
.search-form .search-submit:hover {background: var(--color-primary-dark);border-color: var(--color-primary-dark);transform: translateY(-2px)}
.search-submit-icon {display: none}
.error-404-search {margin: var(--spacing-3xl) 0}
.error-404-search h3 {font-size: var(--font-size-xl);margin-bottom: var(--spacing-lg);color: var(--color-text-primary)}
.error-404-links {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--spacing-xl);margin-top: var(--spacing-3xl)}
.error-404-link-card {display: flex;flex-direction: column;align-items: center;padding: var(--spacing-xl);background: var(--color-bg-light);border: 2px solid var(--color-border);border-radius: var(--radius-lg);transition: all var(--transition-base);text-align: center;text-decoration: none}
.error-404-link-card:hover {border-color: var(--color-primary);background: var(--color-primary);transform: translateY(-5px);box-shadow: var(--shadow-lg)}
.error-404-link-card svg {width: 40px;height: 40px;margin-bottom: var(--spacing-md);stroke: var(--color-primary);transition: stroke var(--transition-fast)}
.error-404-link-card:hover svg {stroke: var(--color-text-light)}
.error-404-link-card h4 {font-size: var(--font-size-lg);margin-bottom: var(--spacing-xs);color: var(--color-text-primary);transition: color var(--transition-fast)}
.error-404-link-card:hover h4 {color: var(--color-text-light)}
.error-404-link-card p {font-size: var(--font-size-sm);color: var(--color-text-secondary);margin: 0;transition: color var(--transition-fast)}
.error-404-link-card:hover p {color: rgb(255 255 255 / .8)}
@media (max-width:480px) {.hero-geometric-shape-1 {display: block !important;width: 320px;height: 320px;top: -20%;right: -20%;opacity: .8;animation: morphShape1 20s ease-in-out infinite}
.hero-geometric-shape-2 {display: block !important;width: 250px;height: 250px;bottom: -15%;left: -15%;opacity: .7;animation: morphShape2 22s ease-in-out infinite}
.hero-features {grid-template-columns: 1fr !important;gap: var(--spacing-md)}
.hero-code-blob, .code-container, .code-scroll, .blob-shape {display: none !important}
.hero-title {font-size: var(--font-size-3xl) !important}
.hero-subtitle {font-size: var(--font-size-base) !important}
.hero-cta {flex-direction: column;width: 100%}
.hero-cta .btn {width: 100%}
.kompetencje-grid, .competences-grid {grid-template-columns: 1fr !important;gap: var(--spacing-lg)}
.portfolio-grid, .portfolio-featured {grid-template-columns: 1fr !important;gap: var(--spacing-lg)}
.professional-stats {grid-template-columns: 1fr !important;gap: var(--spacing-lg);margin-top: var(--spacing-2xl);text-align: center}
.stat-item {padding: var(--spacing-lg) var(--spacing-md)}
.stat-number {font-size: var(--font-size-3xl)}
.contact-grid {grid-template-columns: 1fr !important;gap: var(--spacing-lg)}
.footer-grid {grid-template-columns: 1fr !important;gap: var(--spacing-xl)}
.process-steps {grid-template-columns: 1fr !important}
.search-submit-text {display: none}
.error-404-links {grid-template-columns: 1fr !important;gap: var(--spacing-lg)}
.error-404-link-card {width: 100%;min-width: 0}
}
.section {padding: var(--spacing-3xl) 0}
.container {padding: 0 var(--spacing-md)}
@media (max-width:1024px) {.portfolio-hero__grid {grid-template-columns: 1fr}
.portfolio-single-hero__grid {grid-template-columns: 1fr}
.portfolio-meta {grid-template-columns: 1fr}
}
@media (min-width:481px) and (max-width:768px) {.hero-geometric-shape-1 {display: block !important;width: 400px;height: 400px;top: -25%;right: -15%;opacity: .9;animation: morphShape1 20s ease-in-out infinite}
.hero-geometric-shape-2 {display: block !important;width: 300px;height: 300px;bottom: -20%;left: -10%;opacity: .8;animation: morphShape2 22s ease-in-out infinite}
.hero-features {grid-template-columns: repeat(2, 1fr) !important;gap: var(--spacing-lg)}
.blog-grid {grid-template-columns: repeat(2, 1fr) !important;gap: var(--spacing-lg)}
.kompetencje-grid, .competences-grid {grid-template-columns: repeat(2, 1fr) !important}
}
@media (max-width:768px) {.hero-code-blob,.code-container,.code-scroll,.blob-shape {display: none !important}
.portfolio-hero__stats {grid-template-columns: 1fr}
.portfolio-filter {width: 100%;justify-content: center}
.portfolio-single__actions {flex-direction: column}
.mobile-menu-toggle {display: flex !important;flex-direction: column;justify-content: space-around;z-index: calc(var(--z-fixed) + 1)}
.main-navigation {position: fixed;top: 76px;left: -100%;width: 100%;height: calc(100vh - 76px);background: var(--color-bg-light);flex-direction: column;justify-content: flex-start;align-items: stretch;padding: var(--spacing-xl) var(--spacing-lg);transition: left var(--transition-base);overflow-y: auto;z-index: var(--z-fixed);box-shadow: var(--shadow-xl)}
.main-navigation.active {left: 0}
.main-menu {flex-direction: column;width: 100%;gap: var(--spacing-md)}
.main-menu>li {width: 100%}
.main-menu>li>a {padding: var(--spacing-md);justify-content: space-between;width: 100%}
.mega-menu {position: static;width: 100%;transform: none;box-shadow: none;padding: var(--spacing-sm) 0;margin-top: var(--spacing-xs);opacity: 0;visibility: hidden;max-height: 0;overflow: hidden;max-width: 100%;background: #fff0;border-radius: 0;transition: all var(--transition-fast)}
.menu-item-has-children.active .mega-menu {opacity: 1;visibility: visible;max-height: 2000px}
.mega-menu-grid {grid-template-columns: 1fr;gap: 0}
.mega-menu-item {padding: 0}
.mega-menu-item>a {padding: var(--spacing-sm) var(--spacing-md);border-left: 3px solid var(--color-primary);margin-left: var(--spacing-md);background: var(--color-bg-gray);display: block}
.mega-menu-item-icon {display: none}
.mega-menu-item-desc {display: none}
.mega-menu-sublist {padding-left: var(--spacing-2xl);margin-top: var(--spacing-xs);margin-bottom: var(--spacing-xs)}
.mega-menu-sublist li {margin-bottom: 0}
.mega-menu-sublist a {padding: var(--spacing-xs) var(--spacing-md);font-size: var(--font-size-sm);border-left: 2px solid var(--color-border);margin-left: var(--spacing-md);display: block}
.header-container {padding: var(--spacing-sm) var(--spacing-md);gap: var(--spacing-md)}
.site-logo {height: 60px}
.site-logo img, .site-logo svg {max-height: 60px}
.header-cta {gap: var(--spacing-xs)}
.header-icon-link {width: 40px;height: 40px}
.post-header-clean {padding: var(--spacing-2xl) var(--spacing-md) var(--spacing-xl)}
.post-content-wrapper, .post-content-wrapper-clean {padding: 0 var(--spacing-md) var(--spacing-3xl)}
.section-title {font-size: var(--font-size-3xl)}
.section-subtitle {font-size: var(--font-size-base)}
.error-404-links {grid-template-columns: repeat(2, 1fr);gap: var(--spacing-md)}
}
@media (max-width:1024px) {.hero-code-blob {width: 380px;height: 380px;right: -25%;opacity: .5}
.hero-features {grid-template-columns: repeat(2, 1fr);gap: var(--spacing-lg)}
.blog-grid {grid-template-columns: repeat(2, 1fr) !important}
.mega-menu-grid {grid-template-columns: repeat(2, 1fr)}
.kompetencje-grid, .competences-grid {grid-template-columns: repeat(2, 1fr)}
.footer-grid {grid-template-columns: repeat(2, 1fr)}
.post-layout {grid-template-columns: 1fr}
.process-steps {grid-template-columns: repeat(2, 1fr)}
.pricing-grid {grid-template-columns: 1fr}
.professional-cta {grid-template-columns: 1fr}
.professional-cta-content {padding: var(--spacing-2xl);text-align: center}
.professional-cta-form {padding: var(--spacing-2xl)}
}
@media (hover:hover) and (min-width:769px) {.main-menu>li:hover .mega-menu {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0)}
.mega-menu-item:hover {background: var(--color-bg-gray)}
.mega-menu-sublist a:hover {color: var(--color-primary);padding-left: var(--spacing-xs)}
}
@media (min-width:768px) {.kontakt-content {grid-template-columns: 1fr 1fr}
}
@media (min-width:1024px) {.kontakt-header {padding: var(--spacing-4xl) var(--spacing-2xl)}
}
@media (min-width:1201px) {.professional-comparison-triple {display: grid !important;grid-template-columns: repeat(3, 1fr) !important;transform: none !important}
.comparison-slider-wrapper {overflow: visible}
.comparison-slider-nav {display: none}
.slider-arrow {display: flex;align-items: center;justify-content: center}
}
.comparison-slider-wrapper {position: relative;overflow-x: auto !important;overflow-y: visible !important;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;scrollbar-width: thin;scrollbar-color: #0f3354 #f8f9fa;margin-bottom: 3rem;}
.comparison-slider-wrapper::-webkit-scrollbar {height: 6px;}
.comparison-slider-wrapper::-webkit-scrollbar-track {background: #f8f9fa;border-radius: 9999px;}
.comparison-slider-wrapper::-webkit-scrollbar-thumb {background: #0f3354;border-radius: 9999px;}
.comparison-slider, .professional-comparison-triple {display: flex !important;flex-wrap: nowrap !important;gap: 1.5rem;padding-bottom: 1rem;}
.comparison-column {flex: 0 0 calc(33.333% - 1rem) !important;min-width: 320px !important;max-width: 450px !important;scroll-snap-align: start;}
.comparison-slider-nav, .slider-arrow, .slider-arrow-prev, .slider-arrow-next, .slider-dot {display: none !important;}
@media (max-width: 768px) {.comparison-column {flex: 0 0 85vw !important;min-width: 280px !important;max-width: 380px !important;scroll-snap-align: center;}
.comparison-column.comparison-recommended {transform: none !important;}
}
@media (min-width: 769px) and (max-width: 1024px) {.comparison-column {flex: 0 0 calc(50% - 0.75rem) !important;min-width: 320px !important;max-width: 400px !important;}
}
@media (min-width: 1280px) {.comparison-column {flex: 0 0 calc(33.333% - 1.5rem) !important;max-width: 500px !important;}
}
@media (max-width: 768px) {
.main-navigation {padding: var(--spacing-md) var(--spacing-sm) !important}
.main-menu {gap: 0 !important}
.main-menu > li {border-bottom: 1px solid var(--color-border)}
.main-menu > li:last-child {border-bottom: none}
.main-menu > li > a {padding: var(--spacing-sm) var(--spacing-md) !important;font-size: var(--font-size-base) !important}
.mega-menu {padding: 0 !important;margin: 0 !important;background: transparent !important;border-left: 2px solid var(--color-primary) !important;margin-left: var(--spacing-lg) !important;border-radius: 0 !important;box-shadow: none !important}
.mega-menu-grid {grid-template-columns: 1fr !important;gap: 0 !important}
.mega-menu-item {padding: 0 !important;margin: 0 !important;position: relative}
.mega-menu-item::before {content: '';position: absolute;left: -2px;top: 18px;width: 12px;height: 2px;background: var(--color-primary)}
.mega-menu-item > a {display: flex !important;align-items: center !important;gap: var(--spacing-sm) !important;padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-md) !important;margin: 0 !important;background: transparent !important;border: none !important;border-radius: 0 !important;min-height: 36px}
.mega-menu-item-icon {display: flex !important;width: 24px !important;height: 24px !important;min-width: 24px !important;background: var(--color-primary) !important;border-radius: var(--radius-sm) !important;align-items: center !important;justify-content: center !important}
.mega-menu-item-icon svg {width: 14px !important;height: 14px !important;stroke: #ffffff !important}
.mega-menu-item-title {font-size: var(--font-size-sm) !important;font-weight: var(--font-weight-semibold) !important;color: var(--color-text-primary) !important;line-height: 1.3 !important}
.mega-menu-item-desc {display: none !important}
.mega-menu-sublist {margin: 0 !important;padding: 0 0 0 var(--spacing-sm) !important;list-style: none !important;border-left: 2px solid var(--color-border);margin-left: calc(var(--spacing-md) + 12px) !important}
.mega-menu-sublist li {margin: 0 !important;padding: 0 !important;position: relative}
.mega-menu-sublist li::before {content: '';position: absolute;left: -2px;top: 50%;width: 10px;height: 2px;background: var(--color-border);transform: translateY(-50%)}
.mega-menu-sublist li:last-child::after {content: '';position: absolute;left: -2px;top: 50%;bottom: 0;width: 2px;background: var(--color-bg-light)}
.mega-menu-sublist a {display: block !important;padding: var(--spacing-xs) var(--spacing-sm) !important;margin: 0 0 0 var(--spacing-sm) !important;font-size: var(--font-size-xs) !important;color: var(--color-text-secondary) !important;background: transparent !important;border: none !important;border-radius: 0 !important;line-height: 1.4 !important;transition: color var(--transition-fast) !important}
.mega-menu-sublist a:hover {color: var(--color-primary) !important;background: transparent !important}
.menu-item-has-children.active .mega-menu {opacity: 1;visibility: visible;max-height: 2000px;padding-top: var(--spacing-xs) !important;padding-bottom: var(--spacing-xs) !important}
.header-cta {padding: var(--spacing-md) 0;border-top: 1px solid var(--color-border);margin-top: var(--spacing-md);justify-content: center;gap: var(--spacing-md) !important}
}

.header-mobile-actions {display: none;align-items: center;gap: var(--spacing-xs)}
.header-cta-desktop {display: flex}

@media (max-width: 768px) {
.header-mobile-actions {display: flex}
.header-cta-desktop {display: none !important}
.mobile-menu-toggle {display: flex !important;flex-direction: column;justify-content: center;margin-left: var(--spacing-xs)}
.header-mobile-actions .header-icon-link {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: var(--color-primary);border-radius: var(--radius-full);transition: all var(--transition-fast)}
.header-mobile-actions .header-icon-link:hover {background: rgba(15,51,84,0.08)}
.header-mobile-actions .header-icon-link svg {width: 20px;height: 20px}
}
/* === BLOG INDEX PAGE === */
/* Strona główna bloga - grid + sidebar */

/* Nagłówek bloga */
.blog-page-header {text-align: center;margin-bottom: var(--spacing-3xl);max-width: 700px;margin-left: auto;margin-right: auto}
.blog-page-title {font-size: var(--font-size-4xl);margin-bottom: var(--spacing-md);color: var(--color-text-primary)}
.blog-page-title span {color: var(--color-primary)}
.blog-page-subtitle {font-size: var(--font-size-lg);color: var(--color-text-secondary);margin: 0}

/* Layout główny */
.blog-layout {display: grid;grid-template-columns: 1fr 340px;gap: var(--spacing-3xl);align-items: start}
.blog-main-content {min-width: 0}

/* Grid artykułów */
.blog-posts-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--spacing-xl)}

/* Karta artykułu */
.blog-grid-card {background: var(--color-bg-light);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);transition: all var(--transition-base);border: 1px solid var(--color-border)}
.blog-grid-card:hover {box-shadow: var(--shadow-lg);transform: translateY(-4px);border-color: var(--color-primary)}

/* Obrazek w karcie */
.blog-grid-image {position: relative;aspect-ratio: 16/10;overflow: hidden}
.blog-grid-image img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow)}
.blog-grid-card:hover .blog-grid-image img {transform: scale(1.05)}
.blog-grid-category {position: absolute;top: var(--spacing-md);left: var(--spacing-md);background: var(--color-primary);color: var(--color-text-light);padding: var(--spacing-xs) var(--spacing-md);border-radius: var(--radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.5px}

/* Treść karty */
.blog-grid-content {padding: var(--spacing-lg)}
.blog-grid-meta {display: flex;align-items: center;gap: var(--spacing-md);font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--spacing-md)}
.blog-grid-meta time, .blog-grid-reading-time {display: flex;align-items: center;gap: var(--spacing-xs)}
.blog-grid-meta svg {width: 14px;height: 14px;opacity: 0.7}
.blog-grid-title {font-size: var(--font-size-xl);line-height: var(--line-height-tight);margin-bottom: var(--spacing-sm)}
.blog-grid-title a {color: var(--color-text-primary);transition: color var(--transition-fast)}
.blog-grid-title a:hover {color: var(--color-primary)}
.blog-grid-excerpt {font-size: var(--font-size-base);color: var(--color-text-secondary);line-height: var(--line-height-relaxed);margin-bottom: var(--spacing-md)}
.blog-grid-link {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-weight: var(--font-weight-semibold);color: var(--color-primary);transition: gap var(--transition-fast)}
.blog-grid-link:hover {gap: var(--spacing-sm)}
.blog-grid-link svg {transition: transform var(--transition-fast)}
.blog-grid-link:hover svg {transform: translateX(4px)}

/* Paginacja */
.blog-pagination {margin-top: var(--spacing-3xl);display: flex;justify-content: center}
.blog-pagination .nav-links {display: flex;align-items: center;gap: var(--spacing-xs)}
.blog-pagination .page-numbers {display: flex;align-items: center;justify-content: center;min-width: 44px;height: 44px;padding: 0 var(--spacing-md);background: var(--color-bg-light);border: 1px solid var(--color-border);border-radius: var(--radius-md);font-weight: var(--font-weight-medium);color: var(--color-text-primary);transition: all var(--transition-fast)}
.blog-pagination .page-numbers:hover {background: var(--color-bg-gray);border-color: var(--color-primary)}
.blog-pagination .page-numbers.current {background: var(--color-primary);color: var(--color-text-light);border-color: var(--color-primary)}
.blog-pagination .prev, .blog-pagination .next {gap: var(--spacing-xs)}

/* === SIDEBAR === */
.blog-sidebar {position: sticky;top: calc(var(--nav-height) + var(--spacing-xl));display: flex;flex-direction: column;gap: var(--spacing-xl)}

/* Widgety sidebar */
.sidebar-widget {background: var(--color-bg-light);border-radius: var(--radius-lg);padding: var(--spacing-xl);box-shadow: var(--shadow-sm);border: 1px solid var(--color-border)}
.sidebar-widget-title {display: flex;align-items: center;gap: var(--spacing-sm);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);margin-bottom: var(--spacing-lg);color: var(--color-text-primary)}
.sidebar-widget-title svg {color: var(--color-primary)}

/* Wyszukiwarka */
.sidebar-search {padding: var(--spacing-md)}
.sidebar-search-form {display: flex;position: relative}
.sidebar-search-form input {flex: 1;padding: var(--spacing-md) var(--spacing-lg);padding-right: 50px;border: 2px solid var(--color-border);border-radius: var(--radius-full);font-size: var(--font-size-base);transition: border-color var(--transition-fast)}
.sidebar-search-form input:focus {outline: none;border-color: var(--color-primary)}
.sidebar-search-form button {position: absolute;right: 4px;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background: var(--color-primary);border: none;border-radius: var(--radius-full);color: var(--color-text-light);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background var(--transition-fast)}
.sidebar-search-form button:hover {background: var(--color-primary-dark)}

/* Zaproponuj temat */
.sidebar-suggest-topic {background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color: var(--color-text-light);border: none}
.suggest-topic-header {display: flex;align-items: center;gap: var(--spacing-md);margin-bottom: var(--spacing-md)}
.suggest-topic-header svg {color: var(--color-accent)}
.suggest-topic-header h3 {font-size: var(--font-size-lg);margin: 0;color: var(--color-text-light)}
.sidebar-suggest-topic p {font-size: var(--font-size-sm);opacity: 0.9;margin-bottom: var(--spacing-lg)}
.suggest-topic-fallback {display: flex;flex-direction: column;gap: var(--spacing-md)}
.suggest-topic-fallback input {padding: var(--spacing-md);border: 2px solid rgba(255,255,255,0.2);border-radius: var(--radius-md);background: rgba(255,255,255,0.1);color: var(--color-text-light);font-size: var(--font-size-base)}
.suggest-topic-fallback input::placeholder {color: rgba(255,255,255,0.6)}
.suggest-topic-fallback input:focus {outline: none;border-color: var(--color-accent);background: rgba(255,255,255,0.15)}
.suggest-topic-fallback .btn {display: flex;align-items: center;justify-content: center;gap: var(--spacing-sm)}

/* Losowy artykuł */
.sidebar-random-post {padding: 0}
.random-post-btn {width: 100%;padding: var(--spacing-xl);background: var(--color-bg-gray);border: 2px dashed var(--color-border);border-radius: var(--radius-lg);cursor: pointer;display: flex;flex-direction: column;align-items: center;gap: var(--spacing-sm);transition: all var(--transition-base)}
.random-post-btn:hover {border-color: var(--color-accent);background: rgba(255, 107, 53, 0.05)}
.random-post-btn:hover .random-icon {transform: rotate(180deg);background: var(--color-accent)}
.random-icon {width: 56px;height: 56px;background: var(--color-primary);border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;color: var(--color-text-light);transition: all var(--transition-base)}
.random-text {font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-text-primary)}
.random-subtext {font-size: var(--font-size-sm);color: var(--color-text-secondary)}

/* Kategorie jako tagi */
.sidebar-tags-cloud {display: flex;flex-wrap: wrap;gap: var(--spacing-sm)}
.sidebar-tag {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-md);background: var(--color-bg-gray);border-radius: var(--radius-full);font-size: var(--font-size-sm);color: var(--color-text-primary);transition: all var(--transition-fast);text-decoration: none}
.sidebar-tag:hover {background: var(--color-primary);color: var(--color-text-light)}
.sidebar-tag:hover .tag-count {background: rgba(255,255,255,0.2);color: var(--color-text-light)}
.tag-count {background: var(--color-border);padding: 2px 6px;border-radius: var(--radius-full);font-size: var(--font-size-xs);color: var(--color-text-secondary);margin-left: 2px;transition: all var(--transition-fast)}
.sidebar-tag.tag-lg {font-weight: var(--font-weight-semibold)}
.sidebar-tag.tag-md {font-weight: var(--font-weight-medium)}

/* Popularne artykuły */
.sidebar-popular-list {display: flex;flex-direction: column;gap: var(--spacing-sm)}
.sidebar-popular-item {display: flex;align-items: flex-start;gap: var(--spacing-md);padding: var(--spacing-md);background: var(--color-bg-gray);border-radius: var(--radius-md);text-decoration: none;transition: all var(--transition-fast)}
.sidebar-popular-item:hover {background: var(--color-primary);transform: translateX(4px)}
.sidebar-popular-item:hover .popular-number, .sidebar-popular-item:hover .popular-title {color: var(--color-text-light)}
.popular-number {display: flex;align-items: center;justify-content: center;min-width: 28px;height: 28px;background: var(--color-primary);color: var(--color-text-light);border-radius: var(--radius-sm);font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);transition: all var(--transition-fast)}
.sidebar-popular-item:hover .popular-number {background: var(--color-accent)}
.popular-title {font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-primary);line-height: var(--line-height-tight);transition: color var(--transition-fast)}

/* Newsletter CTA */
.sidebar-newsletter {text-align: center;background: linear-gradient(135deg, #e8f4ff 0%, #f0f7ff 100%);border-color: rgba(15, 51, 84, 0.1)}
.newsletter-icon {width: 64px;height: 64px;background: var(--color-primary);border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;margin: 0 auto var(--spacing-md);color: var(--color-text-light)}
.sidebar-newsletter h3 {font-size: var(--font-size-lg);margin-bottom: var(--spacing-sm)}
.sidebar-newsletter p {font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--spacing-lg)}
.btn-full {width: 100%}

/* Statystyki */
.sidebar-stats {display: flex;justify-content: center;gap: var(--spacing-xl);padding: var(--spacing-lg);background: var(--color-bg-gray);border: none}
.stats-item {text-align: center}
.stats-number {display: block;font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--color-primary)}
.stats-label {font-size: var(--font-size-xs);color: var(--color-text-secondary);text-transform: uppercase;letter-spacing: 0.5px}

/* Empty state */
.blog-empty-state {text-align: center;padding: var(--spacing-4xl) var(--spacing-xl)}
.blog-empty-state svg {color: var(--color-text-secondary);opacity: 0.4;margin-bottom: var(--spacing-xl)}
.blog-empty-state h2 {font-size: var(--font-size-2xl);margin-bottom: var(--spacing-md)}
.blog-empty-state p {color: var(--color-text-secondary);margin-bottom: var(--spacing-xl)}

/* === RESPONSIVE === */
@media (max-width: 1024px) {
.blog-layout {grid-template-columns: 1fr;gap: var(--spacing-2xl)}
.blog-sidebar {position: static;display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--spacing-lg)}
.sidebar-suggest-topic, .sidebar-newsletter {grid-column: span 2}
}

@media (max-width: 768px) {
.blog-posts-grid {grid-template-columns: 1fr;gap: var(--spacing-lg)}
.blog-sidebar {grid-template-columns: 1fr}
.sidebar-suggest-topic, .sidebar-newsletter {grid-column: span 1}
.blog-page-title {font-size: var(--font-size-3xl)}
}

@media (max-width: 480px) {
.blog-page-header {margin-bottom: var(--spacing-2xl)}
.blog-grid-content {padding: var(--spacing-md)}
.blog-grid-title {font-size: var(--font-size-lg)}
.blog-grid-meta {flex-wrap: wrap;gap: var(--spacing-sm)}
}
/* === TOAST NOTIFICATIONS === */
/* Powiadomienia systemowe */

.kamik-toast {position: fixed;bottom: var(--spacing-xl);left: 50%;transform: translateX(-50%) translateY(100px);background: var(--color-text-primary);color: var(--color-text-light);padding: var(--spacing-md) var(--spacing-xl);border-radius: var(--radius-md);font-size: var(--font-size-base);font-weight: var(--font-weight-medium);box-shadow: var(--shadow-xl);z-index: var(--z-popover);opacity: 0;transition: all var(--transition-base)}
.kamik-toast.show {opacity: 1;transform: translateX(-50%) translateY(0)}
.kamik-toast-success {background: var(--color-success)}
.kamik-toast-error {background: var(--color-danger)}

/* === LIGHTBOX - STYLE === */
/* Dodaj do style.css */

/* Link z lightboxem - feedback wizualny */
a.glightbox {display: inline-block;position: relative;cursor: zoom-in;transition: all var(--transition-base)}
a.glightbox img {transition: transform var(--transition-base), filter var(--transition-base)}
a.glightbox:hover img {transform: scale(1.02);filter: brightness(1.05)}

/* Ikona lupy na hover */
a.glightbox::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);width: 50px;height: 50px;background: rgba(15, 51, 84, 0.8);border-radius: var(--radius-full);opacity: 0;transition: all var(--transition-base);pointer-events: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3Cpath d='M11 8v6M8 11h6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 24px}
a.glightbox:hover::after {opacity: 1;transform: translate(-50%, -50%) scale(1)}

/* Galeria - grid layout */
.wp-block-gallery a.glightbox::after, .gallery a.glightbox::after {width: 40px;height: 40px;background-size: 20px}

/* Figure z lightboxem */
figure a.glightbox {display: block}
figure a.glightbox::after {top: var(--spacing-md);left: auto;right: var(--spacing-md);transform: scale(0)}
figure a.glightbox:hover::after {transform: scale(1)}

/* Wyłącz ikonę dla małych obrazków */
a.glightbox[data-gallery*="thumb"]::after, .sidebar a.glightbox::after, a.glightbox img[width="150"]::after {display: none}

/* GLightbox - customizacja overlay */
.glightbox-container .gslide-media {box-shadow: var(--shadow-xl)}
.glightbox-container .gslide-description {background: rgba(0, 0, 0, 0.8);color: var(--color-text-light);padding: var(--spacing-md) var(--spacing-lg);font-size: var(--font-size-sm);text-align: center}
.glightbox-container .gnext, .glightbox-container .gprev {background: rgba(15, 51, 84, 0.8);width: 50px;height: 50px;border-radius: var(--radius-full)}
.glightbox-container .gnext:hover, .glightbox-container .gprev:hover {background: var(--color-primary)}
.glightbox-container .gclose {background: rgba(15, 51, 84, 0.8);width: 40px;height: 40px;border-radius: var(--radius-full)}
.glightbox-container .gclose:hover {background: var(--color-danger)}

/* Overlay tło */
.glightbox-container .goverlay {background: rgba(10, 20, 40, 0.95)}

/* Counter (1/5) */
.glightbox-container .gslide-count {color: rgba(255, 255, 255, 0.7);font-size: var(--font-size-sm)}

/* Responsive */
@media (max-width: 768px) {
a.glightbox::after {width: 40px;height: 40px;background-size: 20px}
.glightbox-container .gnext, .glightbox-container .gprev {width: 40px;height: 40px}
}

/* Animacja loading */
.glightbox-container .gloader {border-color: var(--color-primary);border-top-color: transparent}

/* Focus dla dostępności */
a.glightbox:focus {outline: 2px solid var(--color-primary);outline-offset: 4px}
a.glightbox:focus:not(:focus-visible) {outline: none}
a.glightbox:focus-visible {outline: 2px solid var(--color-primary);outline-offset: 4px}
/* ============================================ */
/* MINI-AUDYT v3 - Pełna analiza */
/* ============================================ */

.audyt { --audyt-bg: #f8fafc; --audyt-card: #ffffff; --audyt-border: #e2e8f0; --audyt-text: #1e293b; --audyt-text-muted: #64748b; --audyt-good: #10b981; --audyt-warning: #f59e0b; --audyt-bad: #ef4444; --audyt-accent: #0f3354; --audyt-accent-light: #8cc1ff; }

.audyt { min-height: 100vh; background: var(--audyt-bg); color: var(--audyt-text); padding-bottom: 4rem; }

/* Hero */
.audyt__hero { padding: 3rem 0 2rem; text-align: center; background: linear-gradient(180deg, #fff 0%, var(--audyt-bg) 100%); }
.audyt__badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border-radius: 9999px; background: rgba(15, 51, 84, 0.08); border: 1px solid rgba(15, 51, 84, 0.15); color: var(--audyt-accent); font-size: 0.875rem; font-weight: 500; margin-bottom: 1rem; }
.audyt__badge-icon { width: 1rem; height: 1rem; }
.audyt__title { font-size: clamp(1.75rem, 5vw, 2.5rem); font-weight: 700; margin-bottom: 0.75rem; color: var(--audyt-accent); }
.audyt__subtitle { color: var(--audyt-text-muted); max-width: 36rem; margin: 0 auto; line-height: 1.6; }

/* Formularz */
.audyt__form-section { padding: 0 0 1.5rem; }
.audyt__form-wrapper { background: var(--audyt-card); border: 1px solid var(--audyt-border); border-radius: 1rem; padding: 1.5rem; max-width: 40rem; margin: 0 auto; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); }
.audyt__form { width: 100%; }
.audyt__input-group { display: flex; flex-direction: column; gap: 0.75rem; }
.audyt__input { width: 100%; padding: 0.875rem 1rem; background: var(--audyt-bg); border: 1px solid var(--audyt-border); border-radius: 0.75rem; color: var(--audyt-text); font-size: 1rem; transition: border-color 0.2s, box-shadow 0.2s; }
.audyt__input:focus { outline: none; border-color: var(--audyt-accent); box-shadow: 0 0 0 3px rgba(15, 51, 84, 0.1); }
.audyt__input::placeholder { color: #94a3b8; }
.audyt__submit { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.875rem 1.5rem; background: var(--audyt-accent); border: none; border-radius: 0.75rem; color: #fff; font-size: 1rem; font-weight: 500; cursor: pointer; transition: all 0.2s; }
.audyt__submit:hover { background: #0a2540; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(15, 51, 84, 0.3); }
.audyt__submit:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
.audyt__submit-icon { width: 1.25rem; height: 1.25rem; }
.audyt__submit-loading { display: none; }
.audyt__submit.is-loading .audyt__submit-text { display: none; }
.audyt__submit.is-loading .audyt__submit-icon { display: none; }
.audyt__submit.is-loading .audyt__submit-loading { display: block; }
.audyt__spinner { width: 1.25rem; height: 1.25rem; animation: audyt-spin 1s linear infinite; }
.audyt__error { color: var(--audyt-bad); font-size: 0.875rem; margin-top: 0.5rem; min-height: 1.25rem; }

/* Progress */
.audyt__progress-section { padding: 0 0 1.5rem; }
.audyt__progress-wrapper { background: var(--audyt-card); border: 1px solid var(--audyt-border); border-radius: 1rem; padding: 1.5rem; max-width: 40rem; margin: 0 auto; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); }
.audyt__progress-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; }
.audyt__progress-text { color: var(--audyt-text-muted); font-size: 0.875rem; }
.audyt__progress-percent { color: var(--audyt-accent); font-weight: 600; }
.audyt__progress-bar { height: 0.5rem; background: #e2e8f0; border-radius: 9999px; overflow: hidden; }
.audyt__progress-fill { height: 100%; background: linear-gradient(90deg, var(--audyt-accent), var(--audyt-accent-light)); border-radius: 9999px; transition: width 0.5s ease; }

/* Wyniki */
.audyt__results { padding: 0 0 2rem; }
.audyt__results .container { max-width: 48rem; }

/* Podsumowanie */
.audyt__summary { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; background: var(--audyt-card); border: 1px solid var(--audyt-border); border-radius: 1rem; padding: 2rem 1.5rem; margin-bottom: 1.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); }
.audyt__summary-col { text-align: center; }
.audyt__summary-label { color: var(--audyt-text-muted); font-size: 0.875rem; margin-bottom: 0.5rem; font-weight: 500; }
.audyt__summary-score { font-size: 3rem; font-weight: 700; line-height: 1; }
.audyt__summary-value { color: inherit; }
.audyt__summary-max { font-size: 1.25rem; color: var(--audyt-text-muted); font-weight: 400; }
.audyt__summary-score--good { color: var(--audyt-good); }
.audyt__summary-score--warning { color: var(--audyt-warning); }
.audyt__summary-score--bad { color: var(--audyt-bad); }
.audyt__summary-url { color: var(--audyt-text-muted); font-size: 0.75rem; margin-top: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 12rem; margin-left: auto; margin-right: auto; }
.audyt__summary-divider { width: 1px; height: 5rem; background: var(--audyt-border); }

/* Szczegóły */
.audyt__details { background: var(--audyt-card); border: 1px solid var(--audyt-border); border-radius: 1rem; padding: 1.5rem; margin-bottom: 1.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); }
.audyt__details-title { display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; font-weight: 600; margin-bottom: 1.5rem; color: var(--audyt-text); }
.audyt__details-icon { width: 1.25rem; height: 1.25rem; color: var(--audyt-accent); }

/* Metryki */
.audyt__metrics { display: flex; flex-direction: column; gap: 0.75rem; }

.audyt__metric { background: var(--audyt-card); border: 1px solid var(--audyt-border); border-radius: 0.75rem; overflow: hidden; transition: box-shadow 0.2s; }
.audyt__metric--expandable { cursor: pointer; }
.audyt__metric--expandable:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }

.audyt__metric-main { display: flex; align-items: center; gap: 0.875rem; padding: 1rem; }

.audyt__metric-icon { width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; background: var(--audyt-bg); border-radius: 0.5rem; flex-shrink: 0; }
.audyt__metric-icon svg { width: 1.25rem; height: 1.25rem; color: var(--audyt-text-muted); }

.audyt__metric-content { flex: 1; min-width: 0; }
.audyt__metric-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.375rem; }
.audyt__metric-name { font-size: 0.875rem; font-weight: 500; color: var(--audyt-text); }
.audyt__metric-scores { display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; }
.audyt__metric-value { font-weight: 600; }
.audyt__metric-vs { color: #cbd5e1; font-size: 0.6875rem; }
.audyt__metric-kamik { color: var(--audyt-good); font-weight: 600; }

.audyt__metric-bars { display: flex; gap: 0.25rem; }
.audyt__metric-bar { flex: 1; height: 0.375rem; background: #e2e8f0; border-radius: 9999px; overflow: hidden; }
.audyt__metric-fill { height: 100%; border-radius: 9999px; transition: width 0.5s ease; }
.audyt__metric-bar--kamik .audyt__metric-fill { background: var(--audyt-good); }

.audyt__metric-status { width: 1.5rem; height: 1.5rem; flex-shrink: 0; }
.audyt__metric-status svg { width: 100%; height: 100%; }

.audyt__metric-toggle { width: 1.5rem; height: 1.5rem; flex-shrink: 0; color: var(--audyt-text-muted); transition: transform 0.2s; }
.audyt__metric-toggle svg { width: 100%; height: 100%; }
.audyt__metric.is-expanded .audyt__metric-toggle { transform: rotate(180deg); }

/* Kolory metryk */
.audyt__metric--good .audyt__metric-value { color: var(--audyt-good); }
.audyt__metric--good .audyt__metric-fill { background: var(--audyt-good); }
.audyt__metric--good .audyt__metric-status svg { color: var(--audyt-good); }
.audyt__metric--warning .audyt__metric-value { color: var(--audyt-warning); }
.audyt__metric--warning .audyt__metric-fill { background: var(--audyt-warning); }
.audyt__metric--warning .audyt__metric-status svg { color: var(--audyt-warning); }
.audyt__metric--bad .audyt__metric-value { color: var(--audyt-bad); }
.audyt__metric--bad .audyt__metric-fill { background: var(--audyt-bad); }
.audyt__metric--bad .audyt__metric-status svg { color: var(--audyt-bad); }

/* Szczegóły metryki (akordeon) */
.audyt__metric-details { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; background: var(--audyt-bg); border-top: 1px solid var(--audyt-border); }
.audyt__metric.is-expanded .audyt__metric-details { max-height: 1000px; }

.audyt__details-list { list-style: none; margin: 0; padding: 0.75rem 1rem; }
.audyt__details-item { display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.5rem 0; font-size: 0.8125rem; line-height: 1.4; border-bottom: 1px solid var(--audyt-border); }
.audyt__details-item:last-child { border-bottom: none; }

.audyt__details-icon { width: 1rem; height: 1rem; flex-shrink: 0; margin-top: 0.125rem; }
.audyt__details-icon svg { width: 100%; height: 100%; }

.audyt__details-item--good .audyt__details-icon { color: var(--audyt-good); }
.audyt__details-item--ok .audyt__details-icon { color: var(--audyt-good); opacity: 0.7; }
.audyt__details-item--warning .audyt__details-icon { color: var(--audyt-warning); }
.audyt__details-item--bad .audyt__details-icon { color: var(--audyt-bad); }
.audyt__details-item--info .audyt__details-icon { color: var(--audyt-text-muted); }

.audyt__details-text { color: var(--audyt-text); }
.audyt__details-item--bad .audyt__details-text { color: var(--audyt-bad); font-weight: 500; }

.audyt__no-details { color: var(--audyt-text-muted); font-size: 0.8125rem; padding: 0.75rem 1rem; margin: 0; }

/* PageSpeed info */
.audyt__details-panel { background: var(--audyt-card); border: 1px solid var(--audyt-border); border-radius: 0.75rem; padding: 1rem; margin-bottom: 1rem; }
.audyt__pagespeed-info { display: flex; align-items: center; justify-content: center; gap: 0.5rem; }
.audyt__pagespeed-label { font-size: 0.875rem; color: var(--audyt-text-muted); }
.audyt__pagespeed-value { font-size: 1rem; font-weight: 600; }
.audyt__pagespeed-value--good { color: var(--audyt-good); }
.audyt__pagespeed-value--warning { color: var(--audyt-warning); }
.audyt__pagespeed-value--bad { color: var(--audyt-bad); }

/* CTA */
.audyt__cta { background: linear-gradient(135deg, rgba(15, 51, 84, 0.06) 0%, rgba(140, 193, 255, 0.08) 100%); border: 1px solid rgba(15, 51, 84, 0.15); border-radius: 1rem; padding: 2rem 1.5rem; text-align: center; margin-bottom: 1.5rem; }
.audyt__cta-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--audyt-text); }
.audyt__cta-text { color: var(--audyt-text-muted); margin-bottom: 1.25rem; }
.audyt__cta-btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.875rem 1.75rem; background: var(--audyt-accent); color: #fff; border-radius: 0.75rem; font-weight: 500; text-decoration: none; transition: all 0.2s; }
.audyt__cta-btn:hover { background: #0a2540; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(15, 51, 84, 0.3); }
.audyt__cta-icon { width: 1rem; height: 1rem; }

/* Disclaimer */
.audyt__disclaimer { color: var(--audyt-text-muted); font-size: 0.75rem; text-align: center; margin-bottom: 1.5rem; }

/* Reset */
.audyt__reset { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin: 0 auto; padding: 0.75rem 1.25rem; background: transparent; border: 1px solid var(--audyt-border); border-radius: 0.75rem; color: var(--audyt-text-muted); font-size: 0.875rem; cursor: pointer; transition: all 0.2s; }
.audyt__reset:hover { border-color: var(--audyt-accent); color: var(--audyt-accent); }
.audyt__reset svg { width: 1rem; height: 1rem; }

/* FAQ rozbudowane */
.audyt__faq { padding: 4rem 0; border-top: 1px solid var(--audyt-border); margin-top: 2rem; background: linear-gradient(180deg, #fff 0%, var(--audyt-bg) 100%); }
.audyt__faq-title { font-size: 1.75rem; font-weight: 700; text-align: center; margin-bottom: 0.75rem; color: var(--audyt-accent); }
.audyt__faq-intro { text-align: center; color: var(--audyt-text-muted); max-width: 32rem; margin: 0 auto 2.5rem; }

/* Grid 3 kolumny */
.audyt__faq-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 3rem; }
@media (min-width: 768px) { .audyt__faq-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .audyt__faq-grid { grid-template-columns: repeat(3, 1fr); } }

.audyt__faq-column { display: flex; flex-direction: column; gap: 1rem; }
.audyt__faq-category { font-size: 1rem; font-weight: 600; color: var(--audyt-accent); padding-bottom: 0.75rem; border-bottom: 2px solid var(--audyt-accent); margin-bottom: 0.5rem; }

.audyt__faq-item { background: #fff; border: 1px solid var(--audyt-border); border-radius: 0.75rem; padding: 1.25rem; transition: box-shadow 0.2s, border-color 0.2s; }
.audyt__faq-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.08); border-color: var(--audyt-accent-light); }

.audyt__faq-question { font-size: 0.9375rem; font-weight: 600; margin-bottom: 0.75rem; color: var(--audyt-text); line-height: 1.4; }

.audyt__faq-answer p { color: var(--audyt-text-muted); font-size: 0.8125rem; line-height: 1.6; margin: 0 0 0.75rem; }
.audyt__faq-answer p:last-child { margin-bottom: 0; }
.audyt__faq-answer strong { color: var(--audyt-text); }

.audyt__faq-answer ul { margin: 0.5rem 0; padding-left: 1.25rem; }
.audyt__faq-answer li { color: var(--audyt-text-muted); font-size: 0.8125rem; line-height: 1.5; margin-bottom: 0.375rem; }
.audyt__faq-answer li:last-child { margin-bottom: 0; }

/* Przykłady kodu */
.audyt__code-example { background: #1e293b; color: #e2e8f0; padding: 0.75rem 1rem; border-radius: 0.5rem; font-size: 0.6875rem; line-height: 1.5; overflow-x: auto; margin: 0.75rem 0; font-family: 'Monaco', 'Consolas', monospace; white-space: pre; }

/* Podsumowanie */
.audyt__faq-summary { background: linear-gradient(135deg, rgba(15, 51, 84, 0.06) 0%, rgba(140, 193, 255, 0.08) 100%); border: 1px solid rgba(15, 51, 84, 0.15); border-radius: 1rem; padding: 2rem; text-align: center; max-width: 48rem; margin: 0 auto; }
.audyt__faq-summary h3 { font-size: 1.25rem; font-weight: 600; color: var(--audyt-accent); margin-bottom: 1rem; }
.audyt__faq-summary p { color: var(--audyt-text-muted); font-size: 0.9375rem; line-height: 1.7; margin: 0 0 1rem; }
.audyt__faq-summary p:last-child { margin-bottom: 0; }
.audyt__faq-summary strong { color: var(--audyt-text); }

/* Animacje */
@keyframes audyt-spin { to { transform: rotate(360deg); } }

/* Responsywność */
@media (min-width: 640px) {
.audyt__input-group { flex-direction: row; }
.audyt__input { flex: 1; }
.audyt__submit { flex-shrink: 0; }
}

@media (min-width: 1024px) {
.audyt__hero { padding: 4rem 0 2.5rem; }
.audyt__summary { padding: 2.5rem 2rem; }
.audyt__summary-score { font-size: 3.5rem; }
}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
/* Audyt CTA - Opcja A */
.professional-audyt-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem 2rem; margin-top: 2rem; padding: 1.5rem; background: linear-gradient(135deg, rgba(15, 51, 84, 0.05) 0%, rgba(140, 193, 255, 0.08) 100%); border: 1px solid rgba(15, 51, 84, 0.1); border-radius: 0.75rem; text-align: center; }
.professional-audyt-text { margin: 0; color: var(--color-text-muted); font-size: 0.9375rem; }
.professional-audyt-text strong { color: var(--color-text); }
.professional-audyt-btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.25rem; background: var(--color-primary); color: #fff; border-radius: 0.5rem; font-weight: 500; font-size: 0.875rem; text-decoration: none; transition: all 0.2s; }
.professional-audyt-btn:hover { background: #0a2540; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(15, 51, 84, 0.3); }
.professional-audyt-btn svg { flex-shrink: 0; }

/* Grid CTA - Opcja B */
.professional-cta-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 2rem; }
@media (min-width: 768px) { .professional-cta-grid { grid-template-columns: repeat(2, 1fr); } }
.professional-cta-grid .professional-cta { text-align: center; padding: 2rem; }
.professional-cta-icon { font-size: 2.5rem; margin-bottom: 1rem; }
.professional-cta--audyt { background: linear-gradient(135deg, rgba(15, 51, 84, 0.08) 0%, rgba(140, 193, 255, 0.1) 100%); }
.professional-cta-note { margin-top: 1rem; margin-bottom: 0; }

/* Kompetencje - ujednolicone FAQ i proces */
.page-kompetencja .faq { padding: var(--spacing-4xl) 0; background: #fff; }
.page-kompetencja .faq__list { max-width: 800px; margin: var(--spacing-3xl) auto 0; }
.page-kompetencja .faq__item { border-bottom: 1px solid var(--color-border); }
.page-kompetencja .faq__item summary { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 0; font-size: 1.0625rem; font-weight: var(--font-weight-semibold); color: var(--color-primary); cursor: pointer; list-style: none; transition: color var(--transition-fast); }
.page-kompetencja .faq__item summary:hover { color: var(--color-accent); }
.page-kompetencja .faq__item summary::-webkit-details-marker { display: none; }
.page-kompetencja .faq__item summary::after { content: "+"; font-size: 1.5rem; font-weight: 400; color: var(--color-primary); transition: transform var(--transition-fast); }
.page-kompetencja .faq__item[open] summary::after { content: "−"; }
.page-kompetencja .faq__answer { padding-bottom: var(--spacing-lg); }
.page-kompetencja .faq__answer > div { font-size: var(--font-size-sm); color: var(--color-text-secondary); line-height: 1.8; }
.page-kompetencja .faq__answer p { margin-bottom: var(--spacing-sm); }
.page-kompetencja .faq__answer p:last-child { margin-bottom: 0; }
.page-kompetencja .faq__answer ul { margin: var(--spacing-sm) 0; padding-left: 1.5rem; list-style: disc; list-style-position: outside; }
.page-kompetencja .faq__answer li { margin-bottom: 0.375rem; }

.page-kompetencja .process { padding: var(--spacing-4xl) 0; background: #fff; }
.page-kompetencja .process__timeline { position: relative; max-width: 700px; margin: 0 auto; }
.page-kompetencja .process__timeline::before { content: ""; position: absolute; left: 1.5rem; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, var(--color-primary), var(--color-primary-light)); }
.page-kompetencja .process__step { display: flex; gap: 2rem; margin-bottom: 2.5rem; position: relative; opacity: 0; transform: translateX(-20px); transition: opacity 0.5s ease, transform 0.5s ease; }
.page-kompetencja .process__step:last-child { margin-bottom: 0; }
.page-kompetencja .process__step.is-visible { opacity: 1; transform: translateX(0); }
.page-kompetencja .process__number { flex-shrink: 0; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; background: var(--color-primary); color: #fff; font-weight: var(--font-weight-bold); font-size: 1.125rem; border-radius: 50%; position: relative; z-index: 1; }
.page-kompetencja .process__content h3 { font-size: 1.125rem; color: var(--color-text-primary); margin-bottom: 0.5rem; }
.page-kompetencja .process__content p { font-size: 0.9375rem; color: var(--color-text-secondary); line-height: 1.6; margin-bottom: 0.5rem; }
.page-kompetencja .process__deliverables { margin: 0 0 var(--spacing-md); padding-left: 1.25rem; list-style: disc; list-style-position: outside; }
.page-kompetencja .process__deliverables li { margin-bottom: 0.35rem; font-size: var(--font-size-sm); color: var(--color-text-secondary); }
.page-kompetencja .process__time { display: inline-block; font-size: 0.75rem; font-weight: 600; color: var(--color-primary); background: rgb(15 51 84 / 0.08); padding: 0.25rem 0.625rem; border-radius: 0.25rem; }
@media (max-width: 768px) { .page-kompetencja .process__timeline::before { left: 1.25rem; } .page-kompetencja .process__step { gap: 1.5rem; } .page-kompetencja .process__number { width: 2.5rem; height: 2.5rem; font-size: 1rem; } }