/* --- GLOBAL WRAPPER ---------------------------------------------------- */
.ph-image-tips {
    padding: 2em 20px 20px;
    width: 100%;
}

/* --- HERO -------------------------------------------------------------- */
.ph-hero-wrapper {
    display: flex;
    justify-content: center;
    overflow: hidden;     /* prevent empty strip reveal */
    margin-bottom: 3rem;
}
.ph-hero-img {
    width: 75%;
    height: auto;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
}
@media (max-width: 61.24em) { .ph-hero-img { width: 100%; } }
@media (max-width: 46.24em) { .ph-hero-img { width: 100%; } }

/* --- HEADINGS ---------------------------------------------------------- */
.ph-image-tips h1,
.ph-image-tips h2 { text-align: center; margin-bottom: 1rem; }
.ph-image-tips .ph-subtitle {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 3rem;
}

/* --- SECTION & PARAGRAPHS --------------------------------------------- */
.ph-section            { margin: 4rem 0; }
.ph-section:last-of-type { margin-bottom: 0; }

.ph-section p {
    max-width: 750px;        /* centred block width */
    margin: 0 auto 1rem;     /* center the block */
    text-align: left;        /* but keep text left‑aligned */
}

/* --- CAROUSEL ---------------------------------------------------------- */
.ph-carousel          { width: 100%; margin-top: 2rem; }
.ph-carousel .swiper-slide { padding: 0 !important; }
.swiper-slide img     { width: 100%; height: auto; object-fit: cover; border: 0; }

.swiper-button-prev,
.swiper-button-next   { color: var(--wp--preset--color--base, #000); }