/* Same landscape product format as Saphir, on desktop and phones. */
.feuerwehr-alarm-gallery .gallery-frame{position:relative;width:100%;height:auto!important;aspect-ratio:4/3;background:#fff0e7;overflow:hidden;display:none!important}
.feuerwehr-alarm-gallery .gallery-frame>img{display:block!important;position:static!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;max-height:none!important;object-fit:contain!important;transform:none!important}
.feuerwehr-alarm-gallery:not(:has(.gallery-choice input[value="2"]:checked,.gallery-choice input[value="3"]:checked,.gallery-choice input[value="4"]:checked)) .gallery-frame[data-gallery-panel="1"],.feuerwehr-alarm-gallery:has(.gallery-choice input[value="2"]:checked) .gallery-frame[data-gallery-panel="2"],.feuerwehr-alarm-gallery:has(.gallery-choice input[value="3"]:checked) .gallery-frame[data-gallery-panel="3"],.feuerwehr-alarm-gallery:has(.gallery-choice input[value="4"]:checked) .gallery-frame[data-gallery-panel="4"]{display:flex!important}
.feuerwehr-alarm-hippie{position:absolute!important;right:2px!important;bottom:2px!important;left:auto!important;top:auto!important;display:block;width:clamp(54px,24%,100px);aspect-ratio:1;z-index:4;pointer-events:none;transform-origin:50% 100%}
.feuerwehr-alarm-hippie>img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;aspect-ratio:1!important;transform:none!important}
.feuerwehr-alarm-hippie[hidden]{display:none!important}
.feuerwehr-alarm-scene.is-monster-playing .feuerwehr-alarm-hippie{animation:feuerwehr-alarm-happy-hop 6.4s ease-in-out 1 both}
@keyframes feuerwehr-alarm-happy-hop{0%,15%,100%{transform:translateY(0) rotate(0)}22%{transform:translateY(-14%) rotate(-8deg)}29%{transform:translateY(0) rotate(5deg)}38%{transform:translateY(-20%) rotate(7deg)}46%{transform:translateY(0) rotate(-4deg)}60%,76%{transform:translateY(-4%) rotate(-7deg)}68%,84%{transform:translateY(0) rotate(7deg)}}
/* The two real models start one new row; its third slot is for the next model. */
@media(min-width:761px){
 #cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 #cards>.home-new-row-start{grid-column:1}
 #full-cards .photo-format-row[data-photo-format="new-models"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:start}
 #full-cards .photo-format-row[data-photo-format="new-models"]>.ticket{width:auto;max-width:none;min-width:0;flex:initial}
}
:is(#full-cards,#cards) .ticket:is([data-model-id="55"],[data-model-id="51"]) .ticketimage{height:auto!important;aspect-ratio:auto!important}
:is(#full-cards,#cards) .ticket:is([data-model-id="55"],[data-model-id="51"]) .hippie-photo-frame{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#fff0e7!important}
:is(#full-cards,#cards) .ticket:is([data-model-id="55"],[data-model-id="51"]) .hippie-photo-frame::before{display:none!important}
:is(#full-cards,#cards) .ticket:is([data-model-id="55"],[data-model-id="51"]) .hippie-photo-frame>img{position:static!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important}
@media(max-width:760px){.feuerwehr-alarm-hippie{width:clamp(54px,24%,92px)}}
@media(prefers-reduced-motion:reduce){.feuerwehr-alarm-scene .feuerwehr-alarm-hippie{animation:none!important}}

/* New model sprite poses */
.feuerwehr-alarm-hippie{width:clamp(68px,28%,150px);max-width:30%;overflow:hidden;inset:auto 0 0 auto!important;aspect-ratio:1;transform:none!important;animation:none!important}
.ticket .feuerwehr-alarm-hippie{width:clamp(68px,28%,110px)}
.feuerwehr-alarm-scene .feuerwehr-alarm-hippie>img{position:absolute!important;top:0!important;left:0!important;width:400%!important;height:200%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:fill!important;transform:none!important;translate:-75% -50%;background:none!important;border-radius:0!important}
.feuerwehr-alarm-scene.is-feuerwehr-alarm-playing .feuerwehr-alarm-hippie>img{animation:feuerwehr-alarm-eight-poses 6.4s steps(1,end) 1 both}
@keyframes feuerwehr-alarm-eight-poses{0%{translate:0 0}12.5%{translate:-25% 0}25%{translate:-50% 0}37.5%{translate:-75% 0}50%{translate:0 -50%}62.5%{translate:-25% -50%}75%{translate:-50% -50%}87.5%,100%{translate:-75% -50%}}
@media(prefers-reduced-motion:reduce){.feuerwehr-alarm-scene .feuerwehr-alarm-hippie>img{animation:none!important;translate:-75% -50%!important}}