/* Inter - lokalnie (Obsługuje wagę 400 i 700 w jednym pliku) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900; /* To pozwala używać każdej grubości */
  font-display: swap;
  src: url('font/Inter-VariableFont_opsz,wght.ttf') format('truetype');
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.hero-img{content-visibility: auto;}
.site-logo {
    max-width: 400px;
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
    /* Usuwamy stąd transition, żeby nie "pływało" przy odświeżaniu */
}

/* Jeśli chcesz efekt powiększenia, dodaj go tylko przy najechaniu myszką */
.logo-link:hover .site-logo {
    transform: scale(1.02);
    transition: transform 0.2s ease;
}
.ym-logo {display: flex;justify-content: center;align-items: center;padding-bottom: 10px;}.magazine-footer {border-top: 1px solid #000;padding: 30px 0;text-align: center;font-weight: 900;letter-spacing: 2px;text-transform: uppercase;}.ym-logo-container {display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}.logo-link {display: flex;align-items: center;text-decoration: none;color: #000;}.site-logo-small {width: 140px;height: 140px;aspect-ratio: 1 / 1;display: block;margin-right: 20px;}.about-text{box-sizing: border-box;margin: 0;padding: 0;font-family: 'Inter', sans-serif;font-size: 1.1rem;line-height: 1.7;margin-bottom: 20px;}.nazwa-flitrec {font-family: 'Inter', sans-serif;font-weight: 900;font-size: 66px;color: #1A53A1;text-transform: uppercase;letter-spacing: 1px;margin: 0;}.nazwa-flitrec .rec {font-weight: 900;color: #E21B3C;}.nazwa-flitrec1 {font-family: 'Inter', sans-serif;font-weight: 900;color: #1A53A1;text-transform: uppercase;letter-spacing: 1px;margin: 0;display:inline-block;margin: 0;padding: 0;font-family: 'Inter', sans-serif;font-size: 1.1rem;line-height: 1.7;}

.nazwa-flitrec1 .rec {font-weight: 900;color: #E21B3C;}
.site-title-text {font-family: 'Inter', sans-serif;font-size: 3.5rem;letter-spacing: 2px;line-height: 1;}

@media (max-width: 600px) {.site-title-text {font-size: 2rem;}.site-logo-small {height: 40px;margin-right: 10px;}}.logo-wrapper {display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}.logo-link {display: flex;align-items: center;text-decoration: none;color: #000;}.site-logo-small {height: 120px;width: auto;margin: 7px 0px 0px;}.site-title-text {font-family: 'Anton', sans-serif;font-size: 4rem;letter-spacing: 2px;line-height: 1;}.ym-slogan {text-align: center;margin-top: 5px;font-weight: 700;letter-spacing: 3px;}@media (max-width: 768px) {.site-title-text {font-size: 2.5rem;}.site-logo-small {height: 40px;margin-right: 10px;}.logo-wrapper {flex-direction: row;}}body {font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background-color: #ffffff;color: #000;overflow-x: hidden;}.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}.ym-header {text-align: center;padding: 0px 0 0px 0;border-bottom: 1px solid #000;}.ym-logo {font-family: 'Anton', sans-serif;font-size: clamp(3rem, 10vw, 8rem);line-height: 0.8;letter-spacing: -2px;}.ym-slogan {font-weight: 800;font-size: 0.9rem;letter-spacing: 5px;margin: 15px 0 30px 0;text-transform: uppercase;}.ym-nav {border-top: 1px solid #000;padding: 15px 0;}.ym-nav ul {display: flex;justify-content: center;list-style: none;}.ym-nav a {text-decoration: none;color: #000;font-weight: 900;font-size: 0.9rem;padding:10px;}.ym-nav a:hover {text-decoration: none;color: #fff;background: #000;font-weight: 900;font-size: 0.9rem;padding: 10px;}.ym-nav a.active {text-decoration: none;color: #fff;background: #000;font-weight: 900;font-size: 0.9rem;padding: 10px;}.content-overlay {display: flex;flex-direction: column;align-items: flex-start;text-align: left;}.category-label {display: inline-block;margin-bottom: 15px;padding: 4px 12px;background-color: #000;color: #fff;font-size: 12px;letter-spacing: 2px;text-transform: uppercase;vertical-align: top;font-weight: bolder;}.entry-title {font-family: 'Anton', sans-serif;font-size: 3.5rem;margin: 20px 0;line-height: 1;border-top: solid 1px #000;
    width: 80%;
    padding: 15px 0;}.entry-description {font-size: 1.2rem;color: #333;max-width: 800px;margin-bottom: 20px;}.entry-meta {font-weight: 700;font-size: 0.8rem;color: #000 !important;text-transform: uppercase;letter-spacing: 1px;margin: 10px 0;}.magazine-footer {border-top: 1px solid #000;padding: 40px 0;text-align: center;margin-top: 50px;}@media (max-width: 768px) {.ym-logo {font-size: 3.5rem;}.ym-nav ul {flex-wrap: wrap;gap: 0px;}.entry-title {font-size: 2.2rem;}}@media (max-width: 768px) {.ym-nav a {font-size: 0.75rem;padding: 12px 6px;letter-spacing: 0px;}.ym-slogan {font-size: 0.7rem;letter-spacing: 2px;margin: 10px 0 20px 0;}.nazwa-flitrec {font-size: 40px;}}@media (max-width: 360px) {.ym-nav a {font-size: 0.65rem;padding: 10px 4px;}}.gallery-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;margin-top: 30px;}.gallery-group {cursor: pointer;transition: transform 0.3s ease;}.photo-wrapper {position: relative;background: #000;line-height: 0;overflow: hidden;}.photo-wrapper img {width: 100%;aspect-ratio: 16/9;object-fit: cover;transition: opacity 0.3s, transform 0.5s;}.gallery-group:hover .photo-wrapper img {opacity: 0.7;transform: scale(1.03);}.photo-badge {position: absolute;bottom: 20px;left: 20px;background: #000;color: #fff;padding: 6px 12px;font-size: 0.7rem;font-weight: 900;letter-spacing: 1px;}.photo-details h3 {font-family: 'Anton', sans-serif;font-size: 1.8rem;margin-top: 15px;text-transform: uppercase;}.photo-details p {font-size: 0.85rem;color: #666;font-weight: 700;text-transform: uppercase;}.modal {display: none;position: fixed;z-index: 2000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.98);overflow: auto;}.modal-content-wrapper {margin: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 100vh;padding: 40px;}.modal-content {max-width: 90%;max-height: 70vh;box-shadow: 0 20px 50px rgba(0,0,0,0.15);}

#caption {
    margin: 20px auto 0 auto;
    font-family: 'Inter', sans-serif; /* Zmiana z Anton na Inter dla lepszej czytelności */
    font-weight: 500; 
    font-size: 1rem; /* Użycie jednostki rem zamiast px dla lepszej responsywności */
    color: #000;
    text-align: center;
    max-width: 800px; /* Zapobiega rozpychaniu modala przez długi tekst ALT */
    width: 90%;
    line-height: 1.5;
    word-wrap: break-word;
}

#caption h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

#caption table {
    margin: 0 auto;
    border-collapse: collapse;
    font-family: 'Inter', sans-serif;
}

#caption td {
    padding: 4px 10px;
    font-size: 0.9rem;
    text-align: left;
}

