#ra3-root {
	--red: #C81115; --red-d: #8C0C0F;
	--bg: #0D0D0D; --bg2: #161616; --bg3: #1F1F1F;
	--line: rgba(255,255,255,.14); --line2: rgba(255,255,255,.30);
	--txt: #EDEDED; --mute: #A3A3A3;
	position: fixed; right: 30px; bottom: 22px; z-index: 99990;
	display: flex; flex-direction: column; align-items: flex-end; gap: 10px;
	font: 400 14.5px/1.55 Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	color: var(--txt); text-align: left;
}
#ra3-root *, #ra3-root *::before, #ra3-root *::after { box-sizing: border-box; }

#ra3-root button {
	all: unset; box-sizing: border-box; cursor: pointer;
	font-family: inherit; -webkit-tap-highlight-color: transparent;
}
#ra3-root button:focus-visible, #ra3-root a:focus-visible { outline: 2px solid #fff !important; outline-offset: 2px !important; }

#ra3-root .ra3-launch { display: flex !important; flex-direction: column; align-items: center; gap: 6px; padding: 0 !important; background: none !important; }
#ra3-root .ra3-fr { position: relative; display: block; width: 84px; height: 128px; perspective: 520px; filter: drop-shadow(0 12px 20px rgba(0,0,0,.35)); animation: ra3-bob 3s ease-in-out infinite; }
@keyframes ra3-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
#ra3-root .ra3-fr__body { position: absolute; inset: 0; background: #2a2a2a; border-radius: 10px; overflow: hidden; }
#ra3-root .ra3-fr__in { position: absolute; inset: 6px; display: flex; flex-direction: column; justify-content: space-evenly; padding: 5px; background: #EAF6FF; border-radius: 6px; text-align: center; }
#ra3-root .ra3-fr__in i { display: block; height: 3px; background: #B9D6EA; border-radius: 2px; }
#ra3-root .ra3-fr__in b { font-size: 9.5px; line-height: 1.15; font-weight: 800; color: var(--red); }
#ra3-root .ra3-fr__glow { position: absolute; inset: 6px; border-radius: 6px; box-shadow: inset 0 0 26px 8px rgba(160,220,255,.95); opacity: 0; transition: opacity .5s; }
#ra3-root .ra3-fr__door { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(135deg, #E0161B, var(--red-d)); border-radius: 10px; color: #fff; transform-origin: right center; transition: transform .7s cubic-bezier(.3,1.3,.5,1); }
#ra3-root .ra3-fr__handle { position: absolute; left: 8px; top: 26px; width: 5px; height: 40px; background: #fff; border-radius: 3px; opacity: .85; }
#ra3-root .ra3-fr__eyes { display: flex; gap: 12px; margin-bottom: 5px; }
#ra3-root .ra3-fr__eyes i { display: block; width: 9px; height: 13px; background: #fff; border-radius: 50%; animation: ra3-blink 4s infinite; }
@keyframes ra3-blink { 0%,92%,100% { transform: scaleY(1); } 95% { transform: scaleY(.1); } }
#ra3-root .ra3-fr__smile { display: block; width: 24px; height: 11px; border: 3px solid #fff; border-top: 0; border-radius: 0 0 20px 20px; }
#ra3-root .ra3-fr__lbl { margin-top: 8px; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; }
#ra3-root .ra3-launch:hover .ra3-fr__door, #ra3-root .ra3-launch:focus-visible .ra3-fr__door, #ra3-root .ra3-launch.is-opening .ra3-fr__door { transform: rotateY(75deg); }
#ra3-root .ra3-launch:hover .ra3-fr__glow, #ra3-root .ra3-launch.is-opening .ra3-fr__glow { opacity: 1; }
#ra3-root .ra3-launch__txt { padding: 3px 10px; background: #141414; color: #fff; border-radius: 999px; font-size: 11.5px; font-weight: 700; white-space: nowrap; }
#ra3-root .ra3-launch:not(.has-chat) .ra3-launch__txt { display: none; }
#ra3-root.is-open .ra3-launch { display: none !important; }
@media (max-width: 640px) { #ra3-root .ra3-fr { width: 62px; height: 94px; } #ra3-root .ra3-fr__in b { font-size: 7.5px; } #ra3-root .ra3-fr__lbl { font-size: 8.5px; margin-top: 5px; } #ra3-root .ra3-fr__handle { top: 18px; height: 28px; } #ra3-root .ra3-fr__eyes i { width: 7px; height: 10px; } }
@media (prefers-reduced-motion: reduce) { #ra3-root .ra3-fr, #ra3-root .ra3-fr__eyes i { animation: none; } }

#ra3-root .ra3-nudge {
	position: relative; width: min(340px, calc(100vw - 28px));
	padding: 16px 16px 14px; background: #fff; color: #141414;
	border-radius: 14px; box-shadow: 0 18px 46px rgba(0,0,0,.3); cursor: pointer;
	border-top: 4px solid var(--red); animation: ra3-in .3s ease;
}
#ra3-root .ra3-nudge[hidden] { display: none !important; }
#ra3-root .ra3-nudge__h { display: block; padding-right: 34px; font-size: 16px; font-weight: 800; color: #141414; }
#ra3-root .ra3-nudge p { margin: 4px 0 10px; font-weight: 500; font-size: 13.5px; color: #3a3a3a; }
#ra3-root .ra3-nudge__f { display: flex; gap: 6px; margin: 0 0 9px; }
#ra3-root .ra3-nudge__f input { flex: 1; min-width: 0; height: 40px; padding: 0 12px; border: 1px solid #cfcfcf; border-radius: 8px; font: inherit; font-size: 14px; color: #141414; background: #fff; }
#ra3-root .ra3-nudge__f input:focus { outline: none; border-color: var(--red); box-shadow: 0 0 0 3px rgba(200,17,21,.15); }
#ra3-root .ra3-nudge__f button { display: grid !important; place-items: center; width: 40px; height: 40px; border-radius: 8px; background: var(--red) !important; color: #fff !important; font-size: 17px; font-weight: 700; }
#ra3-root .ra3-nudge__f button:hover { background: var(--red-d) !important; }
#ra3-root .ra3-nudge__c { display: flex; flex-wrap: wrap; gap: 6px; }
#ra3-root .ra3-nudge__c button { padding: 6px 11px !important; border-radius: 999px; background: #F3F3F3 !important; color: #141414 !important; border: 1px solid #e0e0e0 !important; font-size: 12.5px; font-weight: 600; }
#ra3-root .ra3-nudge__c button:hover { background: var(--red) !important; color: #fff !important; border-color: var(--red) !important; }
#ra3-root .ra3-nudge__x {
	position: absolute !important; top: 10px; right: 10px;
	display: grid !important; place-items: center;
	width: 30px !important; height: 30px !important;
	background: #EDEDED !important; color: #141414 !important;
	border-radius: 50%; font-size: 14px; font-weight: 700; line-height: 1;
}
#ra3-root .ra3-nudge__x:hover { background: var(--red) !important; color: #fff !important; }

