/* ============================================
   MOTIVA — REDESIGN 2026 (v2.1)
   Homepage: header + hero + showcase
   Scoped classes (hdr / hero2 / showcase) so it
   does not collide with legacy style.css
   ============================================ */

:root {
    --mv-orange:      #EF8A22;
    --mv-orange-2:    #E07C1C;
    --mv-orange-dk:   #C96C22;
    --mv-brown:       #A9693A;
    --mv-brown-dk:    #8C5530;
    --mv-ink:         #23272E;
    --mv-ink-2:       #2A2F37;
    --mv-panel:       #1D2025;
    --mv-panel-2:     #16181C;
    --mv-muted:       #8A9099;
    --mv-line:        #ECECEC;
    --mv-sans:        'IBM Plex Sans', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* Global reset — strony ładujące sam home.css (bez legacy style.css)
   muszą mieć wyzerowany margines body i ciemne tło dokumentu */
html, body {
    margin: 0;
    padding: 0;
}

*, *::before, *::after { box-sizing: border-box; }

body {
    background: var(--mv-panel-2);
}

/* Hidden SVG sprite */
.mv-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

/* ============================================
   HEADER
   ============================================ */
.hdr {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--mv-ink);
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    font-family: var(--mv-sans);
}

.hdr__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Brand / logo */
.hdr__logo { display: inline-flex; align-items: center; }
.hdr__logo-img { height: 34px; width: auto; display: block; }

.hdr__nav {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-left: 22px;
}

.hdr a,
.mv-drawer a {
    text-decoration: none;
}

.hdr__nav a {
    font-size: 14px;
    font-weight: 600;
    color: #E4E7EB;
    white-space: nowrap;
    transition: color .15s ease;
}

.hdr__nav a:hover { color: var(--mv-orange); }

.hdr__cta {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    background: var(--mv-orange);
    color: #fff;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 12px 20px;
    border-radius: 4px;
    transition: background .15s ease;
}

.hdr__cta:hover { background: var(--mv-orange-dk); }

/* Burger */
.hdr__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    margin-left: auto;
    cursor: pointer;
    background: none;
    border: none;
}
.hdr__burger span {
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: transform .25s ease, opacity .25s ease;
}
.hdr__burger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hdr__burger.active span:nth-child(2) { opacity: 0; }
.hdr__burger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile drawer */
.mv-drawer {
    position: fixed;
    inset: 0 0 0 auto;
    width: min(320px, 82vw);
    background: var(--mv-ink);
    box-shadow: -20px 0 60px rgba(0,0,0,.4);
    transform: translateX(100%);
    transition: transform .3s ease;
    z-index: 1100;
    padding: 90px 28px 28px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-family: var(--mv-sans);
}
.mv-drawer.active { transform: translateX(0); }
.mv-drawer a {
    padding: 13px 4px;
    font-size: 16px;
    font-weight: 600;
    color: #E4E7EB;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.mv-drawer a:hover { color: var(--mv-orange); }
.mv-drawer__cta {
    margin-top: 16px;
    background: var(--mv-orange);
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    border: none !important;
}

/* ============================================
   HERO
   ============================================ */
.hero2 {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #8FCDE8 0%, #B9E0EF 45%, #DCF0F7 100%);
    font-family: var(--mv-sans);
}

.hero2__scene {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.hero2__scene svg,
.hero2__scene img {
    width: 100%;
    height: 100%;
    display: block;
}
.hero2__scene img {
    object-fit: cover;
    filter: saturate(.95) contrast(.98);
}
.hero2__scene::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(22, 24, 28, .16), rgba(22, 24, 28, .03) 52%, rgba(22, 24, 28, .18));
}

.hero2__arrow {
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-45%);
    width: 360px;
    height: 470px;
    z-index: 2;
    pointer-events: none;
    filter: drop-shadow(0 18px 28px rgba(160, 88, 20, .3));
}
.hero2__arrow svg { width: 100%; height: 100%; display: block; }

