/* ==========================================================================
   QUICK ACTIONS (message + shop buttons) — Desktop (1280px – 1920px)
   Shared across every desktop page that has a hero-style first screen
   (same idea as menu.desktop.css / profile.desktop.css). Design
   reference: 1920 width. Sits bottom-right; the specific "bottom"
   offset can be overridden per page (see portfolio.desktop.css).
   ========================================================================== */

/* Message button — not clickable yet, placeholder icon. */
.message-btn {
    position: absolute;
    right: 11.1rem;
    bottom: 7rem;
    width: 4.6rem;
    height: 4.6rem;
    z-index: 3;
}

/* Shop button — not clickable yet. Wrapper holds both the button and
   its "soon" sticker so they always move/scale together as one unit. */
.shop-wrap {
    position: absolute;
    right: 17.2rem;
    bottom: 7rem;
    width: 4.6rem;
    height: 4.6rem;
    z-index: 3;
}

.shop-btn {
    display: block;
    width: 100%;
    height: 100%;
}

.shop-sticker {
    position: absolute;
    right: calc(100% + 0.5rem);
    top: 50%;
    width: 5.1rem;
    height: 1.4rem;
    animation: shop-sticker-wiggle 1.6s ease-in-out infinite alternate;
}

@keyframes shop-sticker-wiggle {
    from { transform: translate(0, -50%); }
    to   { transform: translate(-1rem, -50%); }
}