#ra3-root .ra3-panel {
	display: flex; flex-direction: column;
	width: 410px; height: min(680px, calc(100vh - 44px - var(--ra3-lift, 0px)));
	background: var(--bg); border: 1px solid var(--line); border-radius: 10px; overflow: hidden;
	box-shadow: 0 28px 70px rgba(0,0,0,.6);
	animation: ra3-in .25s ease;
}
#ra3-root .ra3-panel[hidden] { display: none !important; }
@keyframes ra3-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

#ra3-root .ra3-head {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	padding: 12px 12px 12px 14px; background: #000; border-bottom: 2px solid var(--red);
}
#ra3-root .ra3-brand { display: flex; align-items: center; gap: 11px; min-width: 0; }
#ra3-root .ra3-logo { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; background: var(--red); color: #fff; border-radius: 6px; font-weight: 800; font-size: 17px; }
#ra3-root .ra3-brand__t { display: flex; flex-direction: column; min-width: 0; }
#ra3-root .ra3-brand__t strong { color: #fff; font-size: 15.5px; font-weight: 700; }
#ra3-root .ra3-brand__t small { color: var(--mute); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; }

#ra3-root .ra3-ctrls { display: flex; gap: 6px; flex: 0 0 auto; }
#ra3-root .ra3-ctrl {
	display: grid !important; place-items: center;
	width: 38px !important; height: 38px !important;
	background: #222 !important; color: #fff !important;
	border: 1px solid rgba(255,255,255,.35) !important; border-radius: 6px;
	transition: background .15s, border-color .15s;
}
#ra3-root .ra3-glyph { display: block; color: #fff !important; font-size: 17px; font-weight: 700; line-height: 1; font-family: Arial, Helvetica, sans-serif; }
#ra3-root .ra3-ctrl:hover { background: #333 !important; border-color: #fff !important; }
#ra3-root .ra3-ctrl--close { background: var(--red) !important; border-color: var(--red) !important; }
#ra3-root .ra3-ctrl--close:hover { background: var(--red-d) !important; border-color: #fff !important; }