.hero2__inner {
    position: relative;
    z-index: 3;
    max-width: 1200px;
    margin: 0 auto;
    padding: 74px 24px 168px;
    display: flex;
    justify-content: center;
}

.hero2__card {
    width: 100%;
    max-width: 640px;
    background: var(--mv-ink);
    border-radius: 8px;
    padding: 34px 40px 36px;
    box-shadow: 0 34px 70px rgba(20, 30, 40, .32);
}

.hero2__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.hero2__title {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.15;
    margin: 0;
}
.hero2__logo-img { height: 34px; width: auto; flex-shrink: 0; display: block; }

.hero2__text {
    color: #C4C9D0;
    font-size: 13.5px;
    line-height: 1.7;
    margin: 18px 0 24px;
    max-width: 400px;
}

.hero2__btns { display: flex; flex-wrap: wrap; gap: 12px; }
.hero2__btns a {
    background: var(--mv-brown);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 11px 26px;
    border-radius: 4px;
    transition: background .15s ease, transform .15s ease;
}
.hero2__btns a:hover { background: var(--mv-brown-dk); transform: translateY(-1px); }

/* ============================================
   SHOWCASE (section below hero)
   ============================================ */
.showcase {
    background: var(--mv-panel);
    padding: 0 0 96px;
    font-family: var(--mv-sans);
}

.showcase__grid {
    position: relative;
    z-index: 5;
    max-width: 1000px;
    margin: -78px auto 0;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
    align-items: start;
}

.showcase__col {
    display: flex;
    flex-direction: column;
    gap: 26px;
}
.showcase__col--offset { margin-top: 74px; }

.scard {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .28);
}

.scard--text {
    background: #fff;
    padding: 32px 32px 40px;
    display: flex;
    flex-direction: column;
}
.scard--text.is-tall { min-height: 360px; }

.scard__title {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--mv-ink);
    margin: 0;
}
.scard__rule {
    width: 72px;
    height: 3px;
    background: var(--mv-orange);
    margin: 14px 0 20px;
    border-radius: 2px;
}
.scard__text {
    color: var(--mv-muted);
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
}

.scard--img {
    aspect-ratio: 16 / 11;
    background: linear-gradient(180deg, #8FCDE8, #DCF0F7);
}
.scard--img svg,
.scard--img img {
    width: 100%;
    height: 100%;
    display: block;
}
.scard--img img { object-fit: cover; }

/* ============================================
   BAND TITLES (Nasze oferty / Sprzedaż hurtowa)
   ============================================ */
.band-title {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.01em;
    text-align: center;
    margin: 0 0 6px;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 3px solid var(--mv-orange);
}
.band-title--light { color: #fff; }
.band-title--dark { color: var(--mv-ink); }

/* Tiles */
.tile {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 62px;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.tile:hover { transform: translateY(-2px); }

.tile--dark {
    background: linear-gradient(180deg, #4A505A 0%, #3A3F47 100%);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .3);
}
.tile--dark:hover { background: linear-gradient(180deg, #565D68 0%, #454B54 100%); }

.tile--orange {
    background: var(--mv-orange);
    box-shadow: 0 6px 14px rgba(180, 100, 20, .3);
}
.tile--orange:hover { background: var(--mv-orange-dk); }

/* ============================================
   NASZE OFERTY (dark band)
   ============================================ */
.offers {
    position: relative;
    overflow: hidden;
    background: var(--mv-panel-2);
    font-family: var(--mv-sans);
}

.offers__stripes {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: auto;
    max-width: 34%;
    z-index: 1;
    pointer-events: none;
}

.offers__inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 110px 24px 120px;
    text-align: center;
}

.offers__row {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 14px;
}

/* ============================================
   SPRZEDAŻ HURTOWA (light band)
   ============================================ */
.wholesale {
    position: relative;
    overflow: visible;
    font-family: var(--mv-sans);
}

.wholesale__scene {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
}
.wholesale__scene svg,
.wholesale__scene img {
    width: 100%;
    height: 100%;
    display: block;
}
.wholesale__scene img { object-fit: cover; }
.wholesale__scene::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(245, 247, 246, .82), rgba(245, 247, 246, .72));
}

/* Jeden duży trójkąt na styku obu taśm */
.wholesale__chevron {
    position: absolute;
    right: 0;
    top: -210px;
    width: 260px;
    height: 420px;
    z-index: 4;
    pointer-events: none;
    filter: drop-shadow(0 14px 24px rgba(160, 88, 20, .3));
}

.wholesale__inner {
    position: relative;
    z-index: 3;
    max-width: 1200px;
    margin: 0 auto;
    padding: 110px 24px 190px;
    text-align: center;
}

.wholesale__row {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 14px;
}

/* ============================================
   NASZE KATEGORIE
   ============================================ */
.cats {
    background: var(--mv-panel-2);
    font-family: var(--mv-sans);
    padding: 96px 0 150px;
}

.cats__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}

.cats__chevrons {
    margin: 22px auto 54px;
    width: 40px;
}
.cats__chevrons svg { width: 40px; height: 34px; display: block; }

.cats__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 56px;
    text-align: left;
}

.cat-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #23272E;
    border-radius: 6px;
    padding: 28px 26px 30px;
    min-height: 470px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}

