/* Soldering price-list teaser (index.html #loeten) */
.solder-section { position: relative; overflow: hidden; background: linear-gradient(180deg, #0d0d1f 0%, #1a1a3e 100%); border-top: 2px solid #4040a0; }
.solder-section::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background: radial-gradient(circle at 25% 55%, rgba(255,153,0,.18), transparent 45%), radial-gradient(circle at 85% 20%, rgba(107,94,181,.25), transparent 40%); }
.solder-grid { position: relative; display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; max-width: 1040px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 900px) { .solder-grid { grid-template-columns: 1.05fr 1fr; } }
.solder-art { width: 100%; max-width: 460px; margin: 0 auto; filter: drop-shadow(0 0 22px rgba(255,153,0,.25)); }
.solder-art svg { width: 100%; height: auto; display: block; }
.solder-badge { display: inline-block; font-family: 'Press Start 2P', monospace; font-size: .6rem; color: #0d0d1f; background: #ff9900; padding: 6px 10px; margin-bottom: 16px; animation: sol-blink 2.4s steps(1) infinite; }
@keyframes sol-blink { 0%, 80% { opacity: 1; } 90% { opacity: .55; } }
.solder-list { list-style: none; margin: 20px 0 24px; padding: 0; display: grid; gap: 8px; }
.solder-list li { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; padding: 10px 12px; background: rgba(26,26,62,.85); border: 2px solid #4040a0; font-size: .85rem; color: #c8d0e8;
  opacity: 0; transform: translateX(-14px); animation: sol-in .6s ease-out forwards; }
.solder-list li:nth-child(1) { animation-delay: .1s; }
.solder-list li:nth-child(2) { animation-delay: .3s; }
.solder-list li:nth-child(3) { animation-delay: .5s; }
.solder-list li:nth-child(4) { animation-delay: .7s; }
@keyframes sol-in { to { opacity: 1; transform: none; } }
.solder-list b { font-family: 'Press Start 2P', monospace; font-size: .65rem; font-weight: normal; color: #ff9900; white-space: nowrap; }
.solder-btn { display: inline-block; text-decoration: none; animation: sol-pulse 2.2s ease-in-out infinite; }
@keyframes sol-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(255,153,0,0); } 50% { box-shadow: 0 0 18px 2px rgba(255,153,0,.55); } }

/* SVG: the iron visits three pads, joints appear one after another, smoke rises, sparks flicker (9 s loop) */
.sol-iron { animation: sol-iron 9s ease-in-out infinite; }
@keyframes sol-iron { 0%, 30% { transform: translate(0,0); } 36%, 62% { transform: translate(92px,0); } 68%, 94% { transform: translate(184px,0); } 100% { transform: translate(0,0); } }
.sol-joint { transform-box: fill-box; transform-origin: center; transform: scale(0); animation-duration: 9s; animation-iteration-count: infinite; animation-timing-function: ease-out; }
.sol-joint.j1 { animation-name: sol-joint-a; }
.sol-joint.j2 { animation-name: sol-joint-b; }
.sol-joint.j3 { animation-name: sol-joint-c; }
@keyframes sol-joint-a { 0%, 12% { transform: scale(0); } 20%, 96% { transform: scale(1); } 100% { transform: scale(0); } }
@keyframes sol-joint-b { 0%, 40% { transform: scale(0); } 48%, 96% { transform: scale(1); } 100% { transform: scale(0); } }
@keyframes sol-joint-c { 0%, 72% { transform: scale(0); } 80%, 96% { transform: scale(1); } 100% { transform: scale(0); } }
.sol-glow { transform-box: fill-box; transform-origin: center; animation: sol-glow 1.4s ease-in-out infinite; }
@keyframes sol-glow { 0%, 100% { opacity: .35; transform: scale(.85); } 50% { opacity: 1; transform: scale(1.15); } }
.sol-smoke { transform-box: fill-box; opacity: 0; animation: sol-smoke 3s ease-out infinite; }
.sol-smoke.s2 { animation-delay: 1s; }
.sol-smoke.s3 { animation-delay: 2s; }
@keyframes sol-smoke { 0% { opacity: 0; transform: translateY(0) scale(.6); } 30% { opacity: .55; } 100% { opacity: 0; transform: translateY(-46px) scale(1.5); } }
.sol-spark { animation: sol-spark .5s steps(2) infinite; }
@keyframes sol-spark { 0% { opacity: 1; } 50% { opacity: .15; } }
.sol-pad { animation: sol-pad 3s ease-in-out infinite; }
@keyframes sol-pad { 0%, 100% { opacity: .75; } 50% { opacity: 1; } }
.solder-grid > * { min-width: 0; }