#ra3-root .ra3-log { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; background: var(--bg); overscroll-behavior: contain; }
#ra3-root .ra3-msg { max-width: 90%; padding: 10px 14px; border-radius: 8px; word-wrap: break-word; animation: ra3-in .2s ease; }
#ra3-root .ra3-bot { align-self: flex-start; background: var(--bg3); color: var(--txt); border-left: 3px solid var(--red); }
#ra3-root .ra3-me { align-self: flex-end; background: var(--red-d); color: #fff; }
#ra3-root .ra3-typing { display: flex; gap: 5px; padding: 13px 14px; }
#ra3-root .ra3-typing i { width: 7px; height: 7px; border-radius: 50%; background: #9a9a9a; animation: ra3-dot 1s infinite; }
#ra3-root .ra3-typing i:nth-child(2) { animation-delay: .15s; }
#ra3-root .ra3-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes ra3-dot { 30% { transform: translateY(-4px); opacity: 1; } 0%, 60%, 100% { opacity: .35; transform: none; } }

#ra3-root .ra3-chips { display: flex; flex-wrap: wrap; gap: 7px; }
#ra3-root .ra3-chip {
	display: inline-flex !important; align-items: center; min-height: 38px; padding: 8px 13px !important;
	background: var(--bg2) !important; color: var(--txt) !important;
	border: 1px solid var(--line2) !important; border-radius: 6px;
	font-size: 13.5px; font-weight: 600; text-decoration: none !important; line-height: 1.3;
}
#ra3-root .ra3-chip:hover { border-color: var(--red) !important; color: #fff !important; background: #202020 !important; }
#ra3-root .ra3-chip.is-primary { background: var(--red) !important; border-color: var(--red) !important; color: #fff !important; }
#ra3-root .ra3-chip.is-primary:hover { background: var(--red-d) !important; }

#ra3-root .ra3-link { color: #ec8c8f !important; text-decoration: none !important; font-weight: 600; font-size: 13px; }
#ra3-root .ra3-link:hover { text-decoration: underline !important; }
#ra3-root .ra3-src { color: #8a8a8a; font-size: 11.5px; }

#ra3-root .ra3-cards { display: flex; flex-direction: column; gap: 8px; }
#ra3-root .ra3-card__img { flex: 0 0 64px; }
#ra3-root .ra3-card__n { color: inherit !important; text-decoration: none !important; }
#ra3-root .ra3-card__n:hover b { text-decoration: underline; }
#ra3-root .ra3-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
#ra3-root .ra3-add { display: inline-flex !important; align-items: center; min-height: 30px; padding: 4px 10px !important; border-radius: 6px; font-size: 12.5px; font-weight: 700; background: var(--red) !important; color: #fff !important; text-decoration: none !important; }
#ra3-root .ra3-add:hover { background: var(--red-d) !important; }
#ra3-root .ra3-add.is-cart { background: #16A34A !important; }
#ra3-root .ra3-add.is-link { background: transparent !important; color: var(--txt) !important; border: 1px solid var(--line2); font-weight: 600; }
#ra3-root .ra3-add.is-done { background: #333 !important; cursor: default; }
#ra3-root .ra3-add:disabled { opacity: .75; }
#ra3-root .ra3-card { display: flex; gap: 12px; padding: 10px; background: var(--bg2); border: 1px solid var(--line); border-radius: 8px; color: var(--txt) !important; text-decoration: none !important; }
#ra3-root a.ra3-card:hover { border-color: var(--red); }
#ra3-root .ra3-card img { flex: 0 0 64px; width: 64px; height: 64px; object-fit: contain; background: #fff; border-radius: 4px; }
#ra3-root .ra3-card__b { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#ra3-root .ra3-card__b b { color: #fff; font-size: 13.5px; line-height: 1.3; }
#ra3-root .ra3-card__b small { color: #8a8a8a; font-size: 11.5px; }
#ra3-root .ra3-card__b strong { color: #fff; }
#ra3-root .ra3-card__b em { color: #ec8c8f; font-style: normal; }
#ra3-root .ra3-meta { color: var(--mute); font-size: 11.5px; }
#ra3-root .ra3-meta i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 5px; }
#ra3-root .ra3-meta i.in { background: #63a875; }
#ra3-root .ra3-meta i.out { background: #c7a034; }
#ra3-root .ra3-w { display: block; margin-top: 4px; padding: 7px 9px; background: #0a0a0a; border-left: 2px solid #63a875; border-radius: 4px; color: #fff; font-size: 13px; }
#ra3-root .ra3-w__k { display: block; color: #63a875; font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
#ra3-root .ra3-w--none { border-left-color: #c7a034; color: var(--txt); }