.cat-card__head {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cat-card__icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--mv-orange);
    border-radius: 4px;
    color: var(--mv-orange);
}
.cat-card__icon svg { width: 15px; height: 15px; }

.cat-card__label {
    color: var(--mv-orange);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.cat-card__title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0 12px;
}

.cat-card__desc {
    color: #9AA1AB;
    font-size: 13px;
    line-height: 1.65;
    margin: 0 0 6px;
    padding-left: 14px;
}
.cat-card__desc strong { color: #C9CFD8; }

.cat-card__list {
    margin: 10px 0 0 32px;
    padding: 0;
    color: #9AA1AB;
    font-size: 12.5px;
    line-height: 1.9;
}
.cat-card__list li::marker { color: var(--mv-orange); }

.cat-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 0 14px;
}
.cat-card__tags span {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #C9CFD8;
    border: 1px solid #3A3F47;
    border-radius: 3px;
    padding: 3px 8px;
}

.cat-card__link {
    margin: 14px 0 0 14px;
    color: var(--mv-orange);
    font-size: 12.5px;
    font-weight: 600;
    align-self: flex-start;
}
.cat-card__link:hover { text-decoration: underline; }

.cat-card__btn {
    margin-top: auto;
    align-self: flex-start;
    background: var(--mv-orange);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 11px 18px;
    border-radius: 3px;
    transition: background .15s ease;
    position: relative;
    z-index: 2;
}
.cat-card__btn:hover { background: var(--mv-orange-dk); }

.cat-card__img {
    position: absolute;
    right: -26px;
    bottom: -42px;
    width: 47%;
    max-width: 165px;
    aspect-ratio: 3 / 3.8;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .35);
    z-index: 1;
    overflow: hidden;
    background: #23272E;
}
/* cienka pomarańczowa ramka przesunięta za zdjęciem */
.cat-card__img::after {
    content: '';
    position: absolute;
    inset: 0;
    transform: translate(13px, 13px);
    border-right: 3px solid var(--mv-orange-2);
    border-bottom: 3px solid var(--mv-orange-2);
    z-index: -1;
}
.cat-card__img svg,
.cat-card__img img {
    width: 100%;
    height: 100%;
    display: block;
}
.cat-card__img img { object-fit: cover; }

/* ============================================
   STREFA MAREK — wspólne tło z ozdobami
   (marka własna + partnerzy; linie przechodzą
   przez obie sekcje bez szwu)
   ============================================ */
.bzone {
    position: relative;
    overflow: hidden;
    background: #13161A;
}

.bzone__decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

/* wielki szewron na styku sekcji marki i partnerów */
.bz-chevleft {
    position: absolute;
    left: 0;
    top: 430px;
    width: 317px;
    height: 592px;
}

