
    .lp-wrap {
        max-width: 1200px;
    }

    .lp-hero {
        border-radius: 20px;
        border: 1px solid rgba(0, 0, 0, .08);
        background: #fff;
    }

    .lp-title {
        font-weight: 800;
        letter-spacing: .2px;
    }

    .lp-meta {
        font-size: .95rem;
        color: #6c757d;
    }

    .price-badge {
        font-size: 1.3rem;
        font-weight: 800;
    }

    .chip {
        background: #f1f3f5;
        border-radius: 999px;
        padding: .25rem .6rem;
        font-size: .9rem;
    }

    .shadow-soft {
        box-shadow: 0 10px 25px rgba(0, 0, 0, .06);
    }

    /* Gallery */
    .gallery-section {
        margin-top: 1.25rem;
    }

    .gallery-card {
        position: relative;
        overflow: hidden;
        border-radius: 18px;
        background: #fff;
        border: 1px solid #e9ecef;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .06);
        transition: transform .25s ease, box-shadow .25s ease;
        height: 100%;
    }

    .gallery-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 14px 30px rgba(0, 0, 0, .10);
    }

    .gallery-image-wrap {
        position: relative;
        width: 100%;
        aspect-ratio: 4 / 5; /* يخلي كل الصور بنفس الشكل */
        background: #f8f9fa;
        overflow: hidden;
    }

    .gallery-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform .35s ease;
    }

    .gallery-card:hover .gallery-img {
        transform: scale(1.03);
    }

    .gallery-footer {
        padding: .7rem .85rem;
        background: #fff;
        border-top: 1px solid #f1f3f5;
    }

    .gallery-caption {
        font-size: .92rem;
        color: #495057;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .delete-btn {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 5;
        width: 34px;
        height: 34px;
        border: none;
        border-radius: 50%;
        background: rgba(255, 255, 255, .92);
        color: #dc3545;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        transition: .2s ease;
    }

    .delete-btn:hover {
        background: #dc3545;
        color: #fff;
        transform: scale(1.05);
    }

    @media (max-width: 767.98px) {
        .gallery-image-wrap {
            aspect-ratio: 1 / 1;
        }
    }
