/*
 * Public Category Detail 15.0 – Modul 4: Presentation Layer
 */
.gfy-ch15{position:relative;display:grid;place-items:center;height:250px;min-width:0;isolation:isolate}
.gfy-ch15::before{content:"";position:absolute;inset:16px 4px 4px;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gfy-ch15-accent) 13%,transparent),color-mix(in srgb,var(--gfy-ch15-accent-2) 5%,transparent) 48%,transparent 73%);filter:blur(8px)}
.gfy-ch15__svg{display:block;width:min(100%,420px);height:auto;overflow:visible}
.gfy-ch15__ambient{fill:none;stroke:var(--gfy-ch15-accent);stroke-width:2;stroke-linecap:round;opacity:.10}
.gfy-ch15__panel,.gfy-ch15__screen{fill:url(#gfyCh15Glass);stroke:color-mix(in srgb,var(--gfy-ch15-accent) 15%,white);stroke-width:2}
.gfy-ch15__screen{fill:color-mix(in srgb,var(--gfy-ch15-surface) 74%,white)}
.gfy-ch15__primary,.gfy-ch15__map{fill:url(#gfyCh15Primary)}
.gfy-ch15__secondary{fill:var(--gfy-ch15-accent-2)}
.gfy-ch15__secondary-fill{fill:var(--gfy-ch15-accent-2);opacity:.88}
.gfy-ch15__primary-fill{fill:var(--gfy-ch15-accent)}
.gfy-ch15__soft,.gfy-ch15__soft-fill{fill:color-mix(in srgb,var(--gfy-ch15-accent) 11%,white)}
.gfy-ch15__stroke,.gfy-ch15__map-line{fill:none;stroke:color-mix(in srgb,var(--gfy-ch15-accent) 30%,#64748b);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.gfy-ch15__stroke-heavy{fill:none;stroke:color-mix(in srgb,var(--gfy-ch15-accent) 55%,#334155);stroke-width:20;stroke-linecap:round}
.gfy-ch15__primary-stroke{fill:none;stroke:url(#gfyCh15Primary);stroke-width:13;stroke-linecap:round;stroke-linejoin:round}
.gfy-ch15__panel-stroke{fill:none;stroke:rgba(255,255,255,.88);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.gfy-ch15__pins{fill:white;stroke:var(--gfy-ch15-accent);stroke-width:5}
.gfy-ch15__float-card rect{fill:rgba(255,255,255,.92);stroke:color-mix(in srgb,var(--gfy-ch15-accent) 15%,white);stroke-width:1.5}
.gfy-ch15__float-card circle{fill:var(--gfy-ch15-accent-2)}
.gfy-ch15__float-card path{fill:none;stroke:color-mix(in srgb,var(--gfy-ch15-accent) 28%,#64748b);stroke-width:4;stroke-linecap:round}
@media (prefers-reduced-motion:no-preference){
.gfy-ch15__svg{animation:gfy-ch15-enter .55s cubic-bezier(.2,.72,.25,1) both}
.gfy-ch15__float-card{animation:gfy-ch15-float 5.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
}
@keyframes gfy-ch15-enter{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes gfy-ch15-float{0%,100%{translate:0 0}50%{translate:0 -6px}}