#caption td strong {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: #666; /* Szary kolor etykiet poprawia czytelność danych technicznych */
    letter-spacing: 1px;
}
.close-btn {position: absolute;top: 30px;right: 40px;color: #000;font-size: 40px;font-weight: bold;cursor: pointer;}.modal-nav {display: flex;gap: 50px;position: relative;z-index: 10001;}.prev-btn, .next-btn {font-weight: 900;font-size: 1.1rem;cursor: pointer;border-bottom: 2px solid #000;padding: 10px 20px;display: inline-block;color: #000;}.prev-btn:hover, .next-btn:hover {background: #f0f0f0;}.thumbnail-container {display: flex;gap: 10px;margin-top: 20px;}.thumbnail-container img {width: 60px;height: 40px;object-fit: cover;cursor: pointer;opacity: 0.5;}.thumbnail-container img.active {opacity: 1;border: 2px solid #000;}@media (max-width: 768px) {.gallery-grid {grid-template-columns: 1fr;}.ym-logo {font-size: 3.5rem;}}* {box-sizing: border-box;margin: 0;padding: 0;}body {font-family: 'Inter', sans-serif;background: #fff;}.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}.gallery-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;margin-top: 30px;}.gallery-group {cursor: pointer;}.photo-wrapper {position: relative;background: #000;overflow: hidden;}.photo-wrapper img {width: 100%;aspect-ratio: 16/9;object-fit: cover;transition: 0.5s;}.gallery-group:hover img {opacity: 0.8;transform: scale(1.05);}.photo-badge {position: absolute;bottom: 15px;left: 15px;background: #000;color: #fff;padding: 5px 12px;font-size: 0.7rem;font-weight: 900;}

.photo-details h3 {font-family: 'Anton', sans-serif;font-size: 1.8rem;margin-top: 15px;text-transform: uppercase;}


.photo-details h3 {
    font-family: 'Inter', sans-serif; /* Zmiana z ciasnego Antona na Inter */
    font-weight: 900; /* Najgrubszy wariant dla efektu 'magazine' */
    font-size: 1.4rem; /* Rozmiar dopasowany do siatki */
    margin-top: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: -0.5px; /* Lekkie zbliżenie liter w Interze wygląda bardzo premium */
    color: #000;
}

.modal-content-wrapper {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100vh;}


.modal-content {
    display: block;
    margin: 0 auto; /* Gwarantuje, że obrazek sam w sobie trzyma się środka */
    max-width: 90%;
    max-height: 70vh;
    object-fit: contain;
}
.gallery-intro-text {
    font-family: 'Inter', sans-serif;
    font-size: 1.05rem;
    line-height: 1.7;
    max-width: 900px;
    margin: 20px 0 40px 0; /* Odstęp od tytułu i od zdjęć */
    color: #333;
    text-align: left; /* Styl magazynowy często lepiej wygląda z wyrównaniem do lewej */
}

.gallery-intro-text strong {
    font-weight: 700;
    color: #000;
}

.gallery-intro-text a {
    color: #E21B3C; /* Kolor czerwony z Twojego logo dla wyróżnienia linku */
    text-decoration: none;
    font-weight: 700;
    border-bottom: 2px solid #E21B3C; /* Stylowe podkreślenie */
    transition: all 0.3s ease;
}

.gallery-intro-text a:hover {
    background-color: #E21B3C;
    color: #fff;
}
.seo-link {
    color: #E21B3C; /* Czerwony kolor z Twojego logo */
    text-decoration: none;
    font-weight: 700;
    transition: all 0.3s ease;
    padding: 0 4px;
}

.seo-link:hover {
    background-color: #E21B3C;
    color: #fff;
    padding: 0 4px;
    text-decoration: none;
}





.thumbnail-container {display: flex;gap: 10px;margin: 20px 0;max-width: 80%;overflow-x: auto;}.thumbnail-container img {width: 80px;height: 50px;object-fit: cover;cursor: pointer;opacity: 0.5;border: 2px solid transparent;}.thumbnail-container img.active {opacity: 1;border-color: #000;}.close-btn {position: absolute;top: 20px;right: 40px;font-size: 40px;cursor: pointer;}.modal-nav {display: flex;gap: 40px;font-weight: 900;}@media (max-width: 768px) {.gallery-grid {grid-template-columns: 1fr;}}.about-grid {display: grid;grid-template-columns: 400px 1fr;gap: 60px;margin-top: 40px;align-items: start;text-align: left;}.about-image img {width: 100%;height: auto;border: 1px solid #333;display: block;background-color: #f0f0f0;}.img-sub {font-size: 11px;letter-spacing: 1px;color: #666;margin-top: 10px;text-transform: uppercase;}.about-text h2.entry-title {margin-top: 0;margin-bottom: 25px;font-size: 1.1rem;}.about-text p {font-family: 'Inter', sans-serif;font-size: 1.1rem;line-height: 1.7;margin-bottom: 20px;}.about-quote {border-left: 5px solid #000;padding: 10px 0 10px 25px;margin: 35px 0;font-style: italic;font-weight: 700;font-size: 1.3rem;line-height: 1.4;}@media (max-width: 900px) {.about-grid {grid-template-columns: 1fr;gap: 30px;}.about-text h2.entry-title {font-size: 2.2rem;}}.contact-grid {display: grid;margin-top: 50px;}.contact-info p {font-size: 1.1rem;line-height: 1.6;margin-bottom: 30px;}.contact-details strong {font-size: 0.8rem;letter-spacing: 2px;color: #666;}.contact-details p {margin-bottom: 20px;font-weight: 700;}.magazine-form .form-group {margin-bottom: 25px;}.magazine-form label {display: block;font-size: 10px;font-weight: 900;letter-spacing: 2px;margin-bottom: 8px;}.magazine-form input, .magazine-form textarea {width: 100%;padding: 15px;border: 2px solid #000;font-family: 'Inter', sans-serif;font-size: 1rem;background: transparent;}.magazine-form input:focus, .magazine-form textarea:focus {outline: none;background: #f9f9f9;}

.submit-btn {background: #000;color: #fff;padding: 15px 40px;border: none;font-family: 'Inter', sans-serif;font-size: 1.2rem;letter-spacing: 2px;cursor: pointer;transition: opacity 0.3s;}

.submit-btn:hover {opacity: 0.8;}.success-msg {background: #d4edda;color: #155724;padding: 15px;margin-bottom: 20px;border: 1px solid #c3e6cb;}@media (max-width: 850px) {.contact-grid {}}@media (max-width: 768px) {#caption {padding: 10px;}#caption h4 {font-size: 16px !important;margin-bottom: 8px;}#caption table {font-size: 12px !important;}#caption td {padding: 2px 5px !important;}}@media (max-width: 768px) {img, video, canvas {max-width: 100% !important;height: auto;}.site-logo, .site-logo-small {max-width: 100% !important;}.container, .site-wrapper {width: 100% !important;overflow-x: hidden;padding-left: 15px;padding-right: 15px;box-sizing: border-box;}}


.styleLink{text-decoration:none;color:#000;font-family:'Inter',sans-serif;font-weight: 900;text-transform: uppercase;margin-bottom: 15px;letter-spacing: 0.5px;"
}