/* GLX Shop Center – eigene Klassen, unabhängig vom Theme und GLX HTML Builder */
.glxsc-search,.glxsc-showcase{--glxsc-bg:#14161a;--glxsc-panel:#1a1d22;--glxsc-card:#202832;--glxsc-border:rgba(88,173,201,.25);--glxsc-accent:#38b6dd;--glxsc-accent-2:#22a1c4;--glxsc-text:#e6edf4;--glxsc-muted:#9aa9b7;box-sizing:border-box;color:var(--glxsc-text);font-family:inherit;max-width:100%;}
.glxsc-search *,.glxsc-showcase *{box-sizing:border-box;}
.glxsc-search{background:linear-gradient(145deg,#141a22,#10151c);border:1px solid var(--glxsc-border);border-radius:16px;padding:15px clamp(16px,2.4vw,24px);margin:1em 0;box-shadow:0 12px 36px rgba(0,0,0,.16);}
.glxsc-search-heading{margin:0 0 9px;}
.glxsc-search-heading h2{color:var(--glxsc-accent);font-size:clamp(15px,1.35vw,17px);font-weight:700;line-height:1.25;margin:0;}
.glxsc-showcase-heading h2{color:var(--glxsc-accent);font-size:clamp(14px,1.25vw,16px);font-weight:700;letter-spacing:.02em;line-height:1.25;margin:0;}
.glxsc-search-field{display:flex;align-items:center;gap:11px;min-height:48px;padding:0 14px;border:1px solid rgba(76,184,218,.44);border-radius:10px;background:#0e141c;box-shadow:inset 0 1px 8px rgba(0,0,0,.22);transition:border-color .2s,box-shadow .2s;}
.glxsc-search-field:focus-within{border-color:var(--glxsc-accent);box-shadow:0 0 0 3px rgba(56,182,221,.14);}
.glxsc-search-icon{font-size:29px;line-height:1;color:var(--glxsc-accent);transform:rotate(-15deg);}
.glxsc-search-input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#f3f8fb!important;font:inherit;font-size:16px!important;padding:14px 0!important;margin:0!important;}
.glxsc-search-input::placeholder{color:#7f909e;opacity:1;}
.glxsc-search-spinner{width:18px;height:18px;border:2px solid rgba(56,182,221,.2);border-top-color:var(--glxsc-accent);border-radius:50%;display:none;animation:glxsc-spin .7s linear infinite;flex:none;}
.glxsc-search.is-loading .glxsc-search-spinner{display:block;}
@keyframes glxsc-spin{to{transform:rotate(360deg)}}
.glxsc-search-status{min-height:20px;margin:10px 2px 0;color:var(--glxsc-muted);font-size:13px;}
.glxsc-search-status:empty{display:none;margin:0;min-height:0;}
.glxsc-search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin-top:8px;}
.glxsc-search-results:empty{display:none;}
.glxsc-search-result{display:flex;align-items:center;gap:13px;min-width:0;padding:12px;border:1px solid rgba(126,163,181,.18);border-radius:11px;background:linear-gradient(135deg,#1b222b,#151b22);color:var(--glxsc-text)!important;text-decoration:none!important;transition:transform .2s,border-color .2s,background .2s;}
.glxsc-search-result:hover{transform:translateY(-2px);border-color:rgba(56,182,221,.6);background:#202b35;}
.glxsc-search-result:focus-visible{outline:2px solid var(--glxsc-accent);outline-offset:3px;}
.glxsc-result-image{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;border-radius:9px;overflow:hidden;background:#0e151d;border:1px solid rgba(56,182,221,.2);}
.glxsc-result-image img{width:100%;height:100%;object-fit:contain;}
.glxsc-result-fallback{font-size:18px;font-weight:800;color:var(--glxsc-accent);}
.glxsc-result-copy{min-width:0;display:block;}
.glxsc-result-name{display:block;font-size:15px;font-weight:750;line-height:1.35;color:#edf5fa;}
.glxsc-result-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;font-size:12px;line-height:1.45;color:#9aaab8;}
.glxsc-result-arrow{margin-left:auto;color:var(--glxsc-accent);font-size:22px;flex:none;}
.glxsc-notice{padding:13px 16px;border-left:3px solid var(--glxsc-accent);background:#1a1d22;color:#d7e2e9;border-radius:6px;}

.glxsc-showcase{margin:1.5em 0;padding:clamp(18px,3vw,30px);border:1px solid rgba(56,182,221,.28);border-radius:17px;background:radial-gradient(ellipse at 50% -25%,rgba(35,126,159,.18),transparent 62%),linear-gradient(145deg,#151a21,#10151b);box-shadow:0 16px 42px rgba(0,0,0,.19);overflow:hidden;}
.glxsc-showcase-heading{text-align:center;margin:0 0 12px;}
.glxsc-showcase-heading h2{margin:0;}
.glxsc-showcase-grid{display:grid;grid-template-columns:repeat(var(--glxsc-count,3),minmax(0,1fr));gap:clamp(9px,1.5vw,16px);perspective:1000px;}
.glxsc-card{min-width:0;min-height:206px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:13px 12px 15px;border:1px solid rgba(116,173,194,.2);border-radius:13px;background:linear-gradient(155deg,rgba(39,50,61,.96),rgba(23,29,37,.98));text-decoration:none!important;color:var(--glxsc-text)!important;overflow:hidden;isolation:isolate;transform-style:preserve-3d;transition:border-color .25s,background .25s,box-shadow .25s;}
.glxsc-card:before{content:"";position:absolute;z-index:-1;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(92,206,237,.65),transparent);}
.glxsc-card:hover{border-color:rgba(56,182,221,.62);background:linear-gradient(155deg,#2b3a47,#19242e);box-shadow:0 12px 28px rgba(0,0,0,.22);}
.glxsc-card:focus-visible{outline:2px solid var(--glxsc-accent);outline-offset:3px;}
.glxsc-card-media{display:grid;place-items:center;flex:0 0 112px;width:100%;height:112px;min-height:112px;}
.glxsc-card-media img{display:block;width:auto;height:auto;max-width:min(100%,126px);max-height:108px;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(0,0,0,.22));}
.glxsc-card-fallback{width:76px;height:76px;display:grid;place-items:center;border-radius:20px;border:1px solid rgba(56,182,221,.48);background:radial-gradient(circle at 30% 20%,#315a6a,#172834 72%);color:#dff8ff;font-size:19px;font-weight:850;letter-spacing:.05em;box-shadow:0 0 24px rgba(56,182,221,.12),inset 0 0 18px rgba(56,182,221,.1);}
.glxsc-card-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:30em;max-height:calc(1.42em * 3);margin:0 auto;color:#a8b7c3;font-size:12px;line-height:1.42;text-align:center;overflow-wrap:anywhere;}
.glxsc-showcase-grid.is-leaving .glxsc-card{animation:glxsc-out-fade var(--glxsc-exit-speed,1000ms) ease-in both;}
.glxsc-showcase-grid.is-leaving[data-transition="slide"] .glxsc-card{animation-name:glxsc-out-slide;}
.glxsc-showcase-grid.is-leaving[data-transition="flip"] .glxsc-card{animation-name:glxsc-out-flip;}
.glxsc-showcase-grid.is-leaving[data-transition="zoom"] .glxsc-card{animation-name:glxsc-out-zoom;}
.glxsc-showcase-grid.is-leaving[data-transition="rise"] .glxsc-card{animation-name:glxsc-out-rise;}
.glxsc-showcase-grid.is-leaving[data-transition="fade"] .glxsc-card{animation-name:glxsc-out-fade;}
.glxsc-card.glxsc-in-slide{animation:glxsc-slide var(--glxsc-speed,700ms) cubic-bezier(.2,.8,.2,1) both;}
.glxsc-card.glxsc-in-flip{animation:glxsc-flip var(--glxsc-speed,700ms) cubic-bezier(.2,.8,.2,1) both;}
.glxsc-card.glxsc-in-zoom{animation:glxsc-zoom var(--glxsc-speed,700ms) cubic-bezier(.2,.8,.2,1) both;}
.glxsc-card.glxsc-in-rise{animation:glxsc-rise var(--glxsc-speed,700ms) cubic-bezier(.2,.8,.2,1) both;}
.glxsc-card.glxsc-in-fade{animation:glxsc-fade var(--glxsc-speed,700ms) ease both;}
.glxsc-card:nth-child(2){animation-delay:75ms;}
.glxsc-card:nth-child(3){animation-delay:150ms;}
.glxsc-card:nth-child(4){animation-delay:225ms;}
@keyframes glxsc-out-slide{to{opacity:0;transform:translateX(-20px) scale(.985)}}
@keyframes glxsc-out-flip{to{opacity:0;transform:rotateY(-24deg) scale(.985)}}
@keyframes glxsc-out-zoom{to{opacity:0;transform:scale(.94)}}
@keyframes glxsc-out-rise{to{opacity:0;transform:translateY(-12px)}}
@keyframes glxsc-out-fade{to{opacity:0}}
@keyframes glxsc-slide{from{opacity:0;transform:translateX(25px) rotateY(-7deg) scale(.985)}to{opacity:1;transform:translateX(0) rotateY(0) scale(1)}}
@keyframes glxsc-flip{from{opacity:0;transform:rotateY(24deg) scale(.98)}to{opacity:1;transform:rotateY(0) scale(1)}}
@keyframes glxsc-zoom{from{opacity:0;transform:scale(.93)}70%{opacity:1;transform:scale(1.012)}to{transform:scale(1)}}
@keyframes glxsc-rise{from{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes glxsc-fade{from{opacity:0}to{opacity:1}}
@media(max-width:640px){.glxsc-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.glxsc-showcase[data-count="3"] .glxsc-showcase-grid,.glxsc-showcase[data-count="4"] .glxsc-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.glxsc-card{min-height:190px;padding:11px 9px 13px}.glxsc-card-media{flex-basis:96px;height:96px;min-height:96px}.glxsc-card-media img{max-width:min(100%,108px);max-height:92px}.glxsc-card-desc{font-size:11px;line-height:1.4;max-height:calc(1.4em * 3)}}
@media(prefers-reduced-motion:reduce){.glxsc-showcase-grid.is-leaving .glxsc-card,.glxsc-card[class*="glxsc-in-"]{animation:none!important}.glxsc-card,.glxsc-search-result{transition:none!important}}