#contentLAYOUT section.scratch { overflow: visible; }
section.scratch * { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
section.scratch > .wrap { position: relative; display: flex; align-items: center; justify-content: center; padding: 0 !important; }
section.scratch .scratch-card { position: absolute; width: 145%; height: clamp(620px, 75vw, 1600px); margin: 0; overflow: hidden; border-radius: 43% 57% 38% 62% / 29% 36% 64% 71%; background-image: url('/media/background--01.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; }
section.scratch .scratch-card__canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; z-index: 1; touch-action: none; cursor: crosshair; }
section.scratch .scratch-card__change-image { position: absolute;
    bottom: 24px;
    left: 50%;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /*width: 40px;*/
    /*height: 40px;*/
    font-size: 12px;
    padding: 4px 8px;
    border: 1px solid var(--rududu-black);
    border-radius: 999px;
    color: var(--rududu-black);
    background: var(--rududu-background);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%);
    text-align: center; }
section.scratch .scratch-card__change-image .material-symbols-outlined { font-size: 24px; line-height: 1; }