/* Układ z docs/projekt/cmentarz.html. Nagłówek i stopka pozostają wspólne. */
.P .cemetery-page h1,.P .cemetery-page h2,.P .cemetery-page h3,.P .cemetery-page .phone,.P .cemetery-page .card b,.P .cemetery-page .todo b{font-family:Archivo,"Helvetica Neue",Arial,sans-serif;font-weight:800;font-stretch:106%;letter-spacing:-.025em}
.P .cemetery-page .pad{padding:clamp(64px,8vw,120px) 0}
.P .cemetery-page h2{font-size:clamp(34px,3.8vw,58px);line-height:1.04}
.P .cemetery-page .hd{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 32px;margin-bottom:clamp(28px,3.4vw,44px)}
.P .cemetery-page .hd p{max-width:46ch;color:var(--mu)}
.P .cemetery-page .ln{font-weight:700;text-decoration:underline;text-decoration-color:var(--ac);text-decoration-thickness:2px;text-underline-offset:5px}
.P .cemetery-page .ln:hover{text-decoration-thickness:3.5px}
.P .cemetery-page .btn{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;background:var(--ac);color:var(--on);font-weight:800;font-size:17px;text-decoration:none}
.P .cemetery-page .btn:hover{filter:brightness(1.08)}

/* ---------- wstęp ---------- */
.P .cemetery-page .c-hero{padding:clamp(40px,6vw,96px) 0 clamp(56px,7vw,110px)}
.P .cemetery-page .c-hero .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(32px,5vw,88px);align-items:center}
.P .cemetery-page h1{font-size:clamp(44px,6vw,96px);line-height:.98}
.P .cemetery-page .lead{font-size:clamp(20px,1.7vw,24px);line-height:1.5;margin-top:26px;max-width:38ch}
.P .cemetery-page .acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:34px}
.P .cemetery-page .ill{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#F7F4EC}
.P .cemetery-page .ill svg{width:60%;height:auto;overflow:visible;fill:none;stroke:#8A6433;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.P .cemetery-page .ill .bf{fill:#EEE3CF}
.P .cemetery-page .ill .ray{stroke-width:2}

/* ---------- groby i rocznice ---------- */
.P .cemetery-page .graves{background:#EDE7DC}
.P .cemetery-page .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
.P .cemetery-page .card{display:flex;flex-direction:column;gap:10px;min-height:200px;padding:clamp(22px,2.2vw,32px);background:#FFFFFF;color:#23201A;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.P .cemetery-page .card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -18px rgba(40,30,10,.45)}
.P .cemetery-page .card b{font-size:clamp(22px,1.9vw,28px);line-height:1.1}
.P .cemetery-page .card span{color:var(--mu)}
.P .cemetery-page .card .go{margin-top:auto;color:#7A5A2A;font-size:16px;text-decoration:underline;text-underline-offset:4px}
.P .cemetery-page .card:hover .go{text-decoration-thickness:2px}
.P .cemetery-page .note{margin-top:clamp(20px,2.4vw,32px);padding:clamp(22px,2.4vw,32px);background:#FFFFFF;border-left:6px solid var(--ac);display:grid;grid-template-columns:1fr auto;gap:12px 40px;align-items:end}
.P .cemetery-page .note h3{font-size:clamp(21px,1.8vw,26px);line-height:1.15}
.P .cemetery-page .note p{margin-top:8px;max-width:62ch}
.P .cemetery-page .ext{margin-top:18px;font-size:15px;color:var(--mu)}

/* ---------- sprawy w kancelarii ---------- */
.P .cemetery-page .todo-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(32px,6vw,100px);align-items:start}
.P .cemetery-page .todo-grid .intro{max-width:40ch;margin-top:18px;color:var(--mu)}
.P .cemetery-page .phone{display:inline-block;margin-top:32px;font-size:clamp(44px,5vw,80px);line-height:1;text-decoration:none;font-variant-numeric:tabular-nums}
.P .cemetery-page .phone:hover{text-decoration:underline;text-decoration-color:var(--ac);text-decoration-thickness:4px;text-underline-offset:8px}
.P .cemetery-page .hours{margin-top:22px}
.P .cemetery-page .hours>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1.5px solid var(--li)}
.P .cemetery-page .hours>div:first-child{border-top:1.5px solid var(--li)}
.P .cemetery-page .hours dt{font-weight:700}
.P .cemetery-page .todo li{display:grid;grid-template-columns:clamp(190px,17vw,250px) 1fr;gap:8px 24px;padding:22px 0;border-top:1.5px solid var(--fg)}
.P .cemetery-page .todo li:last-child{border-bottom:1.5px solid var(--fg)}
.P .cemetery-page .todo b{font-size:20px;line-height:1.2}
.P .cemetery-page .todo-grid>*,.P .cemetery-page .todo li>*{min-width:0;overflow-wrap:anywhere}

/* ---------- 1 i 2 listopada ---------- */
.P .cemetery-page .season{background:var(--deep);color:var(--dfg)}
.P .cemetery-page .season .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,80px);align-items:end}
.P .cemetery-page .season p{font-size:clamp(19px,1.5vw,22px);max-width:44ch}
.P .cemetery-page .season .ln{text-decoration-color:var(--dac);display:inline-block;margin-top:18px}

@media (max-width:980px){
 .P .cemetery-page .c-hero .wrap,.P .cemetery-page .todo-grid,.P .cemetery-page .season .wrap{grid-template-columns:1fr}
 .P .cemetery-page .todo li:first-child{border-top:0}
 .P .cemetery-page .ill{max-width:420px;aspect-ratio:4/3}
 .P .cemetery-page .cards{grid-template-columns:1fr 1fr}
 .P .cemetery-page .note{grid-template-columns:1fr}
}
@media (max-width:640px){
 .P .cemetery-page .cards{grid-template-columns:1fr}
 .P .cemetery-page .todo li{grid-template-columns:1fr}
}

/* Dopasowanie do wspólnych stylów strony; układ wzorca bez zmian. */
.P .cemetery-page .acts{flex-direction:row}
.P .cemetery-page .hours>div{align-items:normal}
.P .cemetery-page [hidden]{display:none!important}
.P .cemetery-page .regulations{margin-top:22px}
