#palecom-promotion-popup { all: initial; position: fixed; z-index: 99990; right: max(16px, env(safe-area-inset-right)); bottom: calc(var(--pp-bottom, 24px) + env(safe-area-inset-bottom)); display: block; width: var(--pp-width, 380px); max-width: calc(100vw - 32px); font: 14px/1.4 Arial, sans-serif; color: #fff; direction: ltr; }
#palecom-promotion-popup[hidden] { display: none !important; }
#palecom-promotion-popup .pp-card { position: relative; display: block; width: 100%; border-radius: 5px; box-shadow: 0 6px 30px #0005; background: #111; overflow: visible; }
#palecom-promotion-popup .pp-picture, #palecom-promotion-popup .pp-link { display: block; margin: 0; padding: 0; border: 0; background: transparent; line-height: 0; }
#palecom-promotion-popup .pp-image { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 5px; }
#palecom-promotion-popup .pp-close { all: unset; box-sizing: border-box; position: absolute; top: 4px; right: 4px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; background: #111; color: #fff; font: 32px/1 Arial, sans-serif; cursor: pointer; z-index: 2; }
#palecom-promotion-popup .pp-close:hover { background: #333; }
#palecom-promotion-popup .pp-close:focus-visible, #palecom-promotion-popup .pp-link:focus-visible { outline: 3px solid #00bfff; outline-offset: 3px; }
#palecom-promotion-popup .pp-preview { display: block; background: #fff; color: #111; padding: 6px 10px; font: bold 12px/1.5 Arial, sans-serif; text-align: center; }
@media (max-width: 600px) {
    #palecom-promotion-popup { right: max(12px, env(safe-area-inset-right)); bottom: calc(var(--pp-mobile-bottom, 24px) + env(safe-area-inset-bottom)); width: var(--pp-mobile-width, 340px); max-width: calc(100vw - 24px); }
}