/* SERVELIO THEME PICKER V2 – Ayarlar > Magaza tasarimi */
.svtp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.svtp-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:18px;overflow:hidden;background:#fff;border:1.5px solid #E3EAEA;box-shadow:0 10px 30px -22px rgba(15,42,46,.35);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.svtp-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -26px rgba(15,42,46,.45)}
.svtp-card>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
.svtp-card.is-on{border-color:#14B8A6;box-shadow:0 0 0 4px rgba(20,184,166,.14),0 20px 40px -26px rgba(15,42,46,.45)}
.svtp-soon{cursor:default;background:#F7FAFA;border-style:dashed}
.svtp-soon:hover{transform:none;box-shadow:none}
.svtp-vis{position:relative;height:178px;padding:16px;overflow:hidden}
.svtp-mini{height:100%;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:8px}
.svtp-mh{display:flex;align-items:center;gap:6px}.svtp-mh i{width:14px;height:14px;border-radius:50%}.svtp-mh b{width:60px;height:6px;border-radius:4px}.svtp-mh em{margin-left:auto;width:34px;height:12px;border-radius:999px}
.svtp-mhero{flex:1;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;min-height:0}
.svtp-mhero>div{flex:1;min-width:0}.svtp-mhero small{display:block;width:40px;height:5px;border-radius:3px;margin-bottom:6px}
.svtp-mhero strong{display:block;font-size:17px;line-height:1;letter-spacing:-.02em}
.svtp-mhero span{display:block;width:44px;height:10px;border-radius:999px;margin-top:8px}
.svtp-mhero figure{margin:0;width:42%;align-self:stretch;background:radial-gradient(circle at 50% 55%,#f5d0a0 0 18%,#d9480f 19% 30%,#fbbf24 31% 38%,#9a3412 39% 60%,#7c2d12 61%)}
.svtp-mcards{display:flex;gap:6px}.svtp-mcards i{flex:1;height:22px;border-radius:6px}
.svtp-mlist{display:flex;flex-direction:column;gap:5px}.svtp-mlist i{height:11px;border-radius:6px}
/* Aurora-Vorschau */
.svtp-vis-aurora{background:radial-gradient(circle at 80% 10%,rgba(20,184,166,.35),transparent 45%),#0B1F24}
.svtp-vis-aurora .svtp-mini{background:#F5F8F8}
.svtp-vis-aurora .svtp-mh i{background:#14B8A6}.svtp-vis-aurora .svtp-mh b{background:#CFDADA}.svtp-vis-aurora .svtp-mh em{background:#0F2A2E}
.svtp-vis-aurora .svtp-mhero{background:linear-gradient(135deg,#0C2124,#115e59);color:#fff}
.svtp-vis-aurora .svtp-mhero small{background:#5EEAD4}.svtp-vis-aurora .svtp-mhero span{background:#14B8A6}
.svtp-vis-aurora .svtp-mhero figure{border-radius:8px}
.svtp-vis-aurora .svtp-mcards i{background:#fff;border:1px solid #E3EAEA}
/* Maison-Vorschau */
.svtp-vis-maison{background:radial-gradient(circle at 20% 0%,rgba(181,69,43,.25),transparent 50%),#2A1B12}
.svtp-vis-maison .svtp-mini{background:#F6EFE4}
.svtp-vis-maison .svtp-mh i{background:#B5452B}.svtp-vis-maison .svtp-mh b{background:#E3D5C1}.svtp-vis-maison .svtp-mh em{background:#2A1B12}
.svtp-vis-maison .svtp-mhero{background:#FFFCF7;border:1px solid #E8DCCB;color:#2A1B12}
.svtp-vis-maison .svtp-mhero strong{font-family:Fraunces,Georgia,"Times New Roman",serif;font-weight:600}
.svtp-vis-maison .svtp-mhero small{background:#C99A4B}.svtp-vis-maison .svtp-mhero span{background:#B5452B}
.svtp-vis-maison .svtp-mhero figure{border-radius:999px 999px 6px 6px}
.svtp-vis-maison .svtp-mlist i{background:#FFFCF7;border:1px solid #E8DCCB}
/* Bald */
.svtp-vis-soon{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#F1F5F5 0 12px,#F7FAFA 12px 24px)}
.svtp-vis-soon span{position:absolute;width:120px;height:78px;border-radius:12px;background:#E2E8EA;border:1px solid #D5DEE0}
.svtp-vis-soon span:nth-child(1){transform:translate(-26px,-12px) rotate(-6deg)}.svtp-vis-soon span:nth-child(2){transform:translate(0,0)}.svtp-vis-soon span:nth-child(3){transform:translate(26px,12px) rotate(6deg)}
.svtp-vis-soon b{position:relative;width:40px;height:40px;border-radius:50%;background:#fff;color:#94A3B8;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 16px -8px rgba(0,0,0,.3);transform:translate(26px,12px)}
.svtp-body{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px;flex:1}
.svtp-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}
.svtp-no{font-size:10.5px;font-weight:900;letter-spacing:.14em;color:#0E7C72}.svtp-no em{font-style:normal;color:#B5452B}
.svtp-on{display:none;font-size:11px;font-weight:800;color:#0E7C72;background:#E6F7F5;border-radius:999px;padding:3px 9px}
.svtp-card.is-on .svtp-on{display:inline-block}
.svtp-badge{font-size:11px;font-weight:800;color:#64748B;background:#EEF2F4;border-radius:999px;padding:3px 9px}
.svtp-body strong{font-size:17px;font-weight:900;color:#0F2A2E}
.svtp-body p{margin:2px 0 0;font-size:13px;line-height:1.45;color:#5E7377}
.svtp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}
.svtp-pick{font-size:13px;font-weight:800;color:#0F2A2E;border:1.5px solid #D5DEE0;border-radius:999px;padding:7px 14px}
.svtp-card.is-on .svtp-pick{background:#14B8A6;border-color:#14B8A6;color:#fff}
.svtp-prev{font-size:13px;font-weight:800;color:#0E7C72;text-decoration:none;padding:7px 12px;border-radius:999px;background:#E6F7F5}
.svtp-prev:hover{background:#14B8A6;color:#fff}
@media (max-width:1100px){.svtp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.svtp-grid{grid-template-columns:1fr}}
.svtp-vis-aurora .svtp-mhero strong{color:#fff!important}
.svtp-vis-maison .svtp-mhero strong{color:#2A1B12!important}
.svtp-body strong{color:#0F2A2E!important}
.svtp-pick{background:#fff;cursor:pointer;font-family:inherit}
.svtp-pick:hover:not(:disabled){background:#0F2A2E;border-color:#0F2A2E;color:#fff}
.svtp-pick:disabled{cursor:default}
.svtp-note{margin-top:14px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:700;background:#F1F5F5;color:#334155}
.svtp-note.ok{background:#E6F7F5;color:#0E7C72}.svtp-note.bad{background:#FEE2E2;color:#B91C1C}
.svtp-card>input{display:none!important}
#svThemePicker .svtp-vis-aurora .svtp-mhero strong{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
#svThemePicker .svtp-vis-maison .svtp-mhero strong{color:#2A1B12!important;-webkit-text-fill-color:#2A1B12!important}
/* Noir-Vorschau */
.svtp-vis-noir{background:#0A0A0A}
.svtp-vis-noir .svtp-mini{background:#fff;border-radius:0}
.svtp-vis-noir .svtp-mh{border-bottom:1px solid #0A0A0A;padding-bottom:6px}
.svtp-vis-noir .svtp-mh i{background:#0A0A0A;border-radius:0}.svtp-vis-noir .svtp-mh b{background:#D4D4D4;border-radius:0}.svtp-vis-noir .svtp-mh em{background:#0A0A0A;border-radius:0}
.svtp-vis-noir .svtp-mhero{background:#0A0A0A;border-radius:0}
#svThemePicker .svtp-vis-noir .svtp-mhero strong{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900;letter-spacing:-.02em}
.svtp-vis-noir .svtp-mhero small{background:#fff;border-radius:0}.svtp-vis-noir .svtp-mhero span{background:#fff;border-radius:0}
.svtp-vis-noir .svtp-mhero figure{filter:grayscale(1);border-radius:0}
.svtp-vis-noir .svtp-mcards i{background:#fff;border:1px solid #0A0A0A;border-radius:0}
/* Aurum-Vorschau */
.svtp-vis-aurum{background:radial-gradient(circle at 80% 0%,rgba(212,175,55,.35),transparent 50%),#050506}
.svtp-vis-aurum .svtp-mini{background:#0A0A0B;border:1px solid rgba(212,175,55,.35)}
.svtp-vis-aurum .svtp-mh i{background:#D4AF37}.svtp-vis-aurum .svtp-mh b{background:#2A2A2D}.svtp-vis-aurum .svtp-mh em{background:linear-gradient(135deg,#F3DE9A,#D4AF37,#9C7A22)}
.svtp-vis-aurum .svtp-mhero{background:#131315;border:1px solid rgba(212,175,55,.25)}
#svThemePicker .svtp-vis-aurum .svtp-mhero strong{color:#F3DE9A!important;-webkit-text-fill-color:#F3DE9A!important;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600}
.svtp-vis-aurum .svtp-mhero small{background:#D4AF37}.svtp-vis-aurum .svtp-mhero span{background:linear-gradient(135deg,#F3DE9A,#D4AF37,#9C7A22)}
.svtp-vis-aurum .svtp-mhero figure{border-radius:8px}
.svtp-vis-aurum .svtp-mcards i{background:#161618;border:1px solid rgba(212,175,55,.3)}
.svtp-soon .svtp-vis{height:120px}
/* v4: echte Screenshots der Themes */
#svThemePicker .svtp-shot{height:auto;padding:16px 16px 0;background:linear-gradient(160deg,#EEF4F4,#DDE7E8);overflow:hidden}
#svThemePicker .svtp-bar{display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;background:#fff;border-radius:10px 10px 0 0;border:1px solid #D5DEE0;border-bottom:0}
#svThemePicker .svtp-bar i{width:7px;height:7px;border-radius:50%;background:#F87171}
#svThemePicker .svtp-bar i:nth-child(2){background:#FBBF24}#svThemePicker .svtp-bar i:nth-child(3){background:#34D399}
#svThemePicker .svtp-bar span{margin-left:8px;flex:1;height:16px;border-radius:5px;background:#F1F5F5;color:#7B8C90;font-size:9.5px;font-weight:700;display:flex;align-items:center;padding:0 8px;overflow:hidden;white-space:nowrap}
#svThemePicker .svtp-scr{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid #D5DEE0;border-bottom:0;background:#fff;box-shadow:0 -10px 30px -18px rgba(15,42,46,.45)}
#svThemePicker .svtp-scr img{position:absolute;left:0;top:0;width:100%;height:auto;display:block;transform:translateY(0);transition:transform 5s cubic-bezier(.45,0,.35,1)}
#svThemePicker .svtp-card:hover .svtp-scr img{transform:translateY(calc(-100% + 100cqh))}
#svThemePicker .svtp-scr{container-type:size}
#svThemePicker .svtp-card.is-on .svtp-shot{background:linear-gradient(160deg,#D8F3EF,#B9E7E0)}
@media (prefers-reduced-motion:reduce){#svThemePicker .svtp-scr img{transition:none}}
#svThemePicker .svtp-soon{align-self:start}
#svThemePicker .svtp-prem .svtp-no em{color:#fff;background:linear-gradient(90deg,#00A896,#00E6D1);padding:2px 8px;border-radius:999px;font-style:normal;letter-spacing:.08em}
#svThemePicker .svtp-prem{border-color:#BFE9E4}