/* dwie cienkie linie tworzące trójkąt przy prawej krawędzi */
.bz-ribbon {
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 1180px;
}

/* ukośny pas ścinający prawy dolny narożnik */
.bz-tribr {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 261px;
    height: 348px;
}

/* Sekcja partnerów: minimalnie jaśniejsze tło niż marka własna (jak we wzorze) */
.bzone .section-dark.brands-section { background: rgba(255, 255, 255, .035); }
.bzone .brands-section .container { position: relative; z-index: 2; }

/* ============================================
   MARKA WŁASNA (AgroTECH)
   ============================================ */
.ownbrand {
    position: relative;
    font-family: var(--mv-sans);
    padding: 56px 0 38px;
}

.ownbrand__inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.ownbrand__name {
    flex: 1;
    color: #fff;
    font-size: 46px;
    font-weight: 800;
    letter-spacing: -0.01em;
    border-left: 10px solid var(--mv-orange);
    padding-left: 20px;
    line-height: 1.05;
}

.ownbrand__cardwrap {
    position: relative;
    width: 760px;
    max-width: 100%;
    min-height: 520px;
    flex-shrink: 0;
}

.ownbrand__card {
    position: relative;
    z-index: 2;
    width: 550px;
    min-height: 370px;
    background: #fff;
    border-radius: 2px;
    padding: 30px 34px 34px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 50px rgba(0, 0, 0, .4);
}

.ownbrand__title {
    color: var(--mv-ink);
    font-size: 21px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--mv-orange);
    align-self: flex-start;
}

.ownbrand__desc {
    color: var(--mv-muted);
    font-size: 13px;
    line-height: 1.7;
    margin: 14px 0 22px;
}

.ownbrand__btn {
    margin-top: auto;
    align-self: center;
    border: 1px solid var(--mv-orange);
    color: var(--mv-orange);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 11px 34px;
    border-radius: 2px;
    transition: background .15s ease, color .15s ease;
}
.ownbrand__btn:hover { background: var(--mv-orange); color: #fff; }

.ownbrand__img {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 167px;
    width: 420px;
    aspect-ratio: 6 / 5;
    box-shadow: 0 24px 50px rgba(0, 0, 0, .4);
    overflow: hidden;
    background: #23272E;
}
/* cienka pomarańczowa ramka przesunięta w prawy górny róg */
.ownbrand__img::after {
    content: '';
    position: absolute;
    inset: 0;
    transform: translate(46px, -40px);
    border-top: 3px solid #F18020;
    border-right: 3px solid #F18020;
    z-index: -1;
}
.ownbrand__img svg,
.ownbrand__img img {
    width: 100%;
    height: 100%;
    display: block;
}
.ownbrand__img img { object-fit: cover; }

/* Spokojne wejścia treści inspirowane rytmem strony referencyjnej. */
.mv-reveal {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity .62s ease var(--mv-reveal-delay, 0ms),
        transform .62s cubic-bezier(.22, .8, .28, 1) var(--mv-reveal-delay, 0ms);
    will-change: opacity, transform;
}

.mv-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: no-preference) {
    .aghero__media {
        animation: aghero-drift 14s ease-out both;
    }
}

@keyframes aghero-drift {
    from { transform: scale(1.045); }
    to { transform: scale(1.015); }
}

@media (prefers-reduced-motion: reduce) {
    .mv-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .aghero__media { animation: none; }
}

/* ============================================
   PODSTRONA „O FIRMIE”
   ============================================ */

/* Zdjęciowy pasek tytułowy */
.abhero {
    position: relative;
    background: var(--mv-panel-2);
    font-family: var(--mv-sans);
    overflow: hidden;
    min-height: 240px;
}

.abhero__media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center 48%;
}

.abhero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(15, 17, 20, .94) 0%, rgba(15, 17, 20, .66) 48%, rgba(15, 17, 20, .30) 100%),
        linear-gradient(180deg, rgba(15, 17, 20, .14) 0%, rgba(15, 17, 20, .78) 100%);
}

