/* hofmanns.digital -- Block 7 / Transformation */
.hd-b7 { background: #175B5F; border-radius: 16px; padding: 3.5rem; position: relative; overflow: hidden; font-family: var(--wp--preset--font-family--figtree), sans-serif; }
.hd-b7__blob-1 { position: absolute; width: 260px; height: 260px; top: -70px; right: -50px; border-radius: 42% 58% 55% 45% / 55% 42% 58% 45%; background: #F0C767; opacity: 0.08; z-index: 0; }
.hd-b7__blob-2 { position: absolute; width: 140px; height: 140px; bottom: -30px; left: 20%; border-radius: 55% 45% 38% 62% / 48% 60% 40% 52%; background: #DEE8E8; opacity: 0.06; z-index: 0; }
.hd-b7__content { position: relative; z-index: 1; }
.hd-b7__rows { display: flex; flex-direction: column; gap: 0.75rem; }
.hd-b7__row { display: grid; grid-template-columns: 1fr 2rem 1fr; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-radius: 12px; background: rgba(255,255,255,0.05); transition: background 0.25s ease; cursor: default; }
.hd-b7__row:hover { background: rgba(255,255,255,0.09); }
.hd-b7__from { font-size: 1rem; color: #DEE8E8; opacity: 0.5; font-style: italic; text-align: right; margin: 0; }
.hd-b7__arrow { width: 28px; height: 28px; background: #C0392B; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.hd-b7__to { font-size: 1.1rem; font-weight: 700; color: #F0C767; text-align: left; margin: 0; }
@media (max-width: 640px) { .hd-b7 { padding: 2rem 1.5rem; } .hd-b7__row { grid-template-columns: 1fr 1.5rem 1fr; gap: 0.5rem; padding: 0.75rem; } }