@import url('https://fonts.googleapis.com/css2?family=Alice&family=Poppins:wght@300;400;600&display=swap');

/* ---------------------------------------
   BACKGROUND
   --------------------------------------- */
body {
    background: #1b0014
        url("../images/backgrounds/theme/pinksexy/velvet-rose.jpg")
        center/cover fixed no-repeat;
    font-family: "Poppins", sans-serif;
    color: #ffd8ea;
}

/* Soft romantic glow overlay */
body::after {
    content: "";
    position: fixed;
    inset: 0;

    background:
        radial-gradient(circle at 50% 70%,
            rgba(255, 20, 120, 0.25),
            transparent 70%)
        ,
        radial-gradient(circle at 20% 20%,
            rgba(255, 110, 180, 0.18),
            transparent 65%);

    pointer-events: none;
    z-index: 1;
}

/* ---------------------------------------
   MODAL
   --------------------------------------- */
.sale-modal {
    position: relative;
    z-index: 2;

    background: rgba(60, 0, 40, 0.55);
    backdrop-filter: blur(14px) saturate(1.4);

    padding: 3rem;
    border-radius: 18px;

    border: 1px solid rgba(255, 130, 200, 0.45);

    box-shadow:
        0 0 30px rgba(255, 40, 160, 0.45),
        inset 0 0 25px rgba(255, 80, 180, 0.25);
}
.sale-modal .domain-name {
    font-size:2.6rem;
    color:#ff6abf;
    text-shadow:0 0 8px #ff9fda;
}

/* ---------------------------------------
   TYPOGRAPHY
   --------------------------------------- */
.sale-modal h1 {
    margin-top: 0;
    font-family: "Alice", serif;
    font-size: 2.1rem;
    color: #ff8fca;

    text-shadow: 
        0 0 16px #ff52b780,
        0 0 30px #ff5cb880;
}

.sale-modal p {
    color: #ffd4e9;
    opacity: 0.9;
    font-size: 1.1rem;
}

.sale-price {
    font-size: 1.7rem;
    color: #ff75c9;
    text-shadow: 0 0 18px #ff49b680;
    font-weight: bold;
}

/* ---------------------------------------
   BUTTON
   --------------------------------------- */
a.contact-btn {
    display: inline-block;

    background: linear-gradient(135deg, #ff4bac, #ff8ad8);
    color: #2b0020;

    padding: 0.8rem 1.6rem;
    margin-top: 1rem;

    border-radius: 12px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.3px;

    box-shadow: 0 0 14px #ff49b6aa;
    transition: 0.15s ease-out;
}

a.contact-btn:hover {
    transform: scale(1.07);
    box-shadow: 0 0 25px #ff49b6ff;
}

/* ---------------------------------------
   QR CODE
   --------------------------------------- */
#qr, img[alt="QR code"] {
    filter: drop-shadow(0 0 10px #ff49b6bb);
}