@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@400;500;600;700&display=swap');



/* POM-AGRO: slider w pozycji banner Cassiopeia */
.pa-slider { position:relative; width:100%; height:clamp(340px, 39vw, 650px); overflow:hidden; background:#182c22; color:#fff; isolation:isolate; }
.pa-slider *, .pa-slider *::before, .pa-slider *::after { box-sizing:border-box; }
.pa-slider__slides, .pa-slide { position:absolute; inset:0; }
.pa-slide { opacity:0; visibility:hidden; transition:opacity .8s ease,visibility .8s; }
.pa-slide.is-active { opacity:1; visibility:visible; z-index:1; }
.pa-slide__image { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.pa-slide__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.43) 48%,rgba(0,0,0,.04) 100%); }
.pa-slide__content { position:absolute; left:max(7%, calc((100vw - 1200px)/2)); right:12%; top:50%; transform:translateY(-50%); max-width:660px; text-shadow:0 2px 12px rgba(0,0,0,.3); }
.pa-slide__eyebrow { margin:0 0 .8rem; font-weight:700; letter-spacing:.18em; font-size:clamp(.75rem,1.2vw,.95rem); color:#cbe88a; }
.pa-slide__content h2 { margin:0 0 1rem; font-weight:800; font-size:clamp(1.8rem,4vw,3.65rem); line-height:1.12; color:#fff; }
.pa-slide__content > p:not(.pa-slide__eyebrow) { margin:0 0 1.6rem; font-size:clamp(1rem,1.6vw,1.25rem); }
.pa-slide__button { display:inline-block; padding:.83rem 1.35rem; background:#89b62b; color:#10210b; text-decoration:none; font-weight:700; border-radius:4px; text-shadow:none; transition:background .2s; }
.pa-slide__button:hover, .pa-slide__button:focus-visible { background:#c4ec67; color:#10210b; }
.pa-slider__arrow { position:absolute; top:50%; z-index:3; transform:translateY(-50%); width:44px; height:52px; border:0; color:white; background:rgba(0,0,0,.28); cursor:pointer; font-size:1.35rem; }
.pa-slider__arrow:hover,.pa-slider__arrow:focus-visible { background:rgba(0,0,0,.7); }
.pa-slider__arrow--prev { left:0; }.pa-slider__arrow--next { right:0; }
.pa-slider__dots { position:absolute; bottom:18px; left:0; right:0; display:flex; justify-content:center; gap:10px; z-index:3; }
.pa-slider__dots button { padding:0; width:12px; height:12px; border:2px solid white; border-radius:50%; background:transparent; cursor:pointer; }
.pa-slider__dots button.is-active { background:#fff; }
.pa-slider :focus-visible { outline:3px solid #fff; outline-offset:3px; }
.pa-slider__status.visually-hidden { position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (max-width:700px) {
  .pa-slider { height:440px; }
  .pa-slide__shade { background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.35)); }
  .pa-slide__content { left:9%; right:9%; }
  .pa-slide__content h2 { font-size:clamp(1.8rem,7vw,2.7rem); }
  .pa-slider__arrow { width:28px; height:48px; font-size:1rem; }
  .pa-slider__dots { bottom:14px; }
}
@media (prefers-reduced-motion:reduce) {
  .pa-slide, .pa-slide__button { transition:none; }
}


/* POM-AGRO - subtelny Ken Burns i animacja treści */
.pa-slide__image { transform:scale(1.06); transform-origin:center center; }
.pa-slide.is-active .pa-slide__image {
  animation: paKenBurns 5.8s linear both;
}
@keyframes paKenBurns {
  from { transform:scale(1.06) translate3d(-0.8%, 0, 0); }
  to   { transform:scale(1.12) translate3d(0.8%, -0.5%, 0); }
}
.pa-slide__eyebrow,
.pa-slide__content h2,
.pa-slide__content > p:not(.pa-slide__eyebrow),
.pa-slide__button { opacity:0; transform:translateY(18px); }
.pa-slide.is-active .pa-slide__eyebrow,
.pa-slide.is-active .pa-slide__content h2,
.pa-slide.is-active .pa-slide__content > p:not(.pa-slide__eyebrow),
.pa-slide.is-active .pa-slide__button {
  animation:paTextEnter .7s ease-out both;
}
.pa-slide.is-active .pa-slide__eyebrow { animation-delay:.12s; }
.pa-slide.is-active .pa-slide__content h2 { animation-delay:.3s; }
.pa-slide.is-active .pa-slide__content > p:not(.pa-slide__eyebrow) { animation-delay:.5s; }
.pa-slide.is-active .pa-slide__button { animation-delay:.7s; }
@keyframes paTextEnter {
  from { opacity:0; transform:translateY(18px); }
  to { opacity:1; transform:translateY(0); }
}
@media (prefers-reduced-motion:reduce) {
  .pa-slide.is-active .pa-slide__image,
  .pa-slide.is-active .pa-slide__eyebrow,
  .pa-slide.is-active .pa-slide__content h2,
  .pa-slide.is-active .pa-slide__content > p:not(.pa-slide__eyebrow),
  .pa-slide.is-active .pa-slide__button { animation:none; }
  .pa-slide__image { transform:none; }
  .pa-slide.is-active .pa-slide__eyebrow,
  .pa-slide.is-active .pa-slide__content h2,
  .pa-slide.is-active .pa-slide__content > p:not(.pa-slide__eyebrow),
  .pa-slide.is-active .pa-slide__button { opacity:1; transform:none; }
}






/* =========================================
   POM-AGRO - NAGŁÓWEK, LOGO I MENU
   ========================================= */

.container-header {
    position: relative;
    z-index: 100;
}

/* Logo */
.container-header .navbar-brand {
    position: relative;
    z-index: 101;
}

.container-header .navbar-brand img {
    display: block;
    width: 170px;
    height: auto;
}

/* Ekrany komputerów */
@media (min-width: 992px) {

    .container-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        min-height: 120px;
        padding: 0 max(20px, calc((100% - 1200px) / 2));
        overflow: visible;
    }

    /* Kontener z logo */
    .container-header .grid-child:has(.navbar-brand) {
        width: auto;
        min-width: 0;
        margin: 0;
        padding: 0;
        justify-content: flex-start;
    }

    /* Logo wystaje na slider */
    .container-header .navbar-brand {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .container-header .navbar-brand img {
        width: 170px;
        height: auto;
        margin-bottom: -45px;
    }

    /* Menu po prawej, w tym samym rzędzie */
    .container-header .container-nav {
        width: auto;
        min-width: 0;
        max-width: none;
        margin: 0;
        padding: 0;
        justify-content: flex-end;
        align-items: center;
    }

    .container-header .mod-menu {
        justify-content: flex-end;
    }
}

/* Telefony i tablety */
@media (max-width: 991.98px) {

    .container-header .navbar-brand img {
        width: 115px;
        height: auto;
    }

    .container-header .container-nav {
        justify-content: flex-end;
    }
}


/* POM-AGRO - logo i hamburger w jednym rzędzie */

@media (max-width: 991.98px) {

    .container-header {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        min-height: 100px;
        padding: 10px 15px;
    }

    /* Kontener logo */
    .container-header .grid-child:has(.navbar-brand) {
        width: auto;
        margin: 0;
        padding: 0;
    }

    /* Logo */
    .container-header .navbar-brand {
        margin: 0;
    }

    .container-header .navbar-brand img {
        width: 90px;
        height: auto;
    }

    /* Kontener menu */
    .container-header .container-nav {
        width: auto;
        margin: 0;
        padding: 0;
        justify-content: flex-end;
        align-items: center;
    }
}





/* POM-AGRO - tło nagłówka */

.container-header {
    background: #352215 url('/images/layout/body.png') repeat;
    border-bottom: 5px solid #fa5810;
}





/* =========================================
   POM-AGRO - MENU DESKTOP
   ========================================= */

@media (min-width: 992px) {

    /* Elementy menu */
    .container-header .mod-menu > li {
        position: relative;
    }

    /* Wygląd napisów */
    .container-header .mod-menu > li > a,
    .container-header .mod-menu > li > button,
    .container-header .mod-menu > li > span {
        font-size: 18px;
        font-weight: 400;
        text-transform: uppercase;
        color: #ffffff;
        text-decoration: none;
        padding: 15px 18px;
    }

    /* Pasek nad elementem */
    .container-header .mod-menu > li::before {
        content: "";
        position: absolute;
        top: -20px;
        left: 15%;
        width: 70%;
        height: 5px;
        background: #fa5810;
        transform: scaleX(0);
        transform-origin: center;
        transition: transform 0.3s ease;
        pointer-events: none;
    }

    /* Pokazanie paska po najechaniu */
    .container-header .mod-menu > li:hover::before,
    .container-header .mod-menu > li:focus-within::before {
        transform: scaleX(1);
    }

    /* Aktywna pozycja */
    .container-header .mod-menu > li.current::before,
    .container-header .mod-menu > li.active::before {
        transform: scaleX(1);
    }
}

/* POM-AGRO - usunięcie podkreślenia menu */

.container-header .mod-menu > li > a,
.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li > a:focus,
.container-header .mod-menu > li.active > a,
.container-header .mod-menu > li.current > a {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Usunięcie podkreślenia z pseudoelementu Cassiopei */
.container-header .mod-menu > li > a::after,
.container-header .mod-menu > li.active > a::after {
    display: none !important;
}

/* POM-AGRO - czcionka menu desktopowego */

@media (min-width: 992px) {
    .container-header .mod-menu > li > a,
    .container-header .mod-menu > li > button,
    .container-header .mod-menu > li > span {
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        font-weight: 400;
        text-transform: uppercase;
    }
}





/* =========================================
   POM-AGRO - KOLORY I CZCIONKA SLIDERA
   ========================================= */

/* Mały nagłówek POM-AGRO */
.pa-slide__eyebrow {
    color: #fa5810;
}

/* Główne hasło */
.pa-slide__content h2 {
    font-family: 'Anton', sans-serif;
    font-weight: 400;
    color: #ffffff;
}

/* Przycisk */
.pa-slide__button {
    background: #fa5810;
    color: #ffffff;
}

/* Przycisk po najechaniu */
.pa-slide__button:hover,
.pa-slide__button:focus-visible {
    background: #ff783c;
    color: #ffffff;
}








/* POM-AGRO: bottom-a na pełną szerokość ekranu */
.site-grid > .container-bottom-a {
    grid-column: full-start / full-end;
    max-width: none;
    width: 100%;
}




/* POM-AGRO - baner nad stopką strony HOME */

.pa-home-banner {
  background: #352215;
  color: #fff;
  padding: 65px 25px;
  text-align: center;
}

.pa-home-banner__inner {
  max-width: 1100px;
  margin: 0 auto;
}

.pa-home-banner__line {
  display: block;
  width: 60px;
  height: 4px;
  background: #e87524;
  margin: 0 auto 25px;
}

.pa-home-banner h2 {
  font-family: 'Anton', sans-serif;
  font-size: clamp(38px, 5vw, 64px);
  font-weight: 400;
  letter-spacing: 2px;
  color: #fff;
  margin: 0 0 15px;
}

.pa-home-banner__slogan {
  font-family: 'Oswald', sans-serif;
  font-size: clamp(21px, 2.7vw, 32px);
  line-height: 1.4;
  max-width: 850px;
  margin: 0 auto 25px;
  color: #fff;
}

.pa-home-banner__values {
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  letter-spacing: 3px;
  color: #f1b887;
  margin: 0;
}

@media (max-width: 767px) {
  .pa-home-banner {
    padding: 45px 20px;
  }

  .pa-home-banner__values {
    font-size: 13px;
    letter-spacing: 1px;
  }
}



/* POM-AGRO - bottom-a bez odstępów */
.container-bottom-a,
.container-bottom-a .card,
.container-bottom-a .card-body,
.container-bottom-a .moduletable,
.container-bottom-a .mod-custom {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


/* POM-AGRO - dolny baner z paralaksą i brązową maską */
.pa-bottom-banner {
    position: relative;
    min-height: 390px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    background-image: url('pole-pom-agro3overlay.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed; /* paralaksa */
}

.pa-bottom-banner__overlay {
    position: absolute;
    inset: 0;
    background: rgba(53, 34, 21, 0.72); /* brązowa maska */
    z-index: 1;
}

.pa-bottom-banner__content {
    position: relative;
    z-index: 2;
    max-width: 1000px;
    padding: 40px 20px;
    text-align: center;
    color: #fff;
}

.pa-bottom-banner__line {
    width: 60px;
    height: 4px;
    margin: 0 auto 28px;
    background: #d97a2b;
}

.pa-bottom-banner__content h2 {
    margin: 0 0 20px;
    font-family: 'Anton', sans-serif;
    font-size: clamp(2.8rem, 5vw, 5rem);
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5f2ec;
}

.pa-bottom-banner__content p {
    margin: 0 auto 24px;
    max-width: 900px;
    font-family: 'Oswald', sans-serif;
    font-size: clamp(1.4rem, 2.4vw, 2.5rem);
    line-height: 1.35;
    font-weight: 500;
    color: #ffffff;
}

.pa-bottom-banner__sub {
    font-family: 'Oswald', sans-serif;
    font-size: clamp(1rem, 1.4vw, 1.35rem);
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #f2a35c;
}

/* Na telefonach paralaksa bywa problematyczna */
@media (max-width: 991px) {
    .pa-bottom-banner {
        background-attachment: scroll;
        min-height: 300px;
    }
}













/* ========================================
   POM-AGRO - KONTAKT / DOLNA SEKCJA
   ======================================== */

/* bottom-b na pełną szerokość */
.site-grid > .container-bottom-b {
    grid-column: full-start / full-end;
    width: 100%;
    max-width: none;
}

/* Usunięcie odstępów modułu */
.container-bottom-b,
.container-bottom-b .card,
.container-bottom-b .card-body,
.container-bottom-b .moduletable,
.container-bottom-b .mod-custom {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Główna sekcja */
.pa-contact {
    width: 100%;
    background: #352215;
    color: #fff;
    padding: 45px max(30px, calc((100% - 1320px) / 2));
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

/* Nagłówek */
.pa-contact__title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    color: #ff792c;
    margin: 0 0 28px;
}

/* Trzy kolumny */
.pa-contact__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 0.8fr;
    gap: 55px;
    align-items: start;
}

/* Nagłówki kolumn */
.pa-contact__column h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: #ffad79;
    margin: 0 0 10px;
}

/* Zawartość */
.pa-contact__column p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
    margin: 0 0 12px;
    overflow-wrap: anywhere;
}

/* Linki */
.pa-contact__column a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    transition: color .2s ease;
}

.pa-contact__column a:hover {
    color: #ff792c;
}

/* Kolumna z mapą */
.pa-contact__map {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 20px 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    transition: color .2s ease;
}

.pa-contact__map:hover,
.pa-contact__map:focus-visible {
    color: #ff792c;
    text-decoration: none;
}

.pa-contact__map svg {
    width: 85px;
    height: 85px;
    flex-shrink: 0;
    transition: transform .3s ease;
}

.pa-contact__map:hover svg {
    transform: scale(1.08);
}

/* TABLETY */
@media (max-width: 991px) {

    .pa-contact {
        padding: 40px 30px;
    }

    .pa-contact__grid {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }

    .pa-contact__map {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

/* TELEFONY */
@media (max-width: 767px) {

    .pa-contact {
        padding: 35px 22px;
    }

    .pa-contact__title {
        font-size: 25px;
        margin-bottom: 25px;
    }

    .pa-contact__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .pa-contact__column p {
        font-size: 15px;
    }

    .pa-contact__map {
        grid-column: auto;
        justify-content: flex-start;
        padding: 10px 0;
    }

    .pa-contact__map svg {
        width: 70px;
        height: 70px;
    }
}
















/* ==========================================
   POM-AGRO - STOPKA
   ========================================== */

/* 1. Kontener Cassiopeia */
.container-footer {
    background: #352215;
    background-image: none;
    margin-top: 0;
    padding: 0;
}

/* 2. Usunięcie ograniczeń Cassiopeia */
.container-footer .grid-child {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* 3. Sekcja kontaktowa */
.container-footer .pa-contact {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 50px 30px 60px;
    background: #352215;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    box-sizing: border-box;
}

/* 4. Nagłówek i siatka - wspólna szerokość */
.container-footer .pa-contact__title,
.container-footer .pa-contact__grid {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* 5. Nagłówek */
.container-footer .pa-contact__title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    color: #ff792c;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: left;
}

/* 6. Trzy kolumny */
.container-footer .pa-contact__grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1.2fr)
        minmax(0, 0.8fr);
    gap: 45px;
    align-items: start;
}

/* 7. Nagłówki Biuro / Magazyn */
.container-footer .pa-contact__column h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #ffad79;
    margin: 0 0 10px;
}

/* 8. Tekst kontaktowy */
.container-footer .pa-contact__column p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
    margin: 0 0 12px;
    overflow-wrap: anywhere;
}

/* 9. Linki */
.container-footer .pa-contact__column a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.container-footer .pa-contact__column a:hover {
    color: #ff792c;
}

/* 10. Dojazd */
.container-footer .pa-contact__map {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 20px 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.container-footer .pa-contact__map:hover {
    color: #ff792c;
}

.container-footer .pa-contact__map svg {
    width: 85px;
    height: 85px;
    flex-shrink: 0;
    transition: transform .3s ease;
}

.container-footer .pa-contact__map:hover svg {
    transform: scale(1.08);
}

/* ==========================================
   TABLETY - DWIE KOLUMNY
   ========================================== */

@media (min-width: 768px) and (max-width: 991px) {

    .container-footer .pa-contact__grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);
        gap: 35px;
    }

    .container-footer .pa-contact__map {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

/* ==========================================
   TELEFONY - JEDNA KOLUMNA
   ========================================== */

@media (max-width: 767px) {

    .container-footer .pa-contact {
        padding: 35px 22px 45px;
    }

    .container-footer .pa-contact__title {
        font-size: 25px;
        margin-bottom: 25px;
    }

    .container-footer .pa-contact__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }

    .container-footer .pa-contact__map {
        grid-column: auto;
        justify-content: flex-start;
        padding: 10px 0;
    }

    .container-footer .pa-contact__map svg {
        width: 70px;
        height: 70px;
    }
}







/* POM-AGRO - blog kategorii, zdjęcie po lewej */

.com-content-category-blog__item.blog-item {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 30px;
    align-items: start;
    margin-bottom: 35px;
}

/* Zdjęcie */
.com-content-category-blog__item .item-image {
    float: none;
    width: 100%;
    margin: 0;
    grid-column: 1;
    grid-row: 1;
}

.com-content-category-blog__item .item-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
}

/* Treść artykułu */
.com-content-category-blog__item .item-content {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

/* Wersja mobilna */
@media (max-width: 767px) {
    .com-content-category-blog__item.blog-item {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .com-content-category-blog__item .item-image,
    .com-content-category-blog__item .item-content {
        grid-column: 1;
        grid-row: auto;
    }
}



/* =====================================
   POM-AGRO - TYTUŁY ARTYKUŁÓW BLOGA
   ===================================== */

.com-content-category-blog .page-header h2,
.com-content-category-blog .page-header h2 a {
    font-family: 'Anton', sans-serif;
    font-weight: 400;
    color: #e87500;
    text-decoration: none;
    border-bottom: none;
}

/* Hover i pozostałe stany linku */
.com-content-category-blog .page-header h2 a:hover,
.com-content-category-blog .page-header h2 a:focus,
.com-content-category-blog .page-header h2 a:active,
.com-content-category-blog .page-header h2 a:visited {
    color: #e87500;
    text-decoration: none;
    border-bottom: none;
}


/* =====================================
   POM-AGRO - TEKST ARTYKUŁÓW
   ===================================== */

.com-content-category-blog .item-content {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    color: #333;
}

/* Wyróżnienia w tekście */
.com-content-category-blog .item-content strong,
.com-content-category-blog .item-content b {
    font-weight: 700;
}











/* POM-AGRO - galeria zdjęć w artykułach */

.pa-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    margin: 30px 0;
}

.pa-gallery a {
    display: block;
    overflow: hidden;
    border-radius: 6px;
}

.pa-gallery img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    transition: transform .3s ease;
}

.pa-gallery a:hover img {
    transform: scale(1.05);
}

@media (max-width: 767px) {
    .pa-gallery {
        grid-template-columns: 1fr;
    }
}



/* =====================================
   POM-AGRO - LIGHTBOX
   ===================================== */

.pa-lightbox {
    position: fixed;
    inset: 0;
    box-sizing: border-box;
    width: max-content;
    height: max-content;
    max-width: 96vw;
    max-height: 96vh;
    margin: auto;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    overflow: visible;
}

.pa-lightbox::backdrop {
    background: rgba(0, 0, 0, 0.9);
}

.pa-lightbox img {
    display: block;
    max-width: 94vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 6px;
}

/* Przycisk zamykania */
.pa-lightbox .pa-lightbox-close {
    position: absolute;
    top: 12px;
    right: 12px;
    left: auto;
    z-index: 10;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;
    padding: 0;

    border: none;
    border-radius: 50%;
    background: rgba(53, 34, 21, 0.85);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.pa-lightbox .pa-lightbox-close:hover {
    background: #e87500;
}




/* =====================================
   POM-AGRO - HOME / ARTYKUŁ WYRÓŻNIONY
   ===================================== */

.blog-featured .blog-item {
    display: grid;
    grid-template-columns: 33.333% minmax(0, 1fr);
    gap: 30px;
    align-items: start;
}

/* Zdjęcie po lewej */
.blog-featured .blog-item .item-image {
    float: none;
    width: 100%;
    margin: 0;
    grid-column: 1;
    grid-row: 1;
}

.blog-featured .blog-item .item-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
}

/* Treść po prawej */
.blog-featured .blog-item .item-content {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

/* Telefon */
@media (max-width: 767px) {
    .blog-featured .blog-item {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .blog-featured .blog-item .item-image,
    .blog-featured .blog-item .item-content {
        grid-column: 1;
        grid-row: auto;
    }
}











/* POM-AGRO - ODMIANY ZIEMNIAKÓW */

.pa-odmiana {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
    margin: 30px 0 55px;
}

.pa-odmiana__image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.pa-odmiana__content p {
    margin: 0 0 28px;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .pa-odmiana {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}








/* =====================================
   POM-AGRO - KONTAKT - KAFLE
   ===================================== */

.pa-contact-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    margin: 35px 0 65px;
    align-items: stretch;
}

.pa-contact-card {
    border: 1px solid #e3ded9;
    border-top: 4px solid #f36b21;
    background: #fff;
    padding: 35px 40px;
    min-width: 0;
}

.pa-contact-card h2 {
    font-family: 'Anton', sans-serif;
    font-size: 32px;
    color: #f36b21;
    margin: 0 0 15px;
}

.pa-contact-card__address {
    line-height: 1.6;
    margin: 0 0 30px;
    color: #555;
}

.pa-contact-card__person {
    padding: 18px 0;
    border-top: 1px solid #eee;
}

.pa-contact-card__person h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 500;
    margin: 0 0 10px;
    color: #352215;
}

.pa-contact-card__person p {
    margin: 4px 0;
    line-height: 1.5;
}

.pa-contact-card a {
    color: #a65b32;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.pa-contact-card a:hover {
    color: #f36b21;
    text-decoration: underline;
}

/* Responsywność */
@media (max-width: 800px) {
    .pa-contact-cards {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .pa-contact-card {
        padding: 25px;
    }
}






/* =====================================
   POM-AGRO - INFORMACJA O COOKIES
   ===================================== */

.pa-cookie-notice {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    width: calc(100% - 40px);
    max-width: 1050px;
    padding: 22px 28px;

    background: #fff;
    color: #352215;
    border: 1px solid #ddd;
    border-top: 4px solid #f36b21;
    box-shadow: 0 5px 25px rgba(0,0,0,0.12);
}

.pa-cookie-notice[hidden] {
    display: none !important;
}

.pa-cookie-notice__text strong {
    display: block;
    margin-bottom: 6px;
    font-size: 17px;
}

.pa-cookie-notice__text p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.pa-cookie-notice__text a {
    color: #a65b32;
    text-decoration: underline;
}

#pa-cookie-close {
    flex-shrink: 0;
    border: 0;
    background: #352215;
    color: #fff;
    padding: 11px 25px;
    cursor: pointer;
    font-size: 14px;
}

#pa-cookie-close:hover {
    background: #f36b21;
}

#pa-cookie-close:focus-visible {
    outline: 3px solid #f36b21;
    outline-offset: 3px;
}

@media (max-width: 650px) {
    .pa-cookie-notice {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
        padding: 20px;
        bottom: 10px;
        width: calc(100% - 20px);
        max-height: 80vh;
        overflow-y: auto;
    }

    #pa-cookie-close {
        width: 100%;
    }
}