/* ==========================================
   PALM STAMP — little vintage stamp in a corner
   ========================================== */

.palm-stamp {
    position: absolute;
    bottom: 36px;
    width: 104px;
    padding: 6px;
    background: #EEF0FF;
    /* Perforated edge: holes punched in the padding band only */
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        radial-gradient(circle 3px at 50% 50%, transparent 95%, #000) -5px -5px / 10px 10px;
    mask:
        linear-gradient(#000 0 0) content-box,
        radial-gradient(circle 3px at 50% 50%, transparent 95%, #000) -5px -5px / 10px 10px;
    filter: drop-shadow(0 1px 2px rgba(9, 13, 206, 0.18));
    transform: rotate(-4deg);
    transition: transform 0.4s ease;
    z-index: 2;
}

.palm-stamp:hover {
    transform: rotate(0deg) scale(1.04);
}

.palm-stamp.corner-left { left: 40px; transform: rotate(4deg); }
.palm-stamp.corner-left:hover { transform: rotate(0deg) scale(1.04); }

/* About page: pinned to the bottom-right corner, on the blue text side */
.palm-stamp.corner-page {
    position: fixed;
    right: 48px;
    bottom: 40px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.palm-stamp-inner {
    position: relative;
    border: 2px solid #090DCE;
    background: #F7F8FF;
    padding: 8px 6px 18px;
}

.palm-stamp-art svg {
    display: block;
    width: 100%;
    height: auto;
    image-rendering: pixelated;
}

.palm-stamp-label,
.palm-stamp-value {
    position: absolute;
    bottom: 2px;
    font-family: 'Amiri', serif;
    font-size: 11px;
    line-height: 1;
    color: #090DCE;
}

.palm-stamp-label { right: 5px; }
.palm-stamp-value { left: 5px; }

@media (max-width: 900px) {
    .palm-stamp { display: none; }
}