/* Case study Pizzeria Impero Romano — tylko wyjątki tego projektu. Wspólne sekcje i komponenty: case-studies/shared/style.css */

.glcs-landing.glcs-project-pizzeria-impero-romano { --glcs-brand: #be0505; --glcs-hero-bg: #e0e1e3; --glcs-hero-bg-m: #e8e7ea; --glcs-hero-mobile-h: 259px; --glcs-wide-h: 676px; --glcs-wide-ratio: 1440 / 676; --glcs-wide-mobile-h: 183px; }

/* Moduły 02 i 03: grafika wpasowana w czarne tło. */
.glcs-landing.glcs-project-pizzeria-impero-romano .ir-media-dark { background: #000; }

/* Efekty: odstęp 18 px w dowodach; opis pod liczbą 18 px także na telefonie. */
.glcs-landing.glcs-project-pizzeria-impero-romano .glcs-result__proof { gap: 18px; }
@media (max-width: 767px) {
    .glcs-landing.glcs-project-pizzeria-impero-romano .glcs-proof-big__text { font-size: 18px; }
}

/* Figma: wartość „1. miejsce” w pierwszej karcie efektów jest zielona. */
.glcs-landing.glcs-project-pizzeria-impero-romano .glcs-result:first-child .glcs-proof-big__value { color: #00ae57; }
/* Figma mobile: dłuższy opis w 2. karcie efektów („zwrot z inwestycji w pozycjonowanie”) ma 15 px. */
@media (max-width: 767px) {
    .glcs-landing.glcs-project-pizzeria-impero-romano .glcs-result:nth-child(2) .glcs-proof-big__text { font-size: 15px; }
}