/*
Theme Name: Agro Snails 2026 Editable
Theme URI: https://agrosnails.com/
Author: OpenAI – projekt na podstawie dostarczonych layoutów
Description: Dedykowany motyw WordPress dla Agro Snails. Layout odwzorowuje przekazane projekty: strona główna, O nas, Skup, Dla nowych hodowców, Galeria, Kontakt.
Version: 2.0.12
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: agrosnails
*/

:root{
  --lime:#C1DA67;
  --green:#12311E;
  --cream:#FFFBF5;
  --line:#D8D8D2;
  --muted:#5A665E;
  --white:#fff;
  --radius:34px;
  --radius-sm:22px;
  --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--green);
  background:#fff;
  font-family:"aktiv-grotesk","Aktiv Grotesk",Arial,Helvetica,sans-serif;
  font-size:18px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,textarea{font:inherit}

.container{width:min(var(--container),calc(100% - 72px));margin-inline:auto}
.section{padding:68px 0}
.section-tight{padding:46px 0}
.bg-cream{background:var(--cream)}
.display,.section-title,h1,h2,h3{font-family:"massilia",sans-serif;font-weight:500}
.display{font-size:clamp(44px,5.2vw,72px);line-height:.98;letter-spacing:-.02em;margin:0}
.section-title{font-size:clamp(36px,3.3vw,54px);line-height:1.05;margin:0 0 20px}
.card-title{font-size:29px;line-height:1.08;margin:0 0 18px}
.lead{font-size:23px;line-height:1.35;font-weight:600}
.accent{color:var(--lime)}
.eyebrow{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#839b28;font-weight:700;margin-bottom:14px}
.copy{max-width:660px;color:#20372a}
.copy p{margin:0 0 16px}

/* header */
.site-header{background:#fff;position:relative;z-index:20}
.site-header .inner{height:104px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.site-logo img{width:200px;max-height:74px;object-fit:contain;object-position:left center}
.main-nav{display:flex;align-items:center;gap:34px;font-size:16px;font-weight:700;white-space:nowrap}
.main-nav a{position:relative;padding:10px 0}
.main-nav a:hover,.main-nav a.current{color:#779126}
.main-nav a.current:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--lime)}
.lang{padding-top:2px;border-top:1px solid #839085}
.menu-toggle{display:none;border:0;background:transparent;font-size:26px;color:var(--green)}

/* generic hero two columns */
.inner-hero{padding:18px 0 60px}
.inner-hero-grid{display:grid;grid-template-columns:.92fr 1.15fr;gap:70px;align-items:center}
.inner-hero-copy{padding-left:18px}
.inner-hero-copy h1{font-family:"Aktiv Grotesk",Arial,sans-serif;font-size:clamp(44px,4.8vw,66px);font-weight:700;line-height:1.02;margin:0 0 26px}
.inner-hero-copy .lead{font-size:20px;margin-bottom:24px}
.inner-hero-copy p{max-width:540px}
.hero-photo{height:430px;border-radius:var(--radius);object-fit:cover;width:100%}

/* homepage */
.home-hero{min-height:640px;position:relative;color:white;background-image:linear-gradient(90deg,rgba(9,38,22,.74) 0%,rgba(9,38,22,.24) 40%,rgba(9,38,22,.02) 72%),url('assets/images/farm-golden.jpg');background-size:cover;background-position:center;overflow:hidden}
.home-hero .hero-top{position:absolute;left:0;right:0;top:22px;display:flex;justify-content:space-between;align-items:flex-start;z-index:3}
.home-brand-tab{background:var(--lime);border-radius:0 34px 34px 0;padding:18px 34px 16px;width:270px}
.home-brand-tab img{width:180px}
.home-nav-pill{background:#fff;color:var(--green);border-radius:28px;padding:9px 26px;margin-right:85px;display:flex;gap:28px;font-size:15px;font-weight:700}
.home-hero-content{position:absolute;left:max(42px,calc((100vw - var(--container))/2));top:205px;width:470px}
.home-hero h1{font-family:"Aktiv Grotesk",Arial,sans-serif;font-weight:700;font-size:44px;line-height:1.15;margin:0 0 18px}
.home-hero .hero-kicker{font-size:20px;font-weight:700;line-height:1.35;margin-bottom:26px}
.btn-row{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:15px;background:var(--lime);color:var(--green);border-radius:26px;padding:13px 22px;font-weight:700;border:0;cursor:pointer}
.btn.white{background:#fff}
.btn.outline{background:transparent;border:1px solid #fff;color:#fff}
.home-intro{text-align:center;padding:58px 0 50px}
.home-intro .snail-badge{width:86px;height:86px;border-radius:50%;background:var(--green);display:grid;place-items:center;margin:-98px auto 28px;border:7px solid #fff;color:var(--lime);font-size:38px}
.home-intro p{max-width:850px;margin:0 auto 26px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:48px}
.stat{border:1px solid #b8bdb8;border-radius:var(--radius);padding:28px 26px;min-height:225px;text-align:left;background:#fff}
.stat-number{font-size:66px;font-weight:700;line-height:1;color:var(--green);border-bottom:2px solid var(--lime);display:inline-block;padding-bottom:8px;margin-bottom:12px}
.stat strong{font-size:24px;display:block;line-height:1.1;margin-bottom:10px}
.home-start-grid{display:grid;grid-template-columns:1fr .88fr;gap:58px;align-items:center}
.home-start-grid img{height:360px;width:100%;object-fit:cover;border-radius:var(--radius)}
.home-start-grid h2{font-family:"Aktiv Grotesk",Arial,sans-serif;font-size:42px;line-height:1.05;margin:0 0 18px}
.gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.gallery-strip img{height:235px;width:100%;object-fit:cover;border-radius:var(--radius-sm)}

/* content cards */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.info-card{border:1px solid #cfd2cc;border-radius:var(--radius);padding:30px;min-height:365px;background:white;display:flex;flex-direction:column}
.info-card h3{font-family:"Aktiv Grotesk",Arial,sans-serif;font-size:26px;font-weight:700;margin:0 0 20px}
.info-card .mini-line{width:52px;height:2px;background:var(--lime);margin:-8px 0 20px}
.info-card img{width:100%;height:180px;object-fit:cover;border-radius:18px;margin-top:auto}

/* About */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}
.about-grid img{width:100%;height:390px;object-fit:cover;border-radius:var(--radius)}
.about-points h2{font-family:"Aktiv Grotesk",Arial,sans-serif;font-size:44px;line-height:1.05;margin:0 0 12px}
.about-points h3{font-family:"Aktiv Grotesk",Arial,sans-serif;font-size:24px;font-weight:700;margin:22px 0 7px}
.timeline-wrap{background:var(--cream);padding:55px 0 50px}
.timeline-title{text-align:center;font-family:"Aktiv Grotesk",Arial,sans-serif;font-size:42px;font-weight:700;margin:0 0 38px}
.timeline{display:grid;grid-template-columns:repeat(6,1fr);column-gap:18px;row-gap:38px;position:relative}
.timeline-item{position:relative;padding-top:23px;min-height:130px;font-size:14px}
.timeline-item:before{content:"";position:absolute;top:5px;left:0;width:9px;height:9px;background:var(--green);border-radius:50%;z-index:2}
.timeline-item:after{content:"";position:absolute;top:9px;left:8px;width:calc(100% + 18px);height:1px;background:#9aa59e}
.timeline-item:nth-child(6):after,.timeline-item:last-child:after{display:none}
.timeline-year{font-size:18px;font-weight:700;margin-bottom:10px}
.timeline-tag{text-align:center;font-size:30px;font-family:"massilia",sans-serif;margin:42px 0 0}

/* CTA */
.cta-banner{background:var(--green);border-radius:var(--radius);min-height:280px;color:white;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;margin:25px auto 55px}
.cta-copy{padding:42px 40px;align-self:center}
.cta-copy h2{font-size:40px;line-height:1.02;margin:0 0 18px}
.cta-copy p{max-width:430px}
.cta-image{background-image:url('assets/images/hand-snail.jpg');background-size:cover;background-position:center;min-height:280px}

/* skup */
.split-info{display:grid;grid-template-columns:.92fr 1.1fr;gap:70px;align-items:start;padding:38px 0 56px}
.split-info h2{font-family:"Aktiv Grotesk",Arial,sans-serif;font-size:46px;font-weight:700;margin:0 0 20px}
.quality-box{border:1px solid #adb6af;border-radius:var(--radius);padding:22px 26px 28px}
.quality-title{text-align:center;font-weight:700;font-size:20px;margin-bottom:18px}
.quality-grid{display:grid;grid-template-columns:1fr 1fr}
.quality-col{padding:0 24px}
.quality-col+ .quality-col{border-left:1px solid #9ca69e}
.class-label{display:block;width:max-content;margin:0 auto 14px;background:var(--lime);padding:9px 27px;border-radius:25px;font-weight:700}
.quality-col img{height:210px;width:100%;object-fit:contain;margin:0 auto 12px}
.check-list{list-style:none;padding:0;margin:0;font-size:15px}
.check-list li{position:relative;padding-left:25px;margin:8px 0}
.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:17px;height:17px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:12px;font-weight:800}
.conditions{background:var(--cream);padding:44px 0}
.conditions h2{text-align:center;font-family:"Aktiv Grotesk",Arial,sans-serif;font-weight:700;font-size:38px;margin:0 0 34px}
.condition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.condition{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:start}
.condition-icon{width:48px;height:48px;border-radius:50%;background:#F2F5E6;border:1px solid #E1E7CC;display:grid;place-items:center;font-weight:700;color:#6f8b29}
.condition h3{font-family:"Aktiv Grotesk",Arial,sans-serif;font-size:20px;font-weight:700;margin:0 0 4px}
.condition p{font-size:14px;margin:0}

/* gallery */
.filter-bar{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:0 0 32px}
.filter-btn{padding:10px 27px;border:1px solid #bfc5bf;border-radius:24px;background:#fff;color:var(--green);font-weight:700;cursor:pointer}
.filter-btn.active{background:var(--lime);border-color:var(--lime)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gallery-item{border-radius:var(--radius-sm);overflow:hidden;min-height:230px}
.gallery-item img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.25/1}
.gallery-item.hidden{display:none}

/* contact footer */
.contact-footer{padding:0 0 48px}
.contact-panel{border:1px solid #adb4ae;border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1.35fr .92fr .92fr;background:#fff}
.contact-col{padding:30px 34px;min-height:310px}
.contact-col + .contact-col{border-left:1px solid #c1c6c2}
.contact-panel h2{font-family:"Aktiv Grotesk",Arial,sans-serif;font-weight:700;font-size:40px;margin:0 0 25px}
.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #909a93;padding:10px 2px;background:transparent;margin-bottom:10px;outline:none;font-size:14px}
.contact-form textarea{resize:vertical;min-height:66px}
.form-row-right{text-align:right;margin-top:10px}
.contact-details strong{display:block;margin-bottom:2px}
.contact-details .block{margin-bottom:20px}
.company-logo{width:190px;margin:40px auto 0}
.footer-bottom{grid-column:1/-1;border-top:1px solid #c1c6c2;display:grid;grid-template-columns:1.35fr .92fr .92fr;font-size:12px}
.footer-bottom > div{padding:16px 34px}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.notice{padding:12px 14px;border-radius:12px;background:#eff7d0;margin-bottom:12px;font-size:14px}

/* contact page */
.contact-page{padding-bottom:30px}
.contact-hero-image{width:min(1720px,calc(100% - 120px));margin:0 auto;height:310px;border-radius:38px;object-fit:cover}
.contact-main{width:min(1650px,calc(100% - 160px));margin:60px auto 65px;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:65px}
.contact-main h2{font-family:"Aktiv Grotesk",Arial,sans-serif;font-size:54px;font-weight:700;margin:0 0 34px}
.contact-main .contact-form textarea{min-height:85px}
.contact-page-footer{width:min(1650px,calc(100% - 160px));margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;font-size:14px;padding:30px 0}

/* default */
.default-page{padding:80px 0;min-height:55vh}

@media (max-width:1000px){
  body{font-size:16px}
  .container{width:min(100% - 36px,var(--container))}
  .site-header .inner{height:82px}
  .site-logo img{width:165px}
  .main-nav{display:none;position:absolute;top:82px;left:18px;right:18px;background:white;border:1px solid #ddd;border-radius:22px;padding:22px;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 20px 40px rgba(18,49,30,.12)}
  .main-nav.open{display:flex}
  .menu-toggle{display:block}
  .home-nav-pill{display:none}
  .home-brand-tab{width:220px}
  .home-hero{min-height:620px}
  .home-hero-content{left:28px;right:28px;top:230px;width:auto}
  .inner-hero-grid,.about-grid,.home-start-grid,.split-info{grid-template-columns:1fr;gap:35px}
  .hero-photo{height:360px}
  .stats-grid{grid-template-columns:1fr 1fr}
  .card-grid{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:repeat(3,1fr)}
  .timeline-item:nth-child(3n):after{display:none}
  .condition-grid{grid-template-columns:1fr 1fr}
  .gallery-grid{grid-template-columns:1fr 1fr}
  .contact-panel{grid-template-columns:1fr}
  .contact-col+.contact-col{border-left:0;border-top:1px solid #c1c6c2}
  .footer-bottom{grid-template-columns:1fr}
  .contact-main{width:min(100% - 48px,900px);grid-template-columns:1fr 1fr}
  .contact-main .contact-form{grid-column:1/-1}
  .contact-page-footer{width:min(100% - 48px,900px);grid-template-columns:1fr 1fr}
}

@media (max-width:680px){
  .section{padding:48px 0}
  .inner-hero{padding-bottom:38px}
  .inner-hero-copy{padding-left:0}
  .inner-hero-copy h1{font-size:44px}
  .hero-photo{height:280px}
  .home-hero{min-height:590px}
  .home-hero h1{font-size:38px}
  .stats-grid,.card-grid,.timeline,.condition-grid,.gallery-grid,.gallery-strip{grid-template-columns:1fr}
  .timeline-item:after{display:none}
  .cta-banner{grid-template-columns:1fr}
  .cta-image{min-height:220px}
  .quality-grid{grid-template-columns:1fr}
  .quality-col+.quality-col{border-left:0;border-top:1px solid #aeb8b0;padding-top:24px;margin-top:20px}
  .contact-hero-image{width:calc(100% - 32px);height:230px}
  .contact-main{width:calc(100% - 36px);grid-template-columns:1fr;gap:28px;margin:38px auto}
  .contact-main .contact-form{grid-column:auto}
  .contact-page-footer{width:calc(100% - 36px);grid-template-columns:1fr}
}


/* === FINALNE DOPASOWANIE DO PRZEKAZANYCH PROJEKTÓW === */
body, button, input, textarea, .main-nav, .home-nav-pill, .copy, p, li, a{
  font-family:"aktiv-grotesk","Aktiv Grotesk",Arial,Helvetica,sans-serif;
}
h1,h2,h3,.display,.section-title,.card-title,.timeline-title,.timeline-tag,
.inner-hero-copy h1,.split-info h2,.conditions h2,.contact-panel h2,.contact-main h2,
.home-start-grid h2,.home-hero h1,.info-card h3,.about-points h2,.about-points h3,
.cta-copy h2{
  font-family:"massilia",sans-serif !important;
  font-weight:500 !important;
}
/* Tytuły desktop – odpowiadają projektowi; skala mobilna pozostaje responsywna */
@media (min-width:1001px){
  .inner-hero-copy h1{font-size:60px;line-height:1.02}
}
.condition-icon{overflow:hidden;padding:8px;background:#F5F6E9}
.condition-icon img{width:100%;height:100%;object-fit:contain}

/* Kontakt – hero z tekstem na zdjęciu jak w przekazanym layoucie */
.contact-hero-block{
  width:min(1720px,calc(100% - 120px));
  height:310px;
  margin:0 auto;
  position:relative;
  border-radius:38px;
  overflow:hidden;
  background:var(--green);
}
.contact-hero-block:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(18,49,30,.92) 0%,rgba(18,49,30,.54) 29%,rgba(18,49,30,.08) 58%,rgba(18,49,30,0) 78%);
  pointer-events:none;
}
.contact-hero-block .contact-hero-image{width:100%;height:100%;margin:0;object-fit:cover;border-radius:0}
.contact-hero-copy{
  position:absolute;z-index:2;left:54px;top:50%;transform:translateY(-50%);
  color:#fff;font-family:"massilia",sans-serif;font-weight:500;font-size:60px;line-height:1.02;
}
.contact-hero-copy span{color:var(--lime)}

/* Równe marginesy / odległości między modułami */
.inner-hero-grid,.about-grid,.split-info{align-items:center}
.card-grid,.gallery-grid,.stats-grid{align-items:stretch}
.contact-panel{margin-top:0}

@media (max-width:1000px){
  .contact-hero-block{width:min(100% - 36px,900px);height:260px;border-radius:28px}
  .contact-hero-copy{left:28px;font-size:44px}
}

/* Strzałka CTA dostarczona przez użytkownika – stosowana globalnie we wszystkich .btn */
.btn span{display:none!important}
.btn::after{content:"";display:block;flex:0 0 19px;width:19px;height:18px;background:url('assets/images/strzalka.svg') center/contain no-repeat}

/* =========================================================
   AGRO SNAILS 2.0 — EDITABLE MEDIA / FINAL OVERRIDES
   ========================================================= */
:root{--lime:#CED94E;--green:#12311E;--cream:#FFFBF5}
body{background:#fff}

/* Massilia + bezpieczny fallback dla polskich znaków */
h1,h2,h3,.display,.section-title,.timeline-title,.timeline-tag,.inner-hero-copy h1,.cta-copy h2,.contact-panel h2,.contact-main h2{
  font-family:"massilia","aktiv-grotesk","Arial",sans-serif!important;
  font-weight:500!important;
}
body,p,a,li,input,textarea,button,strong{font-family:"aktiv-grotesk","Arial",sans-serif}

/* Media library images: zoom on hover without changing layout */
.agro-media{overflow:hidden}
.agro-media img{transition:transform .38s ease;will-change:transform}
.agro-media:hover img{transform:scale(1.035)}
.hero-photo-wrap,.about-main-image,.quality-image,.info-card-image,.cta-image-media,.gallery-tile{overflow:hidden}

/* Global buttons + arrow from Media Library */
.btn,.wpcf7 button.btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:15px;
  padding:13px 22px;border-radius:999px;border:1px solid var(--lime);background:var(--lime);color:var(--green);
  font-weight:700;line-height:1.15;cursor:pointer;transition:background-color .22s,color .22s,border-color .22s;
}
.btn .btn-label{display:inline!important}
.btn .btn-arrow,.wpcf7 button.btn .btn-arrow{
  display:block!important;width:18px;height:18px;flex:0 0 18px;background-color:currentColor;
  -webkit-mask-image:var(--agro-arrow-mask);mask-image:var(--agro-arrow-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;
}
.btn:after{display:none!important}
.btn:hover,.btn:focus-visible,.wpcf7 button.btn:hover{background:var(--green)!important;border-color:var(--green)!important;color:var(--lime)!important}
.btn.white{background:#fff!important;border-color:#fff!important;color:var(--green)!important}
.btn.white:hover,.btn.white:focus-visible{background:var(--green)!important;border-color:var(--green)!important;color:var(--lime)!important}
.agro-submit-button{appearance:none}

/* Main navigation */
.main-nav,.home-nav-pill{align-items:center}
.agro-menu-list{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0}
.agro-menu-list a{transition:color .2s ease}
.agro-menu-list a:hover,.agro-menu-list a:focus-visible,.agro-menu-list .current-menu-item>a,.agro-menu-list .current_page_item>a,.agro-menu-list .current-menu-ancestor>a{color:var(--lime)!important}
.main-nav a:after,.main-nav a.current:after{display:none!important}
.agro-languages{display:flex;gap:9px;align-items:center;margin-left:6px}
.agro-languages a,.agro-languages span{font-weight:700}
.agro-languages .current-lang{color:var(--lime)}

/* Header / mobile hamburger */
.menu-toggle{width:46px;height:46px;padding:6px;border:0;background:transparent;display:none;align-items:center;justify-content:center;cursor:pointer}
.menu-toggle img{width:100%;height:100%;object-fit:contain}
.site-logo-img{width:100%;height:auto}

/* Footer: logo lower and aligned left, clickable phone/email */
.contact-details a,.contact-data-column a{display:block;width:max-content;max-width:100%;font-weight:600}
.contact-details a:hover,.contact-data-column a:hover,.footer-social a:hover,.footer-links a:hover,.footer-privacy a:hover{color:var(--lime)}
.company-col{display:flex;flex-direction:column;align-items:flex-start}
.company-copy{width:100%}
.company-logo{display:block;width:205px;margin:48px 0 0!important;align-self:flex-start}
.company-logo img{width:100%;height:auto;object-fit:contain;object-position:left center}
.footer-social{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.footer-social span{width:100%;font-size:11px}
.footer-privacy small{display:block;margin-top:9px}

/* CF7 follows exact form style */
.wpcf7-form p{margin:0}
.wpcf7-form label{display:block;font-size:11px;margin:0}
.wpcf7-form-control-wrap{display:block}
.wpcf7 input:not([type=submit]),.wpcf7 textarea,.wpcf7 select{width:100%;border:0;border-bottom:1px solid #909a93;background:transparent;padding:10px 2px;outline:none;border-radius:0;color:var(--green)}
.wpcf7 textarea{min-height:70px;resize:vertical}
.wpcf7 .form-row-right{text-align:right;margin-top:14px}
.wpcf7-response-output{font-size:13px;margin:12px 0!important;padding:8px 10px!important}

/* CTA now uses editable <img>, not CSS background */
.cta-banner-image{position:relative;grid-template-columns:1fr 1.1fr}
.cta-image-media{min-height:280px;height:100%}
.cta-image-img{width:100%;height:100%;min-height:280px;object-fit:cover;object-position:center}

/* Gallery admin content */
.gallery-page-section{padding:25px 0 62px}
.gallery-empty{grid-column:1/-1;padding:35px;border:1px dashed #aab3ac;border-radius:20px;text-align:center}
.gallery-item{margin:0}

/* New grower cards */
.method-title{text-align:center}.method-copy{text-align:center;max-width:800px;margin:0 auto 40px}.new-grower-grid .info-card{padding-bottom:10px}.new-grower-grid .info-card-image{margin-top:auto;border-radius:18px}.new-grower-grid .info-card-image img{height:180px;width:100%;object-fit:cover;margin:0}

/* Contact page layout */
.contact-block{margin-bottom:38px}.contact-block strong{display:block;font-size:23px;margin-bottom:8px}.contact-form-column h2 span{color:var(--lime)}
.container-simple-footer{border-top:1px solid #d7dcd8;padding:28px 0 35px}.footer-mini-links{display:flex;gap:25px;flex-wrap:wrap}.container-simple-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;font-size:13px}.container-simple-footer .footer-social,.container-simple-footer .footer-privacy{align-content:start}

/* About timeline — preserve line also on mobile as a zig-zag/continuous path */
@media(max-width:680px){
  .timeline{display:block;padding-left:28px;position:relative}
  .timeline:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:1px;background:#7f917f}
  .timeline-item{min-height:0;padding:0 0 30px 20px;position:relative}
  .timeline-item:before{left:-25px;top:7px;width:9px;height:9px}
  .timeline-item:after{display:block!important;left:-20px;top:11px;width:20px;height:1px;background:#7f917f}
  .timeline-item:nth-child(even){margin-left:18px}
}

@media(max-width:1000px){
  .menu-toggle{display:flex;position:relative;z-index:50}
  .site-header .inner{position:relative}
  .main-nav,.home-nav-pill{display:none!important;position:absolute!important;top:76px;left:18px;right:18px;width:auto!important;height:auto!important;margin:0!important;background:#fff!important;color:var(--green)!important;border:1px solid #e2e5e2;border-radius:24px!important;padding:18px 22px!important;box-shadow:0 18px 45px rgba(18,49,30,.12);z-index:45}
  .main-nav.open,.home-nav-pill.open{display:block!important}
  .agro-menu-list{flex-direction:column;align-items:stretch;gap:0}
  .agro-menu-list li a{display:block;padding:11px 0;font-size:18px}
  .agro-languages{border-top:1px solid #e5e8e4;padding-top:12px;margin:6px 0 0}
  .container-simple-footer{grid-template-columns:1fr}
}

/* =========================================================
   AGRO SNAILS 2.0.1 — MOBILE MENU + FOOTER LOGO FIX
   ========================================================= */
.company-logo,
.company-logo-img{
  visibility:visible!important;
  opacity:1!important;
}
.company-logo{display:block!important;align-self:flex-start!important;line-height:0}
.company-logo-img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important}

@media (max-width:1000px){
  .site-header{position:relative!important;z-index:1000!important;overflow:visible!important}
  .site-header .inner{position:relative!important;overflow:visible!important}
  .menu-toggle{display:flex!important;flex:0 0 46px!important;position:relative!important;z-index:1002!important;margin-left:auto!important}
  .menu-toggle-icon{display:block!important;width:34px!important;height:34px!important;object-fit:contain!important;pointer-events:none!important}

  .main-nav,
  .home-nav-pill,
  .home-nav-pill-v2{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:18px!important;
    right:18px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:18px 22px!important;
    background:#fff!important;
    color:var(--green)!important;
    border:1px solid #e2e5e2!important;
    border-radius:24px!important;
    box-shadow:0 18px 45px rgba(18,49,30,.16)!important;
    z-index:1001!important;
  }
  .main-nav.open,
  .home-nav-pill.open,
  .home-nav-pill-v2.open{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .main-nav .agro-menu-list,
  .home-nav-pill .agro-menu-list,
  .home-nav-pill-v2 .agro-menu-list{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:0!important}
  .main-nav .agro-menu-list li,
  .home-nav-pill .agro-menu-list li,
  .home-nav-pill-v2 .agro-menu-list li{width:100%!important}
  .main-nav .agro-menu-list a,
  .home-nav-pill .agro-menu-list a,
  .home-nav-pill-v2 .agro-menu-list a{display:block!important;width:100%!important;padding:11px 0!important;font-size:18px!important;line-height:1.25!important}
  .main-nav .agro-languages,
  .home-nav-pill .agro-languages,
  .home-nav-pill-v2 .agro-languages{display:flex!important;width:100%!important;margin:7px 0 0!important;padding-top:12px!important;border-top:1px solid #e5e8e4!important}

  /* Homepage header lives inside the hero instead of .site-header. */
  .hero-top-v2{overflow:visible!important;z-index:1000!important;padding-right:18px!important}
  .home-menu-toggle{display:flex!important;position:absolute!important;right:18px!important;top:8px!important;margin:0!important;background:#fff!important;border-radius:50%!important;box-shadow:0 4px 18px rgba(18,49,30,.14)!important}
  .hero-top-v2 .home-nav-pill-v2{top:72px!important;left:18px!important;right:18px!important}

  .company-logo{width:185px!important;margin:36px 0 0!important}
  .company-col{align-items:flex-start!important}
}


/* =========================================================
   AGRO SNAILS 2.0.2 — requested visual refinements
   ========================================================= */
/* Skup: clean white class-image field, without the brown panel. */
.quality-image{background:#fff!important;border-radius:0!important}
.quality-image img,.quality-col img{background:#fff!important}

/* Skup: original condition icons, 20% larger, no circle/frame/background. */
.condition{grid-template-columns:64px 1fr;gap:16px}
.condition-icon{
  width:58px!important;height:58px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;display:flex!important;
  align-items:flex-start!important;justify-content:center!important;
}
.condition-icon img{width:58px!important;height:58px!important;max-width:none!important;object-fit:contain!important;background:transparent!important}

/* Contact: commercial-department headings IT/FR 20% smaller. */
.contact-main > .contact-data-column:nth-child(2) .contact-block strong{font-size:18.4px!important;line-height:1.2}

/* Reliable hamburger fallback. If the Media SVG loads, it remains the preferred icon. */
@media(max-width:1000px){
  .menu-toggle{position:relative!important;color:var(--green)!important}
  .menu-toggle:before{
    content:"";position:absolute;left:50%;top:50%;width:27px;height:2px;
    background:var(--green);transform:translate(-50%,-50%);
    box-shadow:0 -8px 0 var(--green),0 8px 0 var(--green);z-index:1;
  }
  .menu-toggle.has-icon:before{display:none}
  .menu-toggle-icon{position:relative;z-index:2}
}


/* =========================================================
   AGRO SNAILS 2.0.3 — MOBILE HOME MENU BACKGROUND FIX
   ========================================================= */
@media (max-width:1000px){
  .home-custom .hero-top-v2{
    overflow:visible!important;
    z-index:1200!important;
  }
  .home-custom .home-menu-toggle{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:1220!important;
  }
  .home-custom .hero-top-v2 .home-nav-pill-v2{
    position:absolute!important;
    display:none!important;
    top:70px!important;
    left:auto!important;
    right:14px!important;
    width:min(330px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    height:auto!important;
    min-height:0!important;
    padding:16px 20px!important;
    margin:0!important;
    background:#fff!important;
    background-color:#fff!important;
    color:#12311E!important;
    border:1px solid rgba(18,49,30,.12)!important;
    border-radius:22px!important;
    box-shadow:0 16px 40px rgba(18,49,30,.22)!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    isolation:isolate!important;
    z-index:1210!important;
  }
  .home-custom .hero-top-v2 .home-nav-pill-v2.open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .home-custom .hero-top-v2 .home-nav-pill-v2 .agro-menu-list,
  .home-custom .hero-top-v2 .home-nav-pill-v2 .agro-menu-list li,
  .home-custom .hero-top-v2 .home-nav-pill-v2 .agro-menu-list a,
  .home-custom .hero-top-v2 .home-nav-pill-v2 .agro-languages{
    background:#fff!important;
    background-color:#fff!important;
  }
  .home-custom .hero-top-v2 .home-nav-pill-v2 .agro-menu-list{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
  }
  .home-custom .hero-top-v2 .home-nav-pill-v2 .agro-menu-list li{
    width:100%!important;
    margin:0!important;
  }
  .home-custom .hero-top-v2 .home-nav-pill-v2 .agro-menu-list a{
    display:block!important;
    width:100%!important;
    padding:11px 4px!important;
    font-size:17px!important;
    line-height:1.2!important;
    color:#12311E!important;
  }
  .home-custom .hero-top-v2 .home-nav-pill-v2 .agro-menu-list a:hover,
  .home-custom .hero-top-v2 .home-nav-pill-v2 .agro-menu-list a:focus-visible,
  .home-custom .hero-top-v2 .home-nav-pill-v2 .current-menu-item>a,
  .home-custom .hero-top-v2 .home-nav-pill-v2 .current_page_item>a{
    color:#CED94E!important;
  }
  .home-custom .hero-top-v2 .home-nav-pill-v2 .agro-languages{
    width:100%!important;
    display:flex!important;
    gap:12px!important;
    margin:6px 0 0!important;
    padding:12px 4px 2px!important;
    border-top:1px solid #e5e8e4!important;
  }
}


/* =========================================================
   AGRO SNAILS 2.0.4 — CLICK-TO-OPEN LANGUAGE DROPDOWN
   Inspired by the compact language switcher on chocolateguru.eu:
   current language visible, alternatives unfold vertically below.
   ========================================================= */
.agro-language-dropdown{
  position:relative!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  margin-left:10px!important;
  padding:0!important;
  border:0!important;
}
.agro-lang-current{
  appearance:none;-webkit-appearance:none;
  border:0;background:transparent;color:var(--green);
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-width:42px;padding:8px 5px;
  font:inherit;font-weight:700;line-height:1;cursor:pointer;
  transition:color .2s ease;
}
.agro-lang-current:hover,.agro-lang-current:focus-visible{color:var(--lime);outline:none}
.agro-lang-chevron{
  width:7px;height:7px;display:inline-block;
  border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transform-origin:center;transition:transform .2s ease;
}
.agro-language-dropdown.is-open .agro-lang-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.agro-lang-list{
  display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);
  min-width:58px;margin-top:4px;padding:6px 0;background:#fff;
  border-radius:10px;box-shadow:0 10px 26px rgba(18,49,30,.14);
  z-index:1500;overflow:hidden;
}
.agro-language-dropdown.is-open .agro-lang-list{display:flex;flex-direction:column;align-items:stretch}
.agro-lang-list a{
  display:block!important;width:100%!important;padding:7px 12px!important;margin:0!important;
  text-align:center!important;color:var(--green)!important;font:inherit!important;font-weight:700!important;
  line-height:1.1!important;background:#fff!important;white-space:nowrap;
}
.agro-lang-list a:hover,.agro-lang-list a:focus-visible{color:var(--lime)!important;background:#fff!important}
.agro-language-dropdown.is-single{margin-left:10px!important}
.agro-language-dropdown.is-single .agro-lang-current.static{cursor:default}

@media(max-width:1000px){
  .main-nav .agro-language-dropdown,
  .home-nav-pill .agro-language-dropdown,
  .home-nav-pill-v2 .agro-language-dropdown{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    width:100%!important;margin:7px 0 0!important;padding:12px 0 0!important;
    border-top:1px solid #e5e8e4!important;
  }
  .main-nav .agro-lang-current,
  .home-nav-pill .agro-lang-current,
  .home-nav-pill-v2 .agro-lang-current{
    width:100%!important;justify-content:flex-start!important;padding:10px 4px!important;
    font-size:17px!important;gap:9px!important;
  }
  .main-nav .agro-lang-list,
  .home-nav-pill .agro-lang-list,
  .home-nav-pill-v2 .agro-lang-list{
    position:static!important;transform:none!important;width:100%!important;min-width:0!important;
    margin:0!important;padding:0 0 2px 0!important;border-radius:0!important;box-shadow:none!important;
  }
  .main-nav .agro-lang-list a,
  .home-nav-pill .agro-lang-list a,
  .home-nav-pill-v2 .agro-lang-list a{
    text-align:left!important;padding:9px 4px 9px 18px!important;font-size:16px!important;
  }
}


/* =========================================================
   AGRO SNAILS 2.0.5 — requested UI corrections
   ========================================================= */
/* Global polish-text safety: prefer the Latin-ext capable grotesk for editable
   headline areas that showed broken Polish diacritics in the browser. */
.section-title,.timeline-title,.timeline-tag,.contact-panel h2,.contact-main h2,.home-cta-copy h2,.cta-copy h2,.home-start-copy h2,.home-scale-title,.about-points h2,.about-points h3,.inner-hero-copy h1,.home-hero h1,.home-hero-content-v2 h1{
  font-family:"aktiv-grotesk","Arial",sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}

/* Homepage CTA: round the left side as well, like in the original mockup. */
.home-cta-v2{border-radius:34px!important}
@media(max-width:680px){.home-cta-v2{border-radius:28px!important}}

/* Snail separator badge: remove the grey outline artefact. */
.snail-badge-v2{border:0!important;box-shadow:none!important;overflow:hidden!important;background:transparent!important}
.snail-badge-v2 img{border:0!important;box-shadow:none!important;transform:scale(1.02)!important;display:block!important}

/* Skup CTA on desktop: move the hand further left so it is more visible. */
.page-template-page-skup .cta-image-img,
.page-template-page-skup-php .cta-image-img{object-position:62% center!important}

/* Mobile: hide the hand image in the lower CTAs and keep the clean green card only. */
@media(max-width:680px){
  .page-template-page-skup .cta-banner-image,
  .page-template-page-skup-php .cta-banner-image,
  .page-template-page-o-nas .cta-banner-image,
  .page-template-page-o-nas-php .cta-banner-image{grid-template-columns:1fr!important}

  .page-template-page-skup .cta-image-media,
  .page-template-page-skup-php .cta-image-media,
  .page-template-page-o-nas .cta-image-media,
  .page-template-page-o-nas-php .cta-image-media{display:none!important}

  .page-template-page-skup .cta-copy,
  .page-template-page-skup-php .cta-copy,
  .page-template-page-o-nas .cta-copy,
  .page-template-page-o-nas-php .cta-copy{max-width:none!important;width:100%!important;padding-right:26px!important}
}

/* About timeline on mobile: align dots, line and years in one clean column. */
@media(max-width:680px){
  .timeline{display:block!important;position:relative!important;padding-left:40px!important}
  .timeline:before{content:"";position:absolute;left:13px!important;top:10px!important;bottom:12px!important;width:2px!important;background:#97A598!important}
  .timeline-item{position:relative!important;margin:0!important;padding:0 0 32px 42px!important;min-height:0!important}
  .timeline-item:nth-child(even){margin-left:0!important}
  .timeline-item:before{left:-34px!important;top:6px!important;width:14px!important;height:14px!important;background:#12311E!important;border-radius:50%!important}
  .timeline-item:after{display:block!important;left:-20px!important;top:13px!important;width:18px!important;height:2px!important;background:#97A598!important}
  .timeline-year{font-size:18px!important;line-height:1!important;margin:0 0 12px!important}
}


/* =========================================================
   AGRO SNAILS 2.0.6 — typography, mobile timeline and overflow fixes
   ========================================================= */
/* The Adobe Massilia kit used on the site does not render every Polish glyph
   consistently. On the Polish version use one complete font for the whole
   heading, instead of mixing fallback glyphs within a word. */
html[lang^="pl"] h1,
html[lang^="pl"] h2,
html[lang^="pl"] h3,
html[lang^="pl"] .display,
html[lang^="pl"] .section-title,
html[lang^="pl"] .timeline-title,
html[lang^="pl"] .timeline-tag,
html[lang^="pl"] .contact-panel h2,
html[lang^="pl"] .contact-main h2,
html[lang^="pl"] .cta-copy h2,
html[lang^="pl"] .inner-hero-copy h1{
  font-family:"aktiv-grotesk",Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
}
h1,h2,h3{overflow-wrap:normal;word-break:normal;hyphens:auto;text-wrap:balance}
p,li{overflow-wrap:break-word;text-wrap:pretty}
.btn{max-width:100%;white-space:normal}

/* Remove any theme-level edge around the separator artwork. */
.snail-badge,.snail-badge-v2,.snail-badge-img{border:0!important;outline:0!important;box-shadow:none!important}

@media(max-width:680px){
  /* Mobile timeline: line -> dot -> horizontal connector -> date, all aligned. */
  .timeline{padding-left:38px!important;overflow:visible!important}
  .timeline:before{left:12px!important;width:2px!important;background:#91A092!important}
  .timeline-item{padding-left:66px!important;padding-bottom:34px!important;overflow:visible!important}
  .timeline-item:before{left:-32px!important;top:5px!important;width:15px!important;height:15px!important}
  .timeline-item:after{left:-18px!important;top:12px!important;width:72px!important;height:2px!important;background:#91A092!important}
  .timeline-year{position:relative;z-index:2;margin:0 0 12px!important;font-size:20px!important;background:var(--cream);display:inline-block;padding-right:7px}

  /* No mobile copy or button may leave its rounded card. */
  .cta-banner,.cta-copy,.contact-panel,.contact-col,.info-card{min-width:0!important;max-width:100%!important}
  .cta-copy{padding:28px 24px!important}
  .cta-copy h2{font-size:clamp(32px,10vw,42px)!important;line-height:1.05!important;max-width:100%!important}
  .cta-copy p{font-size:17px!important;line-height:1.42!important;max-width:100%!important}
  .btn{font-size:17px!important;padding:13px 20px!important}
  .contact-panel h2{font-size:clamp(30px,9vw,40px)!important;line-height:1.05!important}
}


/* =========================================================
   AGRO SNAILS 2.0.7 — Polish glyph safety + mobile CTA cleanup
   ========================================================= */
html[lang^="pl"] body,
html[lang^="pl"] p,
html[lang^="pl"] li,
html[lang^="pl"] a,
html[lang^="pl"] input,
html[lang^="pl"] textarea,
html[lang^="pl"] button,
html[lang^="pl"] .copy,
html[lang^="pl"] .main-nav,
html[lang^="pl"] .home-nav-pill,
html[lang^="pl"] .btn,
html[lang^="pl"] .btn .btn-label,
html[lang^="pl"] .hero-kicker,
html[lang^="pl"] .home-check-list,
html[lang^="pl"] .contact-details,
html[lang^="pl"] .contact-data-column,
html[lang^="pl"] .timeline-item,
html[lang^="pl"] .timeline-year,
html[lang^="pl"] .stat,
html[lang^="pl"] .stat strong,
html[lang^="pl"] .home-scale-copy,
html[lang^="pl"] .cta-copy,
html[lang^="pl"] .home-cta-copy,
html[lang^="pl"] .home-start-copy,
html[lang^="pl"] .contact-panel,
html[lang^="pl"] .contact-main{
  font-family:"aktiv-grotesk","Aktiv Grotesk",Arial,Helvetica,sans-serif!important;
  font-style:normal!important;
}
html[lang^="pl"] h1,
html[lang^="pl"] h2,
html[lang^="pl"] h3,
html[lang^="pl"] .display,
html[lang^="pl"] .section-title,
html[lang^="pl"] .card-title,
html[lang^="pl"] .timeline-title,
html[lang^="pl"] .timeline-tag,
html[lang^="pl"] .inner-hero-copy h1,
html[lang^="pl"] .split-info h2,
html[lang^="pl"] .conditions h2,
html[lang^="pl"] .contact-panel h2,
html[lang^="pl"] .contact-main h2,
html[lang^="pl"] .home-start-grid h2,
html[lang^="pl"] .home-hero h1,
html[lang^="pl"] .info-card h3,
html[lang^="pl"] .about-points h2,
html[lang^="pl"] .about-points h3,
html[lang^="pl"] .cta-copy h2,
html[lang^="pl"] .home-cta-copy h2,
html[lang^="pl"] .home-scale-title,
html[lang^="pl"] .home-hero-content-v2 h1,
html[lang^="pl"] .timeline-year,
html[lang^="pl"] .stat-number{
  font-family:"aktiv-grotesk","Aktiv Grotesk",Arial,Helvetica,sans-serif!important;
  font-style:normal!important;
  font-weight:700!important;
}

/* New growers page: on mobile the CTA should be text only (without the image). */
@media(max-width:680px){
  .page-template-page-dla-nowych-hodowcow .cta-banner-image,
  .page-template-page-dla-nowych-hodowcow-php .cta-banner-image{
    grid-template-columns:1fr!important;
  }
  .page-template-page-dla-nowych-hodowcow .cta-image-media,
  .page-template-page-dla-nowych-hodowcow-php .cta-image-media{
    display:none!important;
  }
  .page-template-page-dla-nowych-hodowcow .cta-copy,
  .page-template-page-dla-nowych-hodowcow-php .cta-copy{
    width:100%!important;
  }
  .page-template-page-dla-nowych-hodowcow .cta-copy h2,
  .page-template-page-dla-nowych-hodowcow-php .cta-copy h2{
    hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    max-width:100%!important;
  }
}


/* =========================================================
   AGRO SNAILS 2.0.8 — text reveal animation
   Subtle slide/reveal inspired by chocolateguru.eu.
   ========================================================= */
html.agro-reveal-ready .agro-reveal{
  opacity:0;
  transform:translate3d(0,34px,0);
  transition:
    opacity .72s cubic-bezier(.22,.61,.36,1),
    transform .82s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--agro-reveal-delay,0ms);
  will-change:opacity,transform;
}
html.agro-reveal-ready .agro-reveal.agro-reveal-left{transform:translate3d(-34px,0,0)}
html.agro-reveal-ready .agro-reveal.agro-reveal-right{transform:translate3d(34px,0,0)}
html.agro-reveal-ready .agro-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}
/* Hero feels like it slides out of its own frame. */
html.agro-reveal-ready .agro-hero-reveal{
  clip-path:inset(0 0 100% 0);
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:
    clip-path .9s cubic-bezier(.22,.61,.36,1),
    opacity .6s ease,
    transform .9s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--agro-reveal-delay,0ms);
}
html.agro-reveal-ready .agro-hero-reveal.is-visible{
  clip-path:inset(0 0 0 0);
  opacity:1;
  transform:none;
}
@media(max-width:680px){
  html.agro-reveal-ready .agro-reveal{transform:translate3d(0,24px,0)}
  html.agro-reveal-ready .agro-reveal.agro-reveal-left,
  html.agro-reveal-ready .agro-reveal.agro-reveal-right{transform:translate3d(0,24px,0)}
  html.agro-reveal-ready .agro-reveal.is-visible{transform:none}
}
@media(prefers-reduced-motion:reduce){
  html.agro-reveal-ready .agro-reveal,
  html.agro-reveal-ready .agro-hero-reveal{
    opacity:1!important;transform:none!important;clip-path:none!important;
    transition:none!important;will-change:auto!important;
  }
}

/* =========================================================
   AGRO SNAILS 2.0.12 — CTA jak na stronie głównej
   Zdjęcie dłoni działa jak pełnowysokościowe tło po prawej:
   stałe cover, bez ręcznego skalowania, z zielonym przyciemnieniem.
   ========================================================= */

/* Desktop / tablet */
@media (min-width:681px){
  .cta-banner-image{
    position:relative!important;
    display:block!important;
    min-height:280px!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:var(--green)!important;
  }

  /* Tekst pozostaje nad zdjęciem */
  .cta-banner-image .cta-copy{
    position:relative!important;
    z-index:3!important;
    width:55%!important;
    max-width:680px!important;
  }

  /* Zdjęcie jak w CTA na stronie głównej:
     pełna wysokość, prawa część bannera, bez transform/scale. */
  .cta-banner-image .cta-image-media{
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:60%!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
    background:var(--green)!important;
  }

  .cta-banner-image .cta-image-img{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:.58!important;
    transform:none!important;
    transition:none!important;
  }

  .cta-banner-image .cta-image-media:hover .cta-image-img{
    transform:none!important;
  }

  /* Zielony gradient jak na homepage:
     mocny przy tekście, delikatniejszy po prawej. */
  .cta-banner-image::after{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      linear-gradient(
        90deg,
        rgba(18,49,30,1) 0%,
        rgba(18,49,30,.98) 34%,
        rgba(18,49,30,.82) 48%,
        rgba(18,49,30,.42) 68%,
        rgba(18,49,30,.12) 100%
      )!important;
  }
}

/* Przy węższym tablecie zostawiamy ten sam sposób skalowania:
   cover + pozycjonowanie, a nie osobne powiększenia ręki. */
@media (max-width:1000px) and (min-width:681px){
  .cta-banner-image .cta-copy{
    width:60%!important;
    max-width:60%!important;
    padding-right:22px!important;
  }

  .cta-banner-image .cta-image-media{
    width:62%!important;
  }

  .cta-banner-image .cta-image-img{
    object-position:58% center!important;
  }

  .cta-banner-image::after{
    background:
      linear-gradient(
        90deg,
        rgba(18,49,30,1) 0%,
        rgba(18,49,30,.98) 38%,
        rgba(18,49,30,.78) 54%,
        rgba(18,49,30,.38) 75%,
        rgba(18,49,30,.10) 100%
      )!important;
  }
}

/* Telefon: zachowujemy dotychczasowe reguły motywu.
   Na Skup / O nas / Dla nowych hodowców obraz CTA jest ukrywany. */