:root { –primary-color: #025D57; –primary-light: rgba(2, 93, 87, 0.1); –primary-ultra-light: rgba(2, 93, 87, 0.05); –text-primary: #333; –text-secondary: #666; –text-tertiary: #555; –text-light: #444; –background-white: #ffffff; –shadow-light: 0 4px 15px rgba(2, 93, 87, 0.08); –shadow-hover: 0 8px 25px rgba(2, 93, 87, 0.15); –border-radius: 12px; –border-radius-small: 8px; –transition: all 0.3s ease; –font-family: 'Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; } .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; } .domestic-shipping-section { max-width: 1200px; margin: 0 auto; padding: 20px; font-family: var(–font-family); line-height: 1.6; color: var(–text-primary); } .section-header { text-align: center; margin-bottom: 50px; position: relative; padding: 60px 40px; background: linear-gradient(135deg, rgba(2, 93, 87, 0.03) 0%, rgba(2, 93, 87, 0.08) 25%, rgba(2, 93, 87, 0.05) 50%, rgba(2, 93, 87, 0.10) 75%, rgba(2, 93, 87, 0.02) 100%); border-radius: 20px; overflow: hidden; } .section-header::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 80%, rgba(2, 93, 87, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(2, 93, 87, 0.08) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(2, 93, 87, 0.05) 0%, transparent 50%); z-index: 1; } .section-header::after { content: ”; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(2, 93, 87, 0.02) 60deg, transparent 120deg, rgba(2, 93, 87, 0.03) 180deg, transparent 240deg, rgba(2, 93, 87, 0.02) 300deg, transparent 360deg); animation: rotate 20s linear infinite; z-index: 1; } .section-title, .section-subtitle { position: relative; z-index: 2; } .section-title { font-size: clamp(22px, 4vw, 32px); font-weight: 700; color: var(–primary-color); margin-bottom: 15px; text-shadow: 0 2px 4px rgba(2, 93, 87, 0.1); } .section-subtitle { font-size: clamp(16px, 2.5vw, 18px); color: var(–text-secondary); max-width: 800px; margin: 0 auto; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .services-grid { display: grid; gap: 0; margin-top: 40px; } .service-card { margin-bottom: 60px; position: relative; } .service-card:not(:last-child)::after { content: ”; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background: linear-gradient(90deg, transparent 0%, var(–primary-color) 20%, var(–primary-color) 80%, transparent 100%); border-radius: 2px; opacity: 0.6; } .service-card:not(:last-child)::before { content: ”; position: absolute; bottom: -37px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; background: var(–primary-color); border-radius: 50%; opacity: 0.8; animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { opacity: 0.8; transform: translateX(-50%) scale(1); } 50% { opacity: 0.4; transform: translateX(-50%) scale(1.2); } } .service-card { background: var(–background-white); border-radius: var(–border-radius); padding: 30px; box-shadow: var(–shadow-light); border-left: 5px solid var(–primary-color); transition: var(–transition); position: relative; overflow: hidden; } .service-card:hover { transform: translateY(-5px); box-shadow: var(–shadow-hover); } .service-card::before { content: ”; position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: linear-gradient(135deg, var(–primary-light) 0%, var(–primary-ultra-light) 100%); border-radius: 0 var(–border-radius) 0 60px; } .service-header { margin-bottom: 25px; } .service-icon { width: 50px; height: 50px; background-color: var(–primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; color: white; position: relative; } .service-icon svg { width: 24px; height: 24px; fill: currentColor; } .service-title { font-size: clamp(18px, 3vw, 22px); font-weight: 600; color: var(–primary-color); margin-bottom: 10px; } .service-description { font-size: clamp(15px, 2vw, 16px); color: var(–text-secondary); margin-bottom: 25px; line-height: 1.6; } .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-bottom: 0; } .features-section { margin-bottom: 0; } @media (max-width: 768px) { .content-grid { grid-template-columns: 1fr; gap: 20px; } } .features-title { font-size: clamp(16px, 2.5vw, 18px); font-weight: 600; color: var(–primary-color); margin-bottom: 15px; } .features-list { list-style: none; padding: 0; margin-bottom: 25px; } .features-list li { position: relative; padding-left: 25px; margin-bottom: 10px; font-size: clamp(14px, 2vw, 15px); color: var(–text-light); line-height: 1.5; } .features-list li::before { content: ”; position: absolute; left: 0; top: 6px; width: 12px; height: 12px; background-color: var(–primary-color); border-radius: 50%; transform: scale(0.8); } .features-list li::after { content: ”; position: absolute; left: 3px; top: 8px; width: 6px; height: 3px; border: 2px solid white; border-top: none; border-right: none; transform: rotate(-45deg); } .features-list li:last-child { margin-bottom: 0; } .target-section { background: linear-gradient(135deg, var(–primary-ultra-light) 0%, rgba(2, 93, 87, 0.02) 100%); border-radius: var(–border-radius-small); padding: 20px; border-left: 3px solid var(–primary-color); height: fit-content; } .target-title { font-size: clamp(14px, 2vw, 16px); font-weight: 600; color: var(–primary-color); margin-bottom: 12px; } .target-list { list-style: none; padding: 0; } .target-list li { position: relative; padding-left: 20px; margin-bottom: 8px; font-size: clamp(13px, 1.8vw, 14px); color: var(–text-tertiary); } .target-list li::before { content: ”; position: absolute; left: 0; top: 7px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid var(–primary-color); } .target-list li:last-child { margin-bottom: 0; } /* Animacje z lepszą wydajnością */ .service-card { opacity: 0; animation: fadeInUp 0.6s ease forwards; will-change: transform, opacity; } .service-card:nth-child(1) { animation-delay: 0.1s; } .service-card:nth-child(2) { animation-delay: 0.2s; } .service-card:nth-child(3) { animation-delay: 0.3s; } .service-card:nth-child(4) { animation-delay: 0.4s; } .service-card:nth-child(5) { animation-delay: 0.5s; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 30px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } /* Prefers reduced motion */ @media (prefers-reduced-motion: reduce) { .service-card { animation: fadeIn 0.3s ease forwards; } .service-card:hover { transform: none; } .service-card:not(:last-child)::before { animation: none; opacity: 0.8; } .section-header::after { animation: none; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } } /* Focus styles dla dostępności */ .service-card:focus-within { outline: 2px solid var(–primary-color); outline-offset: 2px; } /* Media queries */ @media (max-width: 768px) { .domestic-shipping-section { padding: 15px; } .section-header { padding: 40px 20px; margin-bottom: 40px; } .service-card { padding: 20px; } } @media (max-width: 480px) { .service-card { padding: 15px; } .service-icon { width: 40px; height: 40px; } .service-icon svg { width: 20px; height: 20px; } } /* High contrast mode support */ @media (prefers-contrast: high) { .service-card { border: 2px solid var(–primary-color); } .features-list li::before, .target-list li::before { background-color: var(–text-primary); border-color: var(–text-primary); } } /* Print styles */ @media print { .service-card { break-inside: avoid; box-shadow: none; border: 1px solid var(–primary-color); } .service-card:hover { transform: none; } }

Nasze usługi spedycji krajowej

Oferujemy kompleksowe rozwiązania transportowe dostosowane do różnorodnych potrzeb naszych klientów

Transport drogowy całopojazdowy (FTL)

Transport całopojazdowy (Full Truck Load) to idealne rozwiązanie dla klientów, którzy potrzebują przewieźć większe ilości towarów, wypełniające całą przestrzeń ładunkową pojazdu.

Kluczowe cechy naszego transportu FTL:

• Dedykowany pojazd wyłącznie dla Państwa ładunku
• Bezpośredni transport z punktu A do punktu B bez przeładunków
• Krótszy czas dostawy w porównaniu z transportem częściowym
• Większe bezpieczeństwo towaru (brak manipulacji podczas transportu)
• Możliwość transportu towarów wrażliwych, delikatnych lub wysokowartościowych
• Szeroki wybór pojazdów o różnej ładowności (od 1,5t do 24t)
• Możliwość monitorowania położenia pojazdu w czasie rzeczywistym

Transport drogowy częściowy (LTL)

Transport częściowy (Less Than Truck Load) to ekonomiczne rozwiązanie dla klientów, którzy potrzebują przewieźć mniejsze partie towarów, niewymagające wykorzystania całej przestrzeni ładunkowej pojazdu.

Kluczowe cechy naszego transportu LTL:

• Opłata tylko za faktycznie zajmowaną przestrzeń ładunkową
• Konsolidacja przesyłek od różnych nadawców w jednym pojeździe
• Optymalne wykorzystanie dostępnej przestrzeni transportowej
• Niższe koszty transportu w porównaniu z transportem całopojazdowym
• Regularność połączeń do większości miast w Polsce
• Możliwość nadania przesyłki od 1 palety
• Szczegółowy system śledzenia przesyłek

Transport chłodniczy

Transport chłodniczy to specjalistyczna usługa przeznaczona dla klientów potrzebujących przewieźć towary wymagające kontrolowanej temperatury podczas całego procesu transportowego.

Kluczowe cechy naszego transportu chłodniczego:

• Utrzymanie stałej temperatury w przedziale od -25°C do +25°C
• Pojazdy wyposażone w nowoczesne systemy chłodnicze z możliwością rejestracji temperatury
• Możliwość transportu zarówno małych jak i dużych partii towaru (LTL i FTL)
• Specjalnie przeszkoleni kierowcy do obsługi transportu produktów wrażliwych temperaturowo
• Bieżący monitoring temperatury podczas całego procesu transportowego
• Certyfikowane pojazdy spełniające wymogi ATP
• Możliwość podziału przestrzeni ładunkowej na strefy o różnej temperaturze

Transport niestandardowy

Transport niestandardowy to usługa dedykowana dla klientów posiadających ładunki o nietypowych wymiarach, kształtach lub wymagających specjalnego traktowania podczas przewozu.

Kluczowe cechy naszego transportu niestandardowego:

• Przewóz ładunków ponadgabarytowych
• Transport towarów ciężkich i wielkogabarytowych
• Indywidualnie dobierane pojazdy i trasy przejazdu
• Kompleksowa obsługa formalna (zezwolenia, pilotaż)
• Organizacja eskorty lub pilotażu dla przesyłek ponadnormatywnych
• Możliwość wykorzystania specjalistycznego sprzętu do załadunku i rozładunku
• Doświadczeni kierowcy specjalizujący się w transporcie nietypowych ładunków

Dostawy ekspresowe

Dostawy ekspresowe to usługa dla klientów, którzy potrzebują szybkiego, niezawodnego transportu w trybie pilnym.

Kluczowe cechy naszych dostaw ekspresowych:

• Możliwość organizacji transportu nawet w ciągu kilku godzin
• Dedykowany pojazd i kierowca wyłącznie dla Państwa przesyłki
• Priorytetowa obsługa i najkrótszy możliwy czas dostawy
• Dostępność 24/7 przez cały rok
• Możliwość dostawy tego samego dnia (w zależności od odległości)
• Stały kontakt ze spedytorem koordynującym przesyłkę
• Opcja dostawy „door-to-door” z ręcznym załadunkiem i rozładunkiem

Koniec listy usług transportowych

:root { –primary-color: #025D57; –primary-light: rgba(2, 93, 87, 0.1); –primary-ultra-light: rgba(2, 93, 87, 0.05); –text-primary: #333; –text-secondary: #666; –text-tertiary: #555; –text-light: #444; –background-white: #ffffff; –shadow-light: 0 4px 15px rgba(2, 93, 87, 0.08); –shadow-hover: 0 8px 25px rgba(2, 93, 87, 0.15); –border-radius: 12px; –border-radius-small: 8px; –transition: all 0.3s ease; –font-family: 'Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; –accent-color: #2CE476; } * { margin: 0; padding: 0; box-sizing: border-box; } .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; } .process-section { max-width: 1200px; margin: 0 auto; padding: 60px 20px; font-family: var(–font-family); line-height: 1.6; color: var(–text-primary); background: linear-gradient(135deg, rgba(2, 93, 87, 0.02) 0%, rgba(2, 93, 87, 0.01) 100%); } .process-header { text-align: center; margin-bottom: 60px; position: relative; padding: 50px 30px; background: linear-gradient(135deg, rgba(2, 93, 87, 0.03) 0%, rgba(2, 93, 87, 0.08) 25%, rgba(2, 93, 87, 0.05) 50%, rgba(2, 93, 87, 0.10) 75%, rgba(2, 93, 87, 0.02) 100%); border-radius: 20px; overflow: hidden; } .process-header::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 25% 75%, rgba(2, 93, 87, 0.08) 0%, transparent 50%), radial-gradient(circle at 75% 25%, rgba(2, 93, 87, 0.06) 0%, transparent 50%); z-index: 1; } .process-title { font-size: clamp(24px, 4vw, 36px); font-weight: 700; color: var(–primary-color); margin-bottom: 20px; position: relative; z-index: 2; text-shadow: 0 2px 4px rgba(2, 93, 87, 0.1); } .process-subtitle { font-size: clamp(16px, 2.5vw, 20px); color: var(–text-secondary); max-width: 900px; margin: 0 auto; position: relative; z-index: 2; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .process-timeline { position: relative; max-width: 1000px; margin: 0 auto; } .process-timeline::before { content: ”; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 4px; height: 100%; background: linear-gradient(180deg, var(–primary-color) 0%, var(–accent-color) 50%, var(–primary-color) 100%); border-radius: 2px; z-index: 0; } .process-step { position: relative; margin-bottom: 60px; opacity: 0; animation: slideInUp 0.8s ease forwards; } .process-step:nth-child(1) { animation-delay: 0.1s; } .process-step:nth-child(2) { animation-delay: 0.2s; } .process-step:nth-child(3) { animation-delay: 0.3s; } .process-step:nth-child(4) { animation-delay: 0.4s; } .process-step:nth-child(5) { animation-delay: 0.5s; } .process-step:nth-child(6) { animation-delay: 0.6s; } .process-step:nth-child(odd) .step-content { margin-right: calc(50% + 40px); text-align: right; } .process-step:nth-child(even) .step-content { margin-left: calc(50% + 40px); text-align: left; } .step-number { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 60px; height: 60px; background: linear-gradient(135deg, var(–primary-color) 0%, var(–accent-color) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; font-weight: bold; z-index: 10; box-shadow: 0 4px 20px rgba(2, 93, 87, 0.3); border: 4px solid white; } .step-content { background: var(–background-white); padding: 30px; border-radius: var(–border-radius); box-shadow: var(–shadow-light); transition: var(–transition); position: relative; overflow: hidden; } .step-content:hover { transform: translateY(-5px); box-shadow: var(–shadow-hover); } .step-content::before { content: ”; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(–primary-color) 0%, var(–accent-color) 100%); } .step-title { font-size: clamp(18px, 3vw, 24px); font-weight: 600; color: var(–primary-color); margin-bottom: 15px; } .step-description { font-size: clamp(14px, 2vw, 16px); color: var(–text-secondary); margin-bottom: 20px; line-height: 1.6; } .step-details { list-style: none; padding: 0; } .step-details li { position: relative; padding-left: 25px; margin-bottom: 12px; font-size: clamp(13px, 1.8vw, 15px); color: var(–text-light); line-height: 1.5; transition: var(–transition); } .step-details li:hover { color: var(–primary-color); transform: translateX(5px); } .step-details li::before { content: ”; position: absolute; left: 0; top: 8px; width: 12px; height: 12px; background: linear-gradient(135deg, var(–primary-color) 0%, var(–accent-color) 100%); border-radius: 50%; transform: scale(0.8); } .step-details li::after { content: ”; position: absolute; left: 3px; top: 10px; width: 6px; height: 3px; border: 2px solid white; border-top: none; border-right: none; transform: rotate(-45deg); } .step-details li:last-child { margin-bottom: 0; } @keyframes slideInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } /* Mobile responsiveness */ @media (max-width: 768px) { .process-section { padding: 40px 15px; } .process-header { padding: 30px 20px; margin-bottom: 40px; } .process-timeline::before { left: 30px; transform: none; } .process-step:nth-child(odd) .step-content, .process-step:nth-child(even) .step-content { margin-left: 70px; margin-right: 0; text-align: left; } .step-number { left: 30px; transform: translateX(-50%); width: 50px; height: 50px; font-size: 20px; } .step-content { padding: 20px; } .process-step { margin-bottom: 40px; } } @media (max-width: 480px) { .step-number { width: 40px; height: 40px; font-size: 18px; } .step-content { padding: 15px; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .process-step { animation: fadeIn 0.3s ease forwards; } .step-content:hover { transform: none; } .step-details li:hover { transform: none; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } } /* Focus states */ .step-content:focus-within { outline: 2px solid var(–primary-color); outline-offset: 2px; } /* High contrast mode */ @media (prefers-contrast: high) { .step-content { border: 2px solid var(–primary-color); } .step-details li::before { background: var(–text-primary); border: 1px solid var(–primary-color); } } /* Print styles */ @media print { .step-content { break-inside: avoid; box-shadow: none; border: 1px solid var(–primary-color); } .step-content:hover { transform: none; } .process-timeline::before { background: var(–primary-color); } }

Proces realizacji zlecenia

Nasza współpraca z klientami opiera się na przejrzystym, efektywnym procesie, który gwarantuje najwyższą jakość usług

1

Zapytanie i wycena

Rozpoczynamy współpracę od dokładnej analizy Państwa potrzeb transportowych i przygotowania spersonalizowanej oferty.

• Przyjmujemy zapytanie transportowe drogą telefoniczną, mailową lub przez formularz na stronie
• Analizujemy potrzeby i wymagania dotyczące transportu
• Przygotowujemy indywidualną ofertę uwzględniającą specyfikę ładunku i warunki transportu
• Przedstawiamy opcje transportowe z rekomendacją optymalnego rozwiązania
• Odpowiadamy na wszystkie pytania i wątpliwości

2

Przyjęcie zlecenia

Po akceptacji oferty formalizujemy współpracę i przydzielamy dedykowane zasoby do realizacji Państwa zlecenia.

• Po akceptacji oferty przygotowujemy formalne zlecenie transportowe
• Przydzielamy dedykowanego koordynatora do obsługi zlecenia
• Ustalamy szczegółowy harmonogram odbioru i dostawy
• Potwierdzamy wszystkie szczegóły operacyjne
• Przekazujemy informacje kontaktowe do osób odpowiedzialnych za transport

3

Organizacja transportu

Planujemy i przygotowujemy wszystkie aspekty transportu, dobierając optymalne rozwiązania logistyczne.

• Wybieramy optymalny środek transportu i przewoźnika
• Planujemy najefektywniejszą trasę przejazdu
• Koordynujemy proces załadunku z nadawcą
• Przygotowujemy niezbędną dokumentację transportową
• Instruujemy kierowcę odnośnie specyficznych wymagań ładunku

4

Monitoring i komunikacja

Przez cały czas trwania transportu zapewniamy pełny nadzór i komunikację ze wszystkimi stronami procesu.

• Monitorujemy przebieg transportu w czasie rzeczywistym
• Informujemy o statusie przesyłki zgodnie z ustalonymi zasadami
• Rozwiązujemy ewentualne problemy pojawiające się podczas transportu
• Utrzymujemy stały kontakt z kierowcą, nadawcą i odbiorcą
• Raportujemy o ewentualnych odchyleniach od harmonogramu

5

Dostawa i finalizacja

Kończymy proces bezpieczną dostawą towaru i kompletną dokumentacją potwierdzającą realizację zlecenia.

• Nadzorujemy proces rozładunku u odbiorcy
• Pozyskujemy potwierdzenie dostawy
• Przekazujemy dokumentację potwierdzającą realizację transportu
• Wystawiamy faktury zgodnie z ustalonymi warunkami
• Przeprowadzamy ankietę satysfakcji klienta

6

Obsługa posprzedażowa

Dbamy o ciągłe doskonalenie naszych usług i oferujemy wsparcie także po zakończeniu transportu.

• Archiwizujemy dokumentację transportową
• Analizujemy realizację zlecenia pod kątem optymalizacji przyszłych transportów
• Rozpatrujemy ewentualne reklamacje w trybie priorytetowym
• Przygotowujemy raporty i analizy na życzenie klienta
• Oferujemy dodatkowe konsultacje w zakresie optymalizacji logistyki

Koniec procesu realizacji zlecenia

/* BEZPIECZNY NAMESPACE – wszystkie style tylko dla tej sekcji */ .sevium-case-studies-wrapper { –primary-color: #025D57; –primary-light: rgba(2, 93, 87, 0.1); –primary-ultra-light: rgba(2, 93, 87, 0.05); –text-primary: #333; –text-secondary: #666; –text-tertiary: #555; –text-light: #444; –background-white: #ffffff; –shadow-light: 0 4px 15px rgba(2, 93, 87, 0.08); –shadow-hover: 0 8px 25px rgba(2, 93, 87, 0.15); –border-radius: 12px; –border-radius-small: 8px; –transition: all 0.3s ease; –font-family: 'Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; –accent-color: #2CE476; –success-color: #4CAF50; –warning-color: #FF9800; –info-color: #2196F3; } .sevium-case-studies-wrapper * { box-sizing: border-box; } .sevium-case-studies-wrapper .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; } .sevium-case-studies-wrapper .case-studies-section { max-width: 1400px; margin: 0 auto; padding: 60px 20px; font-family: var(–font-family); line-height: 1.6; color: var(–text-primary); background: linear-gradient(135deg, rgba(2, 93, 87, 0.02) 0%, rgba(44, 228, 118, 0.01) 100%); } .sevium-case-studies-wrapper .section-header { text-align: center; margin-bottom: 60px; position: relative; padding: 50px 30px; background: linear-gradient(135deg, rgba(2, 93, 87, 0.03) 0%, rgba(2, 93, 87, 0.08) 25%, rgba(44, 228, 118, 0.05) 50%, rgba(2, 93, 87, 0.10) 75%, rgba(2, 93, 87, 0.02) 100%); border-radius: 20px; overflow: hidden; } .sevium-case-studies-wrapper .section-header::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 30% 70%, rgba(44, 228, 118, 0.08) 0%, transparent 50%), radial-gradient(circle at 70% 30%, rgba(2, 93, 87, 0.06) 0%, transparent 50%); z-index: 1; } .sevium-case-studies-wrapper .section-title { font-size: clamp(24px, 4vw, 36px); font-weight: 700; color: var(–primary-color); margin-bottom: 20px; position: relative; z-index: 2; text-shadow: 0 2px 4px rgba(2, 93, 87, 0.1); } /* GRID LAYOUT – 5 kart w układzie 2-2-1 */ .sevium-case-studies-wrapper .case-studies-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-top: 40px; max-width: 1000px; margin-left: auto; margin-right: auto; align-items: stretch; } @media (max-width: 768px) { .sevium-case-studies-wrapper .case-studies-grid { grid-template-columns: 1fr; gap: 20px; } } /* CARD STYLES */ .sevium-case-studies-wrapper .case-study-card { background: var(–background-white); border-radius: var(–border-radius); overflow: hidden; box-shadow: var(–shadow-light); transition: var(–transition); position: relative; opacity: 1; animation: sevium-slideInUp 0.8s ease forwards; display: flex; flex-direction: column; height: 100%; } .sevium-case-studies-wrapper .case-study-card:nth-child(1) { animation-delay: 0.1s; } .sevium-case-studies-wrapper .case-study-card:nth-child(2) { animation-delay: 0.2s; } .sevium-case-studies-wrapper .case-study-card:nth-child(3) { animation-delay: 0.3s; } .sevium-case-studies-wrapper .case-study-card:nth-child(4) { animation-delay: 0.4s; } .sevium-case-studies-wrapper .case-study-card:nth-child(5) { animation-delay: 0.5s; } .sevium-case-studies-wrapper .case-study-card:hover { transform: translateY(-8px); box-shadow: var(–shadow-hover); } /* HEADER STYLES */ .sevium-case-studies-wrapper .case-header { padding: 20px; background: linear-gradient(135deg, var(–primary-color) 0%, var(–accent-color) 100%); position: relative; overflow: hidden; min-height: 120px; display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; } /* BEZPIECZNE wymuszenie białego koloru TYLKO dla kart projektów */ .sevium-case-studies-wrapper .case-study-card .case-header, .sevium-case-studies-wrapper .case-study-card .case-header *, .sevium-case-studies-wrapper .case-study-card .case-header .project-number, .sevium-case-studies-wrapper .case-study-card .case-header .project-title { color: #ffffff !important; font-family: var(–font-family) !important; } .sevium-case-studies-wrapper .case-header::before { content: ”; position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); animation: sevium-float 6s ease-in-out infinite; } .sevium-case-studies-wrapper .project-number { font-size: 11px; font-weight: 600; opacity: 0.9; margin-bottom: 8px; position: relative; z-index: 2; } .sevium-case-studies-wrapper .project-title { font-size: clamp(12px, 1.8vw, 14px); font-weight: 700; margin-bottom: 8px; position: relative; z-index: 2; line-height: 1.3; } /* CONTENT STYLES */ .sevium-case-studies-wrapper .case-content { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; min-height: 0; } .sevium-case-studies-wrapper .info-section { margin-bottom: 18px; flex-shrink: 0; } .sevium-case-studies-wrapper .info-section:last-of-type { margin-bottom: 20px; } .sevium-case-studies-wrapper .info-label { font-size: 14px; font-weight: 600; color: var(–primary-color); margin-bottom: 8px; display: flex; align-items: center; gap: 8px; } .sevium-case-studies-wrapper .info-label::before { content: ”; width: 4px; height: 16px; background: linear-gradient(180deg, var(–primary-color) 0%, var(–accent-color) 100%); border-radius: 2px; } .sevium-case-studies-wrapper .info-text { font-size: clamp(13px, 1.8vw, 14px); color: var(–text-light); line-height: 1.5; margin-bottom: 12px; } .sevium-case-studies-wrapper .solution-list { list-style: none; padding: 0; margin-bottom: 18px; } .sevium-case-studies-wrapper .solution-list li { position: relative; padding-left: 18px; margin-bottom: 6px; font-size: clamp(12px, 1.6vw, 13px); color: var(–text-tertiary); line-height: 1.4; } .sevium-case-studies-wrapper .solution-list li::before { content: ”; position: absolute; left: 0; top: 7px; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 6px solid var(–accent-color); } .sevium-case-studies-wrapper .results-section { background: linear-gradient(135deg, var(–primary-ultra-light) 0%, rgba(44, 228, 118, 0.02) 100%); padding: 18px; border-radius: var(–border-radius-small); border-left: 4px solid var(–accent-color); margin-top: auto; flex-shrink: 0; } .sevium-case-studies-wrapper .results-title { font-size: 15px; font-weight: 600; color: var(–primary-color); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; } .sevium-case-studies-wrapper .results-title::before { content: '✓’; width: 20px; height: 20px; background: var(–accent-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 12px; font-weight: bold; } .sevium-case-studies-wrapper .results-list { list-style: none; padding: 0; } .sevium-case-studies-wrapper .results-list li { position: relative; padding-left: 22px; margin-bottom: 8px; font-size: clamp(12px, 1.6vw, 13px); color: var(–text-tertiary); font-weight: 500; } .sevium-case-studies-wrapper .results-list li::before { content: ”; position: absolute; left: 0; top: 6px; width: 12px; height: 12px; background: var(–success-color); border-radius: 50%; transform: scale(0.8); } .sevium-case-studies-wrapper .results-list li::after { content: ”; position: absolute; left: 3px; top: 8px; width: 6px; height: 3px; border: 2px solid white; border-top: none; border-right: none; transform: rotate(-45deg); } /* SPECIALTY COLORS */ .sevium-case-studies-wrapper .case-study-card.specialty-1 .case-header { background: linear-gradient(135deg, #1976D2 0%, var(–info-color) 100%); } .sevium-case-studies-wrapper .case-study-card.specialty-2 .case-header { background: linear-gradient(135deg, #C2185B 0%, #E91E63 100%); } .sevium-case-studies-wrapper .case-study-card.specialty-3 .case-header { background: linear-gradient(135deg, #7B1FA2 0%, #9C27B0 100%); } .sevium-case-studies-wrapper .case-study-card.specialty-4 .case-header { background: linear-gradient(135deg, #F57C00 0%, var(–warning-color) 100%); } .sevium-case-studies-wrapper .case-study-card.specialty-5 .case-header { background: linear-gradient(135deg, var(–primary-color) 0%, #004D40 100%); } /* ANIMATIONS z prefiksem */ @keyframes sevium-slideInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } @keyframes sevium-float { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 33% { transform: translate(30px, -30px) rotate(120deg); } 66% { transform: translate(-20px, 20px) rotate(240deg); } } /* MOBILE RESPONSIVENESS */ @media (max-width: 768px) { .sevium-case-studies-wrapper .case-studies-section { padding: 40px 15px; } .sevium-case-studies-wrapper .section-header { padding: 30px 20px; margin-bottom: 40px; } .sevium-case-studies-wrapper .case-header, .sevium-case-studies-wrapper .case-content { padding: 18px; } .sevium-case-studies-wrapper .results-section { padding: 15px; } .sevium-case-studies-wrapper .case-header { min-height: 100px; } } @media (max-width: 480px) { .sevium-case-studies-wrapper .case-header, .sevium-case-studies-wrapper .case-content { padding: 15px; } } /* ACCESSIBILITY */ @media (prefers-reduced-motion: reduce) { .sevium-case-studies-wrapper .case-study-card { animation: sevium-fadeIn 0.3s ease forwards; } .sevium-case-studies-wrapper .case-study-card:hover { transform: none; } .sevium-case-studies-wrapper .case-header::before { animation: none; } @keyframes sevium-fadeIn { from { opacity: 0; } to { opacity: 1; } } } /* HIGH CONTRAST MODE */ @media (prefers-contrast: high) { .sevium-case-studies-wrapper .case-study-card { border: 2px solid var(–primary-color); } .sevium-case-studies-wrapper .results-list li::before, .sevium-case-studies-wrapper .solution-list li::before { background: var(–text-primary); border: 1px solid var(–primary-color); } } /* PRINT STYLES */ @media print { .sevium-case-studies-wrapper .case-study-card { break-inside: avoid; box-shadow: none; border: 1px solid var(–primary-color); margin-bottom: 20px; } .sevium-case-studies-wrapper .case-study-card:hover { transform: none; } .sevium-case-studies-wrapper .case-header::before { display: none; } }