/* /transport-zmarlych/ */


/* BASE */

/* HERO */

.transport-hero{
    padding-top:22px;
    border-bottom:1px solid rgba(15,51,43,.1)
}


.transport-hero__content{
    padding-bottom:42px
}

.transport-hero h1{
    max-width:13ch;
    margin:0;
    font-size:clamp(39px,11vw,50px);
    line-height:1.025;
    letter-spacing:-.032em
}

.transport-hero__lead{
  max-width:39ch;
}


/* TELEFON */

.transport-call{
    padding:38px 0;
    background:var(--color-green);
    color:var(--color-white)
}

.transport-call__inner{
    display:grid;
    gap:24px
}

.transport-call__eyebrow{
    display:block;
    margin-bottom:5px;
    color:var(--color-gold-light);
    font-size:12px;
    font-weight:600;
    letter-spacing:.105em;
    text-transform:uppercase
}

.transport-call p{
    margin:0;
    color:rgba(255,254,250,.78);
    line-height:1.55
}

.transport-call__note{
    font-size:13px
}


/* ZAKRES TRANSPORTU */

.transport-help{
    padding:72px 0 68px;
    background:var(--color-white)
}

.transport-help__grid{
    display:grid;
    gap:34px
}

.transport-heading h2{
    max-width:12ch
}

.transport-help__content > .transport-lead{
    max-width:39ch;
    margin-bottom:0
}

.transport-help__content p + p{
    margin-top:15px
}


/* PROCEDURA */

.transport-process{
    padding:72px 0 74px
}

.transport-process__grid{
    display:grid;
    gap:38px
}

.transport-process__header h2{
    max-width:12ch
}

.transport-process__list{
    list-style:none;
    margin:0;
    padding:0
}

.transport-process__list li{
    position:relative;
    display:grid;
    grid-template-columns:46px 1fr;
    gap:14px;
    padding:0 0 34px
}

.transport-process__list li:last-child{
    padding-bottom:0
}

.transport-process__list li:not(:last-child)::before{
    content:"";
    position:absolute;
    top:22px;
    bottom:0;
    left:10px;
    width:1px;
    background:rgba(161,135,80,.4)
}

.transport-process__number{
    position:relative;
    z-index:1;
    align-self:start;
    padding-top:2px;
    background:var(--color-bg);
    color:var(--color-gold);
    font-size:12px;
    font-weight:600;
    letter-spacing:.08em
}

.transport-process__list p{
    max-width:42ch;
    margin:8px 0 0;
    color:var(--color-muted);
    font-size:15px;
    line-height:1.55
}


/* CZĘŚĆ ORGANIZACJI POGRZEBU */

.transport-funeral{
    padding:64px 0;
    background:var(--color-green);
    color:var(--color-white)
}

.transport-funeral__grid{
    display:grid;
    gap:34px
}

.transport-funeral__number{
    color:var(--color-gold-light);
    font-family:Lora,Georgia,serif;
    font-size:64px;
    line-height:.9;
    letter-spacing:-.04em
}

.transport-funeral h2{
    max-width:13ch;
    color:var(--color-white)
}

.transport-funeral__lead,
.transport-funeral__content > p{
    max-width:42ch;
    color:rgba(255,254,250,.79);
    line-height:1.65
}

.transport-funeral__lead{
    margin:22px 0 14px
}

.transport-funeral__content > p:not(.transport-funeral__lead){
    margin-bottom:0
}


/* LINKI */

.transport-link{
    margin-top:25px
}

/* TRANSPORT MIĘDZYNARODOWY */

.transport-abroad{
    padding:70px 0 74px;
    background:var(--color-white)
}

.transport-abroad__grid{
    display:grid;
    gap:30px
}

.transport-abroad h2{
    max-width:12ch
}

.transport-abroad__content p{
    max-width:42ch;
    margin-bottom:0;
    color:var(--color-muted);
    line-height:1.65
}


/* FINAL CTA + WSPÓLNY TELEFON */


.transport-contact h2{
    max-width:12ch;
    color:var(--color-white)
}

.transport-contact__grid > div:first-child > p:last-child{
    max-width:39ch;
    margin:20px 0 0;
    color:rgba(255,254,250,.75);
    line-height:1.65
}



.transport-call__phone{
    display:grid;
    gap:2px;
    padding:18px 20px;
    border:1px solid rgba(255,254,250,.22);
    border-radius:var(--radius-md);
    color:var(--color-white);
    text-decoration:none
}


/* TABLET */

@media(min-width:768px){

    .transport-hero{
        padding-top:34px
    }

    .transport-hero__content{
        padding-bottom:70px
    }

    .transport-hero h1{
        font-size:50px
    }

    .transport-call{
        padding:42px 0
    }

    .transport-call__inner{
        grid-template-columns:1fr auto;
        align-items:center;
        column-gap:48px
    }

    .transport-call__note{
        grid-column:1 / -1
    }

    .transport-help{
        padding:88px 0
    }

    .transport-help__grid,
    .transport-process__grid,
    .transport-abroad__grid{
        grid-template-columns:.72fr 1.28fr;
        gap:72px
    }

    .transport-process{
        padding:88px 0
    }

    .transport-process__list li{
        grid-template-columns:54px 1fr;
        padding-bottom:38px
    }

    .transport-process__list li:not(:last-child)::before{
        left:12px
    }

    .transport-funeral{
        padding:82px 0
    }

    .transport-funeral__grid{
        grid-template-columns:.72fr 1.28fr;
        gap:72px
    }

    .transport-funeral__number{
        font-size:82px
    }

    .transport-abroad{
        padding:88px 0
    }

    

    

}


/* DESKTOP */

@media(min-width:1200px){
.transport-hero{
        padding-top:46px
    }

    .transport-hero__content{
        padding-bottom:82px
    }

    .transport-hero h1{
        font-size:60px;
        line-height:1.02
    }

    .transport-help,
    .transport-process,
    .transport-abroad{
        padding:98px 0
    }

    .transport-help__grid,
    .transport-process__grid,
    .transport-abroad__grid{
        gap:120px
    }

    .transport-funeral{
        padding:98px 0
    }

    .transport-funeral__grid{
        gap:120px
    }

    

}


/* REDUCED MOTION */