/* Ad Manager — exclusive formats */
.neoam-adlabel { position: absolute; top: 4px; left: 6px; font: 10px/1 Arial, sans-serif; letter-spacing: .05em; text-transform: uppercase; color: rgba(0,0,0,.45); background: rgba(255,255,255,.75); padding: 2px 4px; border-radius: 2px; z-index: 3; pointer-events: none; }
.neoam-x { position: absolute; top: 6px; right: 6px; z-index: 4; width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(0,0,0,.6); color: #fff; font: 20px/28px Arial, sans-serif; cursor: pointer; padding: 0; }
.neoam-x:hover, .neoam-x:focus { background: #000; }

/* Billboard: drops down at the top */
.neoam-billboard { position: relative; overflow: hidden; max-height: 0; transition: max-height .8s ease; background: #000; text-align: center; }
.neoam-billboard img { display: block; width: 100%; max-width: 2000px; height: auto; margin: 0 auto; }

/* Sneaker: slides up from the bottom */
.neoam-sneaker { position: fixed; left: 50%; bottom: 0; z-index: 99990; width: 100%; max-width: 728px; transform: translate(-50%, 110%); transition: transform .6s ease; box-shadow: 0 -4px 18px rgba(0,0,0,.25); background: #fff; }
.neoam-sneaker.neoam-in { transform: translate(-50%, 0); }
.neoam-sneaker img { display: block; width: 100%; height: auto; }

/* Sticky Note */
.neoam-sticky { position: fixed; z-index: 99991; width: 210px; min-height: 130px; padding: 26px 18px 18px; background: var(--note, #FFF59D); box-shadow: 0 8px 18px rgba(0,0,0,.22); transform: rotate(-3deg) scale(.6); opacity: 0; transition: transform .45s cubic-bezier(.2,1.6,.4,1), opacity .3s; box-sizing: border-box; }
.neoam-sticky.neoam-in { transform: rotate(-3deg) scale(1); opacity: 1; }
.neoam-sticky::before { content: ""; position: absolute; top: -10px; left: 50%; width: 70px; height: 22px; transform: translateX(-50%) rotate(2deg); background: rgba(255,255,255,.55); }
.neoam-sticky a { display: block; color: #1d2a3a; text-decoration: none; font: 600 21px/1.25 "Comic Sans MS", "Segoe Print", "Bradley Hand", cursive; text-align: center; }
.neoam-sticky .neoam-x { width: 22px; height: 22px; font-size: 16px; line-height: 22px; top: 4px; right: 4px; background: rgba(0,0,0,.35); }
.neoam-top-right { top: 130px; right: 24px; }
.neoam-bottom-right { bottom: 24px; right: 24px; }
.neoam-bottom-left { bottom: 24px; left: 24px; }
@media (max-width: 600px) { .neoam-sticky { width: 170px; min-height: 100px; } .neoam-sticky a { font-size: 17px; } .neoam-top-right { top: auto; bottom: 16px; right: 12px; } }

/* Amazing Cube (970x250, scales down on small screens) */
.neoam-cube-wrap { position: relative; width: 100%; max-width: 970px; margin: 0 auto; overflow: hidden; }
.neoam-cube-ad { position: relative; width: 970px; height: 250px; display: flex; background: #fff; transform-origin: top left; box-shadow: 0 2px 10px rgba(0,0,0,.12); font-family: Arial, Helvetica, sans-serif; }
.neoam-cube-logo { flex: 0 0 210px; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; }
.neoam-cube-logo img { max-width: 100%; max-height: 200px; height: auto; }
.neoam-cube-stage { flex: 0 0 250px; height: 250px; perspective: 900px; }
.neoam-cube { position: relative; width: 250px; height: 250px; transform-style: preserve-3d; transform: translateZ(-125px); transition: transform 1s cubic-bezier(.45,.05,.3,1); }
.neoam-face { position: absolute; inset: 0; backface-visibility: hidden; display: block; background: #eee; }
.neoam-face img { width: 250px; height: 250px; object-fit: cover; display: block; }
.neoam-f1 { transform: rotateY(0deg) translateZ(125px); }
.neoam-f2 { transform: rotateY(90deg) translateZ(125px); }
.neoam-f3 { transform: rotateY(180deg) translateZ(125px); }
.neoam-f4 { transform: rotateY(-90deg) translateZ(125px); }
.neoam-f5 { transform: rotateX(90deg) translateZ(125px); }
.neoam-f6 { transform: rotateX(-90deg) translateZ(125px); }
.neoam-cube-text { flex: 1; display: flex; flex-direction: column; }
.neoam-cube-cap { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding: 18px 26px; color: #111; text-decoration: none; font-weight: bold; font-size: 24px; line-height: 1.25; }
.neoam-cube-cta { display: block; background: var(--accent, #1E8E3E); color: #fff; text-decoration: none; padding: 14px 18px; font-size: 14px; font-weight: bold; letter-spacing: .03em; text-transform: uppercase; }

/* Scratch-Off (300x300) */
.neoam-scratch { position: relative; width: 300px; max-width: 100%; aspect-ratio: 1 / 1; margin: 0 auto; background: var(--bg, #FFEB3B); overflow: hidden; user-select: none; }
.neoam-reveal { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; color: #1d2a3a; }
.neoam-reveal img { width: 100%; height: 100%; object-fit: cover; }
.neoam-reveal-text { padding: 24px; font: bold 30px/1.2 Arial, Helvetica, sans-serif; }
.neoam-scratch-canvas { position: absolute; inset: 0; width: 100%; height: 100%; cursor: crosshair; touch-action: none; }
.neoam-scratch-hint { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,.65); color: #fff; font: bold 12px Arial, sans-serif; padding: 5px 10px; border-radius: 12px; pointer-events: none; transition: opacity .4s; }

/* Instant Video */
.neoam-video { position: relative; max-width: 640px; margin: 0 auto; background: #000; }
.neoam-ratio { position: relative; padding-top: 56.25%; }
.neoam-ratio iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.neoam-video-cta { display: block; background: #111; color: #fff; text-align: center; padding: 10px; font: bold 14px Arial, sans-serif; text-decoration: none; }
.neoam-video .neoam-adlabel { background: rgba(0,0,0,.55); color: #fff; }

@media (prefers-reduced-motion: reduce) {
	.neoam-cube, .neoam-billboard, .neoam-sneaker, .neoam-sticky { transition: none; }
}