.subpage-hero::after { content: ""; position: absolute; width: 190px; height: 190px; right: 5%; top: 18%; background: rgba(42,149,238,.22); }
.subpage-hero::before { content: ""; position: absolute; width: 150px; aspect-ratio: 1; right: 18%; bottom: 8%; background: rgba(68,201,245,.16); clip-path: polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%); }
.subpage-hero .h2 { max-width: 980px; }
.subpage-hero .lead { margin-top: 26px; }
.subpage-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }
@media(max-width:680px){.subpage-actions{display:grid}.subpage-hero .container{padding-block:72px}}

/* Rozwój produktu, ekran 03: działy prowadzą do swoich podstron */
.point-link { display: block; color: inherit; }
.point-link strong::after { content: " →"; color: var(--cyan-400); }
.point-link:hover strong { color: var(--cyan-400); }

/* Gotowe receptury: Myjnie — 6 mniejszych kart w jednej linii, Detailing — 4 w linii */
#myjnie .feature-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
#myjnie .feature-card { padding: clamp(12px, 2.2vh, 22px) 14px; }
#myjnie .feature-card h3 { font-size: .82rem; line-height: 1.25; }
#myjnie .feature-card p { font-size: .78rem; }
#detailing .feature-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
#detailing .feature-card { padding: clamp(12px, 2.2vh, 24px) 18px; }
/* Przycisk "Zapytaj o recepturę" na środku ekranów kategorii */
[data-page="gotowe-receptury"] .photo-screen .container > .btn { display: flex; width: fit-content; margin-inline: auto; }
/* Ekran 08 "Więcej niż receptura" — punkty w dwóch kolumnach, żeby zmieścić się w jednym ekranie */
[data-page="gotowe-receptury"] .point-list { grid-template-columns: 1fr 1fr; column-gap: 28px; }

@media (max-width: 1020px) {
  #myjnie .feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  #myjnie .feature-grid, #detailing .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #myjnie .feature-card p, #detailing .feature-card p { display: none; }
  #myjnie .feature-card .icon-ring, #detailing .feature-card .icon-ring { display: none; }
  [data-page="gotowe-receptury"] .point-list { grid-template-columns: 1fr; }
  [data-page="gotowe-receptury"] .photo-screen .container > .btn { width: 100%; }
}

/* Polityka prywatności: 8 punktów podzielonych na 2 slajdy, po 2 kolumny */
.privacy-panel { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(14px, 3vh, 26px) clamp(20px, 3vw, 44px); }
.privacy-panel > p { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .82rem; }
.privacy-panel .lead { margin-top: 8px; font-size: clamp(.86rem, min(1.1vw, 1.9vh), 1.05rem); }
html.fp .subpage-content { display: grid; align-items: center; }
@media (max-width: 760px) { .privacy-panel { grid-template-columns: 1fr; } }
@media (max-width: 680px) {
  [data-page="gotowe-receptury"] .point-list p { display: none; }
  .privacy-panel .h3 { font-size: 1rem; }
  .privacy-panel .lead { font-size: .8rem; line-height: 1.45; }
}