.abhero::after {
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    background: var(--mv-orange);
}

.abhero__inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    min-height: 240px;
    margin: 0 auto;
    padding: 48px 24px 30px;
    display: flex;
    align-items: flex-end;
}

.abhero__title {
    display: inline-block;
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 3px solid var(--mv-orange);
    padding-right: 90px;
    text-shadow: 0 8px 24px rgba(0, 0, 0, .5);
}

/* Treść na ciemnym tle z ozdobami */
.about {
    position: relative;
    background: var(--mv-panel-2);
    font-family: var(--mv-sans);
    overflow: hidden;
    padding: 70px 0 90px;
}

.about__decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

/* Ciągły tor dekoracyjny, zgodny z linią w strefie AgroTECH. */
.ab-route {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.ab-route__line {
    fill: none;
    stroke: var(--mv-orange);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 5px 12px rgba(240, 146, 31, .22));
}

.ab-route__line--soft { opacity: .44; }

.about__inner {
    position: relative;
    z-index: 2;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Rząd: biała karta + zdjęcie, naprzemiennie */
.arow {
    display: flex;
    align-items: flex-start;
    gap: 26px;
    margin-bottom: 64px;
}

.arow .acard { flex: 0 0 54%; }
.arow .aimg  { flex: 1 1 auto; margin-top: 90px; }
.arow--rev .aimg { margin-top: 0; }
.arow--rev .acard { margin-top: 40px; }

.acard {
    background: #fff;
    border-radius: 2px;
    padding: 30px 34px 40px;
    min-height: 300px;
    box-shadow: 0 24px 50px rgba(0, 0, 0, .4);
}

.acard__title {
    font-size: 26px;
    font-weight: 700;
    color: var(--mv-ink);
    margin: 0 0 10px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--mv-orange);
    display: inline-block;
    padding-right: 46px;
}

.acard__desc {
    margin: 14px 0 0;
    font-size: 14px;
    color: #6B7076;
}

.aimg {
    aspect-ratio: 4 / 3;
    box-shadow: 0 24px 50px rgba(0, 0, 0, .4);
    overflow: hidden;
}
.aimg svg,
.aimg img {
    width: 100%;
    height: 100%;
    display: block;
}
.aimg img { object-fit: cover; }

/* Galeria */
.agallery {
    text-align: center;
    padding-top: 30px;
}

.agallery__title {
    display: inline-block;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--mv-orange);
}

.agallery__chevrons {
    display: block;
    width: 40px;
    height: 28px;
    margin: 0 auto 36px;
}

.agallery__row {
    display: grid;
    gap: 8px;
    margin: 0 auto 10px;
    max-width: 900px;
}
.agallery__row--wide { grid-template-columns: repeat(4, 1fr); }
.agallery__row--narrow { grid-template-columns: repeat(6, 1fr); }

.agallery .aimg--tile {
    aspect-ratio: 1 / 1.05;
    margin: 0;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
}
.agallery__row--narrow .aimg--tile { aspect-ratio: 2 / 3; }

/* ============================================
   PODSTRONA „AGROTECH / AGROOIL”
   ============================================ */

/* Zdjęciowy hero marki AgroTECH */
.aghero {
    position: relative;
    background: var(--mv-panel-2);
    font-family: var(--mv-sans);
    overflow: hidden;
    min-height: 240px;
}

.aghero__media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center 46%;
    transform: scale(1.015);
}

.aghero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(15, 17, 20, .93) 0%, rgba(15, 17, 20, .67) 48%, rgba(15, 17, 20, .28) 100%),
        linear-gradient(180deg, rgba(15, 17, 20, .10) 0%, rgba(15, 17, 20, .74) 100%);
}

.aghero::after {
    content: '';
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    background: var(--mv-orange);
}

