.pc-collage-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    align-items: center;
    margin: 40px auto;
    position: relative;
    width: 100%;
}

.pc-item {
    position: relative;
    transition: transform 0.3s ease, z-index 0.3s ease;
    transform: translate(var(--pc-offset-x, 0px), var(--pc-offset-y, 0px)) rotate(var(--pc-rotate, 0deg));
    width: 100%;
    max-width: 100%;
    /* Apply margins cleanly using variables mapped via responsive Elementor sliders */
    margin-left: calc(var(--pc-gap-x, -20px) / 2);
    margin-right: calc(var(--pc-gap-x, -20px) / 2);
    margin-top: calc(var(--pc-gap-y, -20px) / 2);
    margin-bottom: calc(var(--pc-gap-y, -20px) / 2);
}

.pc-item:hover {
    z-index: 99 !important;
    transform: translate(var(--pc-offset-x, 0px), var(--pc-offset-y, 0px)) rotate(var(--pc-rotate, 0deg)) scale(1.05);
}

.pc-polaroid-frame {
    box-sizing: border-box;
    display: block;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.04);
    background-color: #faf8f5;
    padding: 12px 12px 38px 12px;
    border-radius: 2px;
    width: 100%;
    height: auto;
}

.pc-image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 1px solid rgba(0, 0, 0, 0.08);
}