#ra3-root .ra3-list { list-style: none; margin: 8px 0 6px; padding: 0; display: flex; flex-direction: column; gap: 1px; background: var(--line); border-radius: 6px; overflow: hidden; }
#ra3-root .ra3-list li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 10px; background: #121212; font-size: 13px; }
#ra3-root .ra3-list li span { color: var(--mute); flex: 0 0 auto; }
#ra3-root .ra3-list li b { color: #fff; font-weight: 600; text-align: right; }
#ra3-root .ra3-list a { color: #ec8c8f !important; }

#ra3-root .ra3-order { margin-top: 8px; padding: 10px; background: var(--bg2); border: 1px solid var(--line); border-radius: 8px; }
#ra3-root .ra3-order:first-child { margin-top: 0; }
#ra3-root .ra3-order__h { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#ra3-root .ra3-order__h b { color: #fff; font-size: 15px; }
#ra3-root .ra3-order__m { color: var(--mute); font-size: 12.5px; }
#ra3-root .ra3-order p { margin: 4px 0 0; }
#ra3-root .ra3-pill { padding: 3px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; background: #26324a; color: #b9cbf0; }
#ra3-root .ra3-pill--completed { background: #1f3a28; color: #9fd6ae; }
#ra3-root .ra3-pill--processing { background: #26324a; color: #b9cbf0; }
#ra3-root .ra3-pill--on-hold, #ra3-root .ra3-pill--pending { background: #3d3317; color: #e8cf86; }
#ra3-root .ra3-pill--cancelled, #ra3-root .ra3-pill--refunded, #ra3-root .ra3-pill--failed { background: #401315; color: #ffc6c8; }

#ra3-root .ra3-contact { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
#ra3-root .ra3-contact a { display: flex; justify-content: space-between; gap: 10px; padding: 9px 11px; background: var(--bg2); border: 1px solid var(--line); border-radius: 6px; color: #fff !important; text-decoration: none !important; font-weight: 600; }
#ra3-root .ra3-contact a:hover { border-color: var(--red); }
#ra3-root .ra3-contact a span { color: var(--mute); font-weight: 400; }
#ra3-root .ra3-contact small { color: var(--mute); }

#ra3-root .ra3-form { display: flex; flex-direction: column; gap: 10px; padding: 14px; background: var(--bg2); border: 1px solid var(--line); border-radius: 8px; }
#ra3-root .ra3-form label { display: flex; flex-direction: column; gap: 4px; color: var(--mute); font-size: 12.5px; }
#ra3-root .ra3-form input, #ra3-root .ra3-form textarea, #ra3-root .ra3-form select {
	width: 100%; min-height: 42px; padding: 9px 11px; margin: 0;
	background: #080808 !important; color: #fff !important; border: 1px solid #444 !important; border-radius: 5px;
	font-family: inherit; font-size: 16px; line-height: 1.4; box-shadow: none;
}
#ra3-root .ra3-form textarea { min-height: 84px; resize: vertical; }
#ra3-root .ra3-form input:focus, #ra3-root .ra3-form textarea:focus, #ra3-root .ra3-form select:focus { border-color: var(--red) !important; outline: none; }
#ra3-root .ra3-consent { flex-direction: row !important; align-items: flex-start; gap: 8px !important; font-size: 12.5px; }
#ra3-root .ra3-consent input { width: 18px !important; min-height: 18px !important; height: 18px; flex: 0 0 18px; margin-top: 2px; accent-color: var(--red); }
#ra3-root .ra3-consent a { color: #ec8c8f; }
#ra3-root .ra3-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0; }
#ra3-root .ra3-submit { display: grid !important; place-items: center; min-height: 44px; background: var(--red) !important; color: #fff !important; border-radius: 5px; font-weight: 700; }
#ra3-root .ra3-submit:hover { background: var(--red-d) !important; }
#ra3-root .ra3-submit[disabled] { opacity: .6; cursor: wait; }
#ra3-root .ra3-err { margin: 0; padding: 8px 10px; background: #401315; color: #ffc6c8; border-radius: 5px; font-size: 13px; }
#ra3-root .ra3-err[hidden] { display: none !important; }

#ra3-root .ra3-type { display: flex; gap: 8px; margin: 0; padding: 11px 12px; background: #000; border-top: 1px solid var(--line); }
#ra3-root .ra3-type input {
	flex: 1; min-width: 0; height: 46px; padding: 0 14px; margin: 0;
	background: #141414 !important; color: #fff !important; border: 1px solid #3a3a3a !important; border-radius: 6px;
	font-family: inherit; font-size: 16px; box-shadow: none;
}
#ra3-root .ra3-type input::placeholder { color: #8a8a8a; }
#ra3-root .ra3-type input:focus { border-color: var(--red) !important; outline: none; }
#ra3-root .ra3-send { display: grid !important; place-items: center; padding: 0 16px !important; height: 46px; background: var(--red) !important; color: #fff !important; border-radius: 6px; font-weight: 700; font-size: 14px; }
#ra3-root .ra3-send:hover { background: var(--red-d) !important; }

@media (max-width: 640px) {
	#ra3-root { right: 14px; bottom: 14px; }
	#ra3-root.is-open { inset: 0; right: 0; bottom: 0; }
	#ra3-root .ra3-panel { width: 100vw; height: 100dvh; border-radius: 0; border: 0; }
	#ra3-root .ra3-head { padding-top: calc(12px + env(safe-area-inset-top, 0px)); }
	#ra3-root .ra3-ctrl { width: 44px !important; height: 44px !important; }
	#ra3-root .ra3-msg { max-width: 94%; }
}
@media (prefers-reduced-motion: reduce) { #ra3-root * { animation: none !important; transition: none !important; } }
@media print { #ra3-root { display: none !important; } }

.ra3-guard { margin: 6px 0; min-height: 0; }
.ra3-guard:empty { display: none; }

#ra3-root .ra3-logo--img { background: #fff; padding: 4px; box-sizing: border-box; }
#ra3-root .ra3-logo--img img { display: block; width: 100%; height: 100%; object-fit: contain; }

/* RED chat button: a pizza oven with a face. Smoke puffs, fire flickers, eyes blink; on hover the door drops and a pizza slides out. */
#ra3-root .ra3-po { position: relative; display: block; width: 104px; height: 118px; filter: drop-shadow(0 12px 18px rgba(0,0,0,.35)); animation: ra3-bob 3s ease-in-out infinite; }
#ra3-root .ra3-po__chim { position: absolute; left: 64px; top: 6px; width: 14px; height: 26px; background: linear-gradient(90deg,#3a3a3a,#5a5a5a,#2c2c2c); border-radius: 2px 2px 0 0; }
#ra3-root .ra3-po__chim::before { content: ""; position: absolute; left: -3px; top: -4px; width: 20px; height: 6px; background: #444; border-radius: 2px; }
#ra3-root .ra3-po__smoke { position: absolute; left: 62px; top: -10px; width: 20px; height: 20px; }
#ra3-root .ra3-po__smoke i { position: absolute; left: 4px; bottom: 0; width: 11px; height: 11px; border-radius: 50%; background: rgba(210,210,210,.85); opacity: 0; animation: ra3-smoke 2.7s ease-out infinite; }
#ra3-root .ra3-po__smoke i:nth-child(2) { animation-delay: .9s; }
#ra3-root .ra3-po__smoke i:nth-child(3) { animation-delay: 1.8s; }
#ra3-root .ra3-po__dome { position: absolute; left: 0; right: 0; top: 22px; height: 74px; border-radius: 52px 52px 6px 6px; overflow: hidden;
	background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.22), transparent 40%), repeating-linear-gradient(0deg, transparent 0 11px, rgba(0,0,0,.18) 11px 12px), linear-gradient(135deg, #E0161B, var(--red-d)); }
#ra3-root .ra3-po__eyes { position: absolute; left: 0; right: 0; top: 13px; display: flex; justify-content: center; gap: 20px; }
#ra3-root .ra3-po__eyes i { display: block; width: 9px; height: 12px; background: #fff; border-radius: 50%; animation: ra3-blink 4s infinite; }
#ra3-root .ra3-po__cheeks { position: absolute; left: 0; right: 0; top: 26px; display: flex; justify-content: center; gap: 38px; }
#ra3-root .ra3-po__cheeks i { display: block; width: 9px; height: 5px; border-radius: 50%; background: rgba(255,170,170,.55); }
#ra3-root .ra3-po__mouth { position: absolute; left: 50%; bottom: 0; width: 54px; height: 36px; margin-left: -27px; border-radius: 27px 27px 0 0; background: #1a0d08; overflow: hidden; box-shadow: inset 0 0 0 3px rgba(255,255,255,.85); }
#ra3-root .ra3-po__fire { position: absolute; left: 0; right: 0; bottom: 0; height: 100%; display: flex; justify-content: center; align-items: flex-end; gap: 1px; }
#ra3-root .ra3-po__fire::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 100%, rgba(255,140,30,.75), rgba(255,80,0,0) 70%); animation: ra3-glow 1.4s ease-in-out infinite alternate; }
#ra3-root .ra3-po__fire i { position: relative; display: block; width: 12px; height: 20px; border-radius: 50% 50% 45% 45% / 65% 65% 35% 35%; background: linear-gradient(#FFE08A, #FF9A1F 55%, #E8420B); transform-origin: 50% 100%; animation: ra3-flame .55s ease-in-out infinite alternate; }
#ra3-root .ra3-po__fire i:nth-child(2) { height: 26px; width: 14px; animation-delay: .18s; }
#ra3-root .ra3-po__fire i:nth-child(3) { animation-delay: .32s; }
#ra3-root .ra3-po__door { position: absolute; inset: 0; border-radius: 27px 27px 0 0; background: linear-gradient(180deg, #d4d7db, #8e959c); box-shadow: inset 0 0 0 3px rgba(255,255,255,.6); transform-origin: 50% 100%; transition: transform .6s cubic-bezier(.3,1.3,.5,1); }
#ra3-root .ra3-po__door::after { content: ""; position: absolute; left: 50%; top: 9px; width: 14px; height: 4px; margin-left: -7px; border-radius: 3px; background: #2b2b2b; }
#ra3-root .ra3-po__pizza { position: absolute; left: 50%; bottom: 2px; width: 34px; height: 9px; margin-left: -17px; border-radius: 50%; background: radial-gradient(ellipse at 50% 50%, #F2C14E 0 55%, #C9802F 56% 100%); transform: translateY(14px) scale(.6); opacity: 0; transition: transform .6s .15s cubic-bezier(.3,1.4,.5,1), opacity .3s .15s; }
#ra3-root .ra3-po__pizza i { position: absolute; top: 2px; width: 4px; height: 3px; border-radius: 50%; background: #C8102E; }
#ra3-root .ra3-po__pizza i:nth-child(1) { left: 7px; } #ra3-root .ra3-po__pizza i:nth-child(2) { left: 14px; top: 4px; } #ra3-root .ra3-po__pizza i:nth-child(3) { left: 21px; } #ra3-root .ra3-po__pizza i:nth-child(4) { left: 26px; top: 4px; }
#ra3-root .ra3-po__base { position: absolute; left: -4px; right: -4px; bottom: 0; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background: #141414; color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; box-shadow: inset 0 3px 0 rgba(255,255,255,.12); }
#ra3-root .ra3-launch:hover .ra3-po__door, #ra3-root .ra3-launch:focus-visible .ra3-po__door, #ra3-root .ra3-launch.is-opening .ra3-po__door { transform: perspective(200px) rotateX(-82deg); }
#ra3-root .ra3-launch:hover .ra3-po__pizza, #ra3-root .ra3-launch:focus-visible .ra3-po__pizza, #ra3-root .ra3-launch.is-opening .ra3-po__pizza { transform: translateY(0) scale(1); opacity: 1; }
#ra3-root .ra3-launch:hover .ra3-po__fire i { animation-duration: .3s; }
@keyframes ra3-smoke { 0% { transform: translate(0,0) scale(.5); opacity: 0; } 20% { opacity: .9; } 100% { transform: translate(8px,-26px) scale(1.6); opacity: 0; } }
@keyframes ra3-flame { to { transform: scaleY(1.25) scaleX(.85) skewX(4deg); } }
@keyframes ra3-glow { to { opacity: .55; } }
#ra3-root .ra3-po { zoom: 1.4; }
@media (max-width: 640px) { #ra3-root .ra3-po { zoom: 1.05; } }
@media (prefers-reduced-motion: reduce) { #ra3-root .ra3-po, #ra3-root .ra3-po__smoke i, #ra3-root .ra3-po__fire i, #ra3-root .ra3-po__fire::before { animation: none; } }
/* Oven eyes: a clear blink, a wink now and then, happy closed eyes when the door opens */
#ra3-root .ra3-po__eyes i { animation: ra3-po-blink 3.6s infinite; transform-origin: 50% 60%; }
#ra3-root .ra3-po__eyes i:nth-child(2) { animation: ra3-po-wink 7.2s infinite; }
@keyframes ra3-po-blink { 0%,86%,100% { transform: scaleY(1); } 90%,93% { transform: scaleY(.08); } }
@keyframes ra3-po-wink { 0%,43%,51%,86%,100% { transform: scaleY(1); } 45%,49% { transform: scaleY(.08); } 90%,93% { transform: scaleY(.08); } }
#ra3-root .ra3-launch:hover .ra3-po__eyes i, #ra3-root .ra3-launch:focus-visible .ra3-po__eyes i, #ra3-root .ra3-launch.is-opening .ra3-po__eyes i { animation: none; width: 11px; height: 6px; margin-top: 4px; background: none; border: 3px solid #fff; border-bottom: 0; border-radius: 10px 10px 0 0; }
@media (prefers-reduced-motion: reduce) { #ra3-root .ra3-po__eyes i { animation: none; } }

/* 3.4.11 — gas flame (blue base, red tips), glass door window, bigger pizza that always shows. */
#ra3-root .ra3-po__fire::before { background: radial-gradient(circle at 50% 100%, rgba(60,140,255,.55), rgba(225,22,27,.35) 45%, rgba(255,80,0,0) 72%); }
#ra3-root .ra3-po__fire i { background: linear-gradient(to top, #1F4FE0 0%, #3FA2FF 26%, #8FD3FF 34%, #FF4A2E 52%, #E0161B 78%, #FFB070 100%); box-shadow: 0 0 6px rgba(80,160,255,.6); }
#ra3-root .ra3-po__fire i:nth-child(2) { background: linear-gradient(to top, #1F4FE0 0%, #3FA2FF 22%, #FF4A2E 48%, #E0161B 80%, #FFD08A 100%); }
#ra3-root .ra3-po__door { background: linear-gradient(180deg, rgba(212,215,219,.95) 0 22%, rgba(150,190,230,.18) 22% 100%); box-shadow: inset 0 0 0 3px rgba(255,255,255,.7); }
#ra3-root .ra3-po__door::after { top: 4px; }
#ra3-root .ra3-po__pizza { width: 44px; height: 13px; margin-left: -22px; bottom: 1px; opacity: 1; transform: translateY(0) scale(.92); z-index: 2;
	background: radial-gradient(ellipse at 50% 45%, #FFD25E 0 50%, #F2A93B 51% 62%, #B8742A 63% 100%); box-shadow: 0 2px 3px rgba(0,0,0,.45); }
#ra3-root .ra3-po__pizza i { width: 6px; height: 4px; top: 3px; background: #B3122B; box-shadow: 0 0 0 1px rgba(0,0,0,.12); }
#ra3-root .ra3-po__pizza i:nth-child(1) { left: 9px; } #ra3-root .ra3-po__pizza i:nth-child(2) { left: 18px; top: 6px; } #ra3-root .ra3-po__pizza i:nth-child(3) { left: 27px; top: 2px; } #ra3-root .ra3-po__pizza i:nth-child(4) { left: 33px; top: 6px; background: #2E8B3A; width: 5px; height: 3px; }
#ra3-root .ra3-launch:hover .ra3-po__pizza, #ra3-root .ra3-launch:focus-visible .ra3-po__pizza, #ra3-root .ra3-launch.is-opening .ra3-po__pizza { transform: translateY(-3px) scale(1.12); }
#ra3-root .ra3-po__fire i { height: 26px; width: 13px; }
#ra3-root .ra3-po__fire i:nth-child(2) { height: 32px; width: 15px; }
#ra3-root .ra3-po__fire i { background: linear-gradient(to top, #E0161B 0%, #FF4A2E 30%, #3FA2FF 55%, #1F4FE0 80%, #8FD3FF 100%) !important; }
#ra3-root .ra3-po__fire i:nth-child(2) { background: linear-gradient(to top, #E0161B 0%, #FF6A2E 28%, #2F7BFF 58%, #1F4FE0 82%, #BFE6FF 100%) !important; }
#ra3-root .ra3-po__pizza { bottom: -1px; }
#ra3-root .ra3-logo--img { flex-basis: 74px; width: 74px; padding: 3px 5px; }
/* Door: metal frame with a glass window; slides down to open on hover, back up when the mouse leaves. */
#ra3-root .ra3-po__door { background: radial-gradient(ellipse 62% 58% at 50% 62%, rgba(170,205,240,.16) 0 98%, transparent 100%), linear-gradient(180deg, #d4d7db, #8e959c) !important; box-shadow: inset 0 0 0 3px rgba(255,255,255,.75) !important;
	-webkit-mask: radial-gradient(ellipse 62% 58% at 50% 62%, rgba(0,0,0,.18) 0 98%, #000 100%); mask: radial-gradient(ellipse 62% 58% at 50% 62%, rgba(0,0,0,.18) 0 98%, #000 100%);
	transform: none; transition: transform .45s cubic-bezier(.3,1.2,.5,1) !important; z-index: 3; }
#ra3-root .ra3-launch:hover .ra3-po__door, #ra3-root .ra3-launch:focus-visible .ra3-po__door, #ra3-root .ra3-launch.is-opening .ra3-po__door { transform: translateY(104%) !important; }
#ra3-root .ra3-po__pizza { transition: transform .45s .1s cubic-bezier(.3,1.4,.5,1) !important; }
#ra3-root .ra3-po__door { -webkit-mask: radial-gradient(ellipse 46% 42% at 50% 66%, rgba(0,0,0,.45) 0 97%, #000 100%) !important; mask: radial-gradient(ellipse 46% 42% at 50% 66%, rgba(0,0,0,.45) 0 97%, #000 100%) !important; }
#ra3-root .ra3-po__door::after { top: 5px !important; width: 18px !important; margin-left: -9px !important; }
/* Final: resting = solid closed door with a smile; hover = see-through glass door (flame + pizza) and happy eyes; leave = closes again. */
#ra3-root .ra3-po__door { -webkit-mask: none !important; mask: none !important; transform: none !important; transition: opacity .35s ease !important; }
#ra3-root .ra3-po__door::before { content: ""; position: absolute; left: 50%; top: 15px; width: 22px; height: 11px; margin-left: -11px; border: 3px solid #2b2b2b; border-top: 0; border-radius: 0 0 14px 14px; transition: opacity .25s; }
#ra3-root .ra3-po__glass { position: absolute; inset: 0; border-radius: 27px 27px 0 0; z-index: 3; pointer-events: none; opacity: 0; transition: opacity .35s ease;
	background: linear-gradient(180deg, #d4d7db 0 9px, transparent 9px), radial-gradient(ellipse at 50% 70%, rgba(170,205,240,.18), rgba(170,205,240,.32)); box-shadow: inset 0 0 0 3px rgba(255,255,255,.8); }
#ra3-root .ra3-po__glass::after { content: ""; position: absolute; left: 50%; top: 2px; width: 18px; height: 4px; margin-left: -9px; border-radius: 3px; background: #2b2b2b; }
#ra3-root .ra3-launch:hover .ra3-po__door, #ra3-root .ra3-launch:focus-visible .ra3-po__door, #ra3-root .ra3-launch.is-opening .ra3-po__door { opacity: 0; transform: none !important; }
#ra3-root .ra3-launch:hover .ra3-po__glass, #ra3-root .ra3-launch:focus-visible .ra3-po__glass, #ra3-root .ra3-launch.is-opening .ra3-po__glass { opacity: 1; }
#ra3-root .ra3-launch:hover .ra3-po__pizza, #ra3-root .ra3-launch:focus-visible .ra3-po__pizza, #ra3-root .ra3-launch.is-opening .ra3-po__pizza { transform: translateY(0) scale(.95) !important; }
#ra3-root .ra3-po__door::before { display: none !important; }