/* Wereld: brievenbus — klep open, envelopjes vliegen erin, slotje klikt dicht */
body:has(.d-world-brievenbus) { --t-orange: #FCE6D6; --t-blue: #E1E9F5; --t-green: #E3EFE3; --t-yellow: #FFF3D3; }
body:has(.d-world-brievenbus) .d-section.has-vlak-groen-background-color,
body:has(.d-world-brievenbus) .d-section.has-vlak-blauw-background-color { background: #F1F4FA !important; }
.d-world-brievenbus { background: linear-gradient(180deg, #E8EFF8 0%, #FBF7F0 100%) !important; }
.d-world-brievenbus .d-play-title mark { color: #4A6FA5 !important; }
body:has(.d-world-brievenbus) main .d-section { position: relative; }
body:has(.d-world-brievenbus) main .d-section + .d-section::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 24'%3E%3Cpath d='M1 4 H39 L20 19 Z' fill='%23FFF6E6' stroke='%238EAAD5' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M41 4 H79 L60 19 Z' fill='%23E3ECF8' stroke='%23F07A2B' stroke-width='2' stroke-linejoin='round' stroke-opacity='.7'/%3E%3Ccircle cx='20' cy='11' r='2.4' fill='%23F49AB4'/%3E%3Ccircle cx='60' cy='11' r='2.4' fill='%23FFC94D'/%3E%3C/svg%3E") left center / 80px 24px repeat-x; z-index: 2; pointer-events: none; }

.d-scene-brievenbus { position: absolute !important; inset: 0; height: auto !important; }
.d-brievenbus-bus { width: 180px; height: 250px; right: 3%; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 250'%3E%3Crect x='80' y='146' width='20' height='102' rx='4' fill='%23B07A50' stroke='%231E2B45' stroke-width='3'/%3E%3Cpath d='M60 246 H120' stroke='%231E2B45' stroke-width='3' stroke-linecap='round'/%3E%3Crect x='158' y='62' width='7' height='62' rx='3' fill='%231E2B45'/%3E%3Cpath d='M165 64 H186 L178 74 L186 84 H165 Z' fill='%23F07A2B' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round' transform='translate(-12 0)'/%3E%3Cpath d='M18 150 V 82 C 18 42 48 20 90 20 C 132 20 162 42 162 82 V 150 Z' fill='%238EAAD5' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M34 82 C 34 52 56 34 90 34' stroke='%23B7CAE7' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3Crect x='50' y='70' width='80' height='14' rx='7' fill='%231E2B45'/%3E%3Ccircle cx='74.0' cy='106' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='106.0' cy='106' r='3.6' fill='%231E2B45'/%3E%3Ccircle cx='75.2' cy='104.8' r='1.3' fill='%23fff'/%3E%3Ccircle cx='107.2' cy='104.8' r='1.3' fill='%23fff'/%3E%3Cpath d='M84.0 114.0 Q 90 119.0 96.0 114.0' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='67.0' cy='113.0' r='4.0' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='113.0' cy='113.0' r='4.0' fill='%23F49AB4' opacity='.65'/%3E%3Cpath d='M18 136 H162' stroke='%236F8FC2' stroke-width='3'/%3E%3C/svg%3E") !important; z-index: 2; }
.d-brievenbus-klep { width: 84px; height: 20px; right: calc(3% + 48px); bottom: 162px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 20'%3E%3Crect x='2' y='2' width='80' height='16' rx='8' fill='%236F8FC2' stroke='%231E2B45' stroke-width='2.5'/%3E%3Cpath d='M30 10 H54' stroke='%23B7CAE7' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important; z-index: 4; transform-origin: 50% 0; }
.d-scene-brievenbus .d-brievenbus-slot { width: 36px; height: 48px; right: calc(3% + 72px); bottom: 70px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 48'%3E%3Cpath d='M10 25 V15 C 10 5 26 5 26 15 V25' stroke='%231E2B45' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E%3Crect x='4' y='24' width='28' height='22' rx='5' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='18' cy='33' r='3' fill='%231E2B45'/%3E%3Cpath d='M18 34 V40' stroke='%231E2B45' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E"); z-index: 4; }
.d-brievenbus-env { width: 54px; height: 36px; right: calc(3% + 63px); bottom: 160px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect x='2' y='2' width='56' height='36' rx='5' fill='%23FFF6E6' stroke='%231E2B45' stroke-width='2.5'/%3E%3Cpath d='M5 6 L30 24 L55 6' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M30 29 C 25 25 24 22 26.5 20.5 C 28 19.6 29.5 20.4 30 21.6 C 30.5 20.4 32 19.6 33.5 20.5 C 36 22 35 25 30 29 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='1.4'/%3E%3C/svg%3E") !important; z-index: 3; opacity: 0; }
.d-brievenbus-env-1 { --dx: -320px; --dy: -150px; --rot: -18deg; }
.d-brievenbus-env-2 { --dx: -420px; --dy: -40px; --rot: 14deg; }
.d-brievenbus-env-3 { --dx: -240px; --dy: -230px; --rot: -8deg; }
.d-peek-brievenbus::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 60'%3E%3Cg transform='rotate(-6 42 34)'%3E%3Crect x='4' y='8' width='76' height='48' rx='7' fill='%23FFF6E6' stroke='%231E2B45' stroke-width='3'/%3E%3Cpath d='M8 12 L42 34 L76 12' stroke='%231E2B45' stroke-width='2.6' fill='none' stroke-linejoin='round' stroke-linecap='round' opacity='.5'/%3E%3Ccircle cx='31.8' cy='40' r='3.06' fill='%231E2B45'/%3E%3Ccircle cx='52.2' cy='40' r='3.06' fill='%231E2B45'/%3E%3Ccircle cx='32.82' cy='38.98' r='1.105' fill='%23fff'/%3E%3Ccircle cx='53.220000000000006' cy='38.98' r='1.105' fill='%23fff'/%3E%3Cpath d='M36.9 46.8 Q 42 51.05 47.1 46.8' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='25.85' cy='45.95' r='3.4' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='58.15' cy='45.95' r='3.4' fill='%23F49AB4' opacity='.65'/%3E%3C/g%3E%3C/svg%3E"); width: 80px; height: 58px; top: -46px; left: 12%; }
.d-peek-brievenbus.d-peek-right::before { left: auto; right: 12%; }

@media (prefers-reduced-motion: no-preference) {
  .d-brievenbus-bus { animation: d-brievenbus-in 1s ease-out .2s both; }
  .d-brievenbus-klep { animation: d-brievenbus-in 1s ease-out .2s both, d-brievenbus-klep 10s ease-in-out 1.2s infinite; }
  .d-scene-brievenbus .d-brievenbus-slot { animation: d-brievenbus-in 1s ease-out .2s both, d-brievenbus-slot 10s steps(1) 1.2s infinite, d-brievenbus-klik 10s ease-out 1.2s infinite; }
  .d-brievenbus-env { animation: d-brievenbus-vlieg 10s ease-in-out 1.2s infinite; }
  .d-brievenbus-env-2 { animation-delay: 2.4s; }
  .d-brievenbus-env-3 { animation-delay: 3.6s; }
}
@media (prefers-reduced-motion: reduce) { .d-brievenbus-env { display: none; } }
@keyframes d-brievenbus-in { from { transform: translateY(30px); opacity: 0; } }
@keyframes d-brievenbus-klep { 0%, 12% { transform: none; } 17%, 58% { transform: perspective(160px) rotateX(-75deg); } 63%, 100% { transform: none; } }
@keyframes d-brievenbus-vlieg {
  0% { transform: translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(.9); opacity: 0; }
  6% { opacity: 1; }
  24% { transform: translate(0, -6px) rotate(0) scale(.9); opacity: 1; }
  30% { transform: translate(0, 10px) scale(.35); opacity: 0; }
  100% { transform: translate(0, 10px) scale(.35); opacity: 0; }
}
@keyframes d-brievenbus-slot { 0% { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 48'%3E%3Cpath d='M10 25 V9 C 10 -1 26 -1 26 9 V13' stroke='%231E2B45' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E%3Crect x='4' y='24' width='28' height='22' rx='5' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='18' cy='33' r='3' fill='%231E2B45'/%3E%3Cpath d='M18 34 V40' stroke='%231E2B45' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E"); } 66% { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 48'%3E%3Cpath d='M10 25 V15 C 10 5 26 5 26 15 V25' stroke='%231E2B45' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E%3Crect x='4' y='24' width='28' height='22' rx='5' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='18' cy='33' r='3' fill='%231E2B45'/%3E%3Cpath d='M18 34 V40' stroke='%231E2B45' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E"); } 96% { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 48'%3E%3Cpath d='M10 25 V9 C 10 -1 26 -1 26 9 V13' stroke='%231E2B45' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E%3Crect x='4' y='24' width='28' height='22' rx='5' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E%3Ccircle cx='18' cy='33' r='3' fill='%231E2B45'/%3E%3Cpath d='M18 34 V40' stroke='%231E2B45' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E"); } }
@keyframes d-brievenbus-klik { 0%, 65% { transform: none; } 67% { transform: scale(1.18) rotate(-6deg); } 70%, 100% { transform: none; } }

@media (max-width: 781px) {
  .d-scene-brievenbus { transform: scale(.6); transform-origin: right bottom; }
  .d-brievenbus-env-2 { display: none; }
}