.aghero__inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    min-height: 240px;
    margin: 0 auto;
    padding: 36px 24px 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.aghero__eyebrow {
    margin: 0 0 10px;
    color: var(--mv-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.aghero__title {
    display: inline-block;
    color: #fff;
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    padding: 0 82px 14px 0;
    border-bottom: 3px solid var(--mv-orange);
    text-shadow: 0 8px 24px rgba(0, 0, 0, .48);
}

.aghero__lead {
    max-width: 620px;
    margin: 16px 0 0;
    color: #F3F4F6;
    font-size: 16px;
    line-height: 1.55;
    text-shadow: 0 4px 14px rgba(0, 0, 0, .62);
}

/* Sekcja produktów na ciemnym tle */
.agp {
    position: relative;
    background: var(--mv-panel-2);
    font-family: var(--mv-sans);
    overflow: hidden;
    padding: 56px 0 110px;
}

.agp__decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

/* ciągły tor dekoracyjny, zgodny z linią w strefie AgroTECH na stronie głównej */
.agp-route {
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 1800px;
    display: block;
}

.agp-route__line {
    fill: none;
    stroke: var(--mv-orange);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 5px 12px rgba(240, 146, 31, .22));
}

.agp-route__line--soft {
    opacity: .44;
}

.agp__inner {
    position: relative;
    z-index: 2;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px;
}

.agp__brand {
    text-align: center;
    margin-bottom: 64px;
}
.agp__brand h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 6px;
}
.agp__brand p {
    color: #C6CBD4;
    font-size: 14px;
    line-height: 1.7;
    max-width: 820px;
    margin: 0 auto 14px;
}
.agp__brand p:last-child { margin-bottom: 0; }

.agp__heading {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 44px;
}

/* Wyszukiwarka */
.agp .product-search { margin-bottom: 40px; }
.agp .product-search input {
    width: 100%;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .16);
    color: #fff;
    font-family: var(--mv-sans);
    font-size: 14px;
    padding: 13px 18px;
    border-radius: 2px;
    outline: none;
}
.agp .product-search input::placeholder { color: var(--mv-muted); }
.agp .product-search input:focus { border-color: var(--mv-orange); }

/* Wiersz produktu wg wzoru */
.agp .product-row {
    position: relative;
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 34px;
    margin-bottom: 72px;
    align-items: start;
}

.agp .product-image {
    background: #fff;
    border-radius: 2px;
    padding: 14px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .35);
}
.agp .product-image img {
    width: 100%;
    height: auto;
    display: block;
}

.agp .product-info { position: relative; }

/* nagłówek + etykieta (karta charakterystyki) w jednej linii */
.agp .product-name {
    color: var(--mv-orange);
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin: 0 150px 10px 0;
}

.agp .product-desc {
    color: #C6CBD4;
    font-size: 13px;
    line-height: 1.65;
    margin: 0 150px 18px 0;
}

.agp .product-download {
    position: absolute;
    top: 0;
    right: 0;
}
.agp .pdf-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 128px;
    min-height: 96px;
    background: rgba(255, 255, 255, .5);
    color: #16181C;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    padding: 12px 10px;
    border-radius: 2px;
    transition: background .2s;
}
.agp .pdf-card:hover { background: var(--mv-orange); color: #fff; }
.agp .pdf-card .pdf-icon { width: 26px; height: 26px; }

/* „Wymagania” — szary pasek */
.agp .product-spec-line {
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-size: 12.5px;
    line-height: 1.5;
    padding: 9px 14px;
    border-radius: 2px;
    margin: 0 0 14px;
}
.agp .product-spec-line strong { color: #fff; }

/* „tabela” — szary blok */
.agp .product-specs {
    width: 100%;
    max-width: 520px;
    border-collapse: collapse;
    background: rgba(255, 255, 255, .28);
    border-radius: 2px;
    margin: 0 0 14px;
    font-size: 12.5px;
    color: #fff;
}
.agp .product-specs td {
    padding: 8px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.agp .product-specs tr:last-child td { border-bottom: none; }
.agp .product-specs td.mono {
    font-family: 'IBM Plex Mono', monospace;
    text-align: right;
    white-space: nowrap;
}

/* OPAKOWANIA — pomarańczowa linia */
.agp .product-packaging {
    color: var(--mv-orange);
    font-size: 12px;
    letter-spacing: .02em;
    margin: 0;
}
.agp .product-packaging strong {
    text-transform: uppercase;
    letter-spacing: .08em;
}

.agp .product-empty {
    color: var(--mv-muted);
    text-align: center;
    font-size: 15px;
}

/* Nagłówek kategorii produktów */
.agp .product-cat {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin: 64px 0 36px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--mv-orange);
}
.agp .product-cat:first-child { margin-top: 0; }

/* Wiersz produktu bez kolumny PDF — opis na pełną szerokość */
.agp .product-row--simple { margin-bottom: 56px; }
.agp .product-row--simple .product-name { margin-right: 0; font-size: 16px; }
.agp .product-row--simple .product-desc { margin-right: 0; }

.agp .product-usage-label {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 16px 0 8px;
}

.agp .product-props {
    color: #C6CBD4;
    font-size: 13px;
    line-height: 1.65;
    margin: 0;
    padding-left: 20px;
}
.agp .product-props li { margin-bottom: 3px; }

/* zdjęcia produktów różnych marek — dopasuj do białej karty */
.agp .product-row--simple .product-image img {
    aspect-ratio: 3 / 4;
    object-fit: contain;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1100px) {
    .offers__row, .wholesale__row { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 860px) {
    .hdr__nav, .hdr__cta { display: none; }
    .hdr__burger { display: flex; }

    .hero2__arrow { width: 200px; height: 260px; left: -52px; }
    .hero2__inner { padding: 54px 20px 150px; }
    .hero2__title { font-size: 24px; }
    .hero2__head { flex-direction: column; align-items: flex-start; gap: 16px; }
    .hero2__logo-img { height: 30px; }

    .showcase__grid { grid-template-columns: 1fr; margin-top: -60px; }
    .showcase__col--offset { margin-top: 0; }
    .scard--text.is-tall { min-height: 0; }

    .offers__row, .wholesale__row { grid-template-columns: repeat(2, 1fr); }
    .offers__stripes { max-width: 26%; opacity: .7; }
    .offers__chevron { width: 84px; height: 134px; }
    .wholesale__chevron { width: 96px; height: 154px; top: -24px; }
    .band-title { font-size: 22px; }
    .offers__inner { padding: 80px 20px 90px; }
    .wholesale__inner { padding: 80px 20px 150px; }

    .cats { padding: 72px 0 120px; }
    .cats__grid { grid-template-columns: 1fr; gap: 78px; max-width: 420px; margin: 0 auto; }
    .cat-card { min-height: 0; padding-bottom: 40px; }
    .cat-card__img { width: 150px; bottom: -34px; right: -14px; }

    .wholesale__chevron { width: 150px; height: 240px; top: -120px; }

    .ownbrand { padding: 60px 0 90px; }
    .ownbrand__inner { flex-direction: column; align-items: flex-start; }
    .ownbrand__name { font-size: 34px; }
    .ownbrand__cardwrap { width: 100%; min-height: 0; padding-bottom: 120px; }
    .ownbrand__card { width: min(310px, 78%); }
    .ownbrand__img { width: min(280px, 62%); top: auto; bottom: 0; }
    .ownbrand__img::after { transform: translate(12px, -12px); }
    .cat-card__img::after { transform: translate(10px, 10px); }

    .bz-chevleft { width: 170px; height: 300px; top: 560px; }
    .bz-ribbon { width: 220px; height: 800px; }
    .bz-tribr { width: 170px; height: 220px; }

    /* O firmie — mobile */
    .abhero,
    .abhero__inner { min-height: 220px; }
    .abhero__inner { padding: 40px 20px 30px; }
    .abhero__media { object-position: 58% center; }
    .abhero__title { font-size: 28px; padding-right: 50px; }
    .ab-route { width: 145%; left: -22%; opacity: .28; }
    .arow { flex-direction: column; gap: 20px; margin-bottom: 48px; }
    .arow .acard { flex: 0 0 auto; width: 100%; min-height: 220px; }
    .arow .aimg { margin-top: 0; width: 100%; }
    .arow--rev { flex-direction: column-reverse; }
    .arow--rev .acard { margin-top: 0; }
    .agallery__row--wide { grid-template-columns: repeat(2, 1fr); }
    .agallery__row--narrow { grid-template-columns: repeat(3, 1fr); }

    /* AgroTech — mobile */
    .aghero,
    .aghero__inner { min-height: 220px; }
    .aghero__inner { padding: 28px 20px 24px; }
    .aghero__media { object-position: 56% center; }
    .aghero__title { font-size: 32px; padding: 0 46px 10px 0; }
    .aghero__lead { font-size: 13px; line-height: 1.4; max-width: 320px; margin-top: 10px; }
    .agp .product-row { grid-template-columns: 1fr; gap: 20px; }
    .agp .product-image { max-width: 190px; }
    .agp .product-download { position: static; margin-bottom: 14px; }
    .agp .pdf-card { flex-direction: row; width: auto; min-height: 0; }
    .agp .product-name, .agp .product-desc { margin-right: 0; }
    .agp-route { width: 145%; left: -22%; opacity: .28; }
}

/* ============================================
   KONTAKT — Zapytaj o ofertę
   ============================================ */
.contact2 {
    position: relative;
    font-family: var(--mv-sans);
    background: #13161A;
    padding: 90px 0 100px;
}

.contact2__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 60px;
    align-items: start;
}

.contact2__label {
    color: var(--mv-orange);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.contact2__title {
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 16px;
}

.contact2__lead {
    color: #B7BCC5;
    font-size: 15px;
    line-height: 1.65;
    max-width: 380px;
    margin-bottom: 40px;
}

.contact2__methods {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.cmethod {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.cmethod__icon {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border: 1px solid rgba(240, 146, 31, .55);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mv-orange);
}

.cmethod__icon svg { width: 18px; height: 18px; }

.cmethod__label {
    display: block;
    color: #C6CBD4;
    font-size: 14px;
    margin-bottom: 2px;
}

.cmethod__value {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.5;
}

a.cmethod__value:hover { color: var(--mv-orange); }

.contact2__form {
    background: #1C202A;
    border-radius: 6px;
    padding: 34px 36px 36px;
}

.cf-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.cf-group { margin-bottom: 20px; }

.cf-group label {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
}

.cf-group input,
.cf-group select,
.cf-group textarea {
    width: 100%;
    background: #141821;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: 11px 12px;
    font-family: inherit;
}

.cf-group select { color: #B7BCC5; }

.cf-group textarea {
    min-height: 120px;
    resize: vertical;
}

.cf-group input::placeholder,
.cf-group textarea::placeholder { color: #79808C; font-size: 12px; }

.cf-group input:focus,
.cf-group select:focus,
.cf-group textarea:focus {
    outline: none;
    border-color: var(--mv-orange);
}

.cf-submit {
    width: 100%;
    background: var(--mv-orange);
    color: #161A1F;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 14px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background .2s;
}

.cf-submit:hover { background: var(--mv-orange-dk); }

@media (max-width: 960px) {
    .contact2__inner { grid-template-columns: 1fr; gap: 48px; }
}

@media (max-width: 480px) {
    .brand { font-size: 20px; }
    .hero2__card { padding: 26px 22px 28px; }
    .hero2__btns a { flex: 1 1 auto; text-align: center; }
    .contact2__form { padding: 26px 20px 28px; }
    .cf-row { grid-template-columns: 1fr; gap: 0; }
}

/* ============================================
   LEGACY PODSTRONY (oil / agro / build / logistyka / o-nas)
   Nowy wspólny header jest sticky (w przepływie dokumentu),
   więc hero nie potrzebuje już odsunięcia pod stary fixed header.
   ============================================ */
body:not(.subpage) .hero.page-hero {
    min-height: auto;
    padding-top: 56px;
    padding-bottom: 56px;
}