/* Diamond Design – öffentlicher Shop */
body.shop{background:var(--bg)}
.shoptop{gap:16px}
.shopnav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}
.shopnav a{color:var(--muted);font-weight:700;text-decoration:none}
.shopnav a:hover{color:var(--ink)}
.cartbtn{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:7px 11px;text-decoration:none;font-size:1.1rem}
.cartbtn .badge{position:absolute;top:-7px;right:-7px;background:var(--accent);color:#fff;border-radius:999px;font-size:.72rem;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;font-weight:700}
.shopwrap{max-width:1150px;margin:0 auto;padding:0 clamp(16px,5vw,60px)}
.btn.big{padding:12px 22px;font-size:1.05rem}
.hero{padding:clamp(40px,8vw,90px) clamp(16px,5vw,60px) 40px;max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}
.hero .eyebrow{display:inline-flex;font-weight:700;color:var(--brand);border:1.5px solid var(--brand);border-radius:999px;padding:5px 14px;margin:0 0 22px;font-size:.92rem}
.word{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(3rem,10vw,6.6rem);line-height:.9;letter-spacing:-.03em;position:relative;color:var(--ink);margin:0;isolation:isolate}
.word span{display:block;position:relative}
.word span::before,.word span::after{content:attr(data-t);position:absolute;inset:0;pointer-events:none}
.word span::before{color:var(--cyan);transform:translate(-4px,3px);opacity:.7;z-index:-1}
.word span::after{color:var(--accent);transform:translate(4px,-2px);opacity:.65;z-index:-1}
.hero .lead{font-size:1.15rem;max-width:34ch;color:var(--muted);margin:22px 0 0}
.marks{display:flex;gap:10px;margin:22px 0;flex-wrap:wrap}
.marks span{border:1.5px solid var(--ink);border-radius:999px;padding:5px 14px;font-weight:700;font-size:.92rem}
.heroart{justify-self:center;width:min(320px,100%)}
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin-bottom:20px}
.prod{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.prod .pic{aspect-ratio:4/3;display:grid;place-items:center;background:var(--sunk);overflow:hidden}
.prod .pic img{width:100%;height:100%;object-fit:cover}
.prod .pic svg{width:55%}
.prod .body{padding:14px 16px 16px;display:grid;gap:8px;flex:1}
.prod h3{margin:0}
.prod .price{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.25rem}
.prod .desc{color:var(--muted);font-size:.92rem;margin:0}
.prod .foot{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}
.prod .foot select{flex:1 0 80px;width:auto}
.prod .foot .qtyin{width:64px}
.prod .foot .btn{flex:1 1 auto}
.promo{background:var(--brand);color:var(--brand-ink);border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:260px}
.promo h3{font-size:1.5rem;margin:0 0 8px}
.promo p{margin:0;opacity:.9}
.promo .btn{background:var(--accent);border-color:var(--accent);color:#fff;align-self:flex-start}
.about{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-top:40px}
.about .panel{margin:0}
.about ul{padding-left:20px}
.sitefoot{border-top:1px solid var(--line);margin-top:48px;padding-top:22px;padding-bottom:40px;display:flex;flex-wrap:wrap;gap:14px 22px;justify-content:space-between;align-items:center;color:var(--muted);font-size:.9rem}
.footlinks{display:grid;gap:6px;justify-items:end}
.footlinks nav{display:flex;gap:16px;flex-wrap:wrap}
.footlinks a{color:var(--muted)}
.total{display:flex;justify-content:space-between;font-family:"Bricolage Grotesque",sans-serif;font-size:1.3rem;font-weight:700;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.cartgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}
.citem{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.citem:not(:has(.cthumb)){grid-template-columns:1fr auto auto auto}
.cthumb{width:64px;height:64px;border-radius:8px;object-fit:cover}
.cqty{display:flex;gap:6px}
.cqty input{width:64px}
.checkout h2{margin:0}
.choice{border:0;padding:0;margin:0;display:grid;gap:8px}
.choice legend{font-weight:700;color:var(--muted);font-size:.88rem;margin-bottom:6px}
.choice label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink);font-weight:400;cursor:pointer}
.choice input{width:auto;margin-top:4px}
.choice label:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.paybox{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:12px 0}
#qr{background:#fff;padding:8px;border-radius:8px}
.legal p{white-space:normal}
/* Designer */
.dz{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.stage-wrap{position:sticky;top:calc(80px + env(safe-area-inset-top,0px))}
.stage{position:relative;width:100%;max-width:560px;margin:0 auto;aspect-ratio:1;background:var(--sunk);border-radius:16px;overflow:hidden;user-select:none;-webkit-user-select:none}
.stage .garment{position:absolute;inset:0;width:100%;height:100%}
.parea{position:absolute;outline:1.5px dashed rgba(200,30,99,.6);overflow:hidden;container-type:inline-size}
.parea-hint{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:8cqw;color:rgba(128,128,145,.85);font-weight:700;pointer-events:none;line-height:1.3}
.dzel{position:absolute;cursor:grab;touch-action:none;line-height:1;white-space:nowrap}
.dzel img{display:block;width:100%;height:auto;pointer-events:none}
.dzel.sel{outline:2px solid var(--cyan);outline-offset:2px}
.dzpanel .panel{margin-bottom:14px}
.dzpanel input[type=range]{padding:0;border:0;background:none}
.swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.sw{width:34px;height:34px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0}
.sw[aria-pressed="true"]{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--accent)}
.upl{cursor:pointer}
.chip[aria-pressed="true"]{border-color:var(--ink);color:var(--ink);background:var(--sunk)}
button.chip{cursor:pointer;font:inherit;font-weight:700}
.dztoast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:10px;z-index:60;font-weight:700;max-width:90vw}
@media (max-width:820px){
  .hero,.about,.cartgrid,.dz{grid-template-columns:1fr}
  .heroart{display:none}
  .shopnav{order:3;width:100%;margin-left:0;justify-content:center}
  .cartbtn{margin-left:auto}
  .stage-wrap{position:static}
  .citem{grid-template-columns:auto 1fr auto}
  .citem .cqty{grid-column:1/-1}
}

.adminbar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;background:var(--sunk);border-bottom:1px solid var(--line);padding:8px 16px;font-size:.9rem}
.adminbar nav{display:flex;gap:6px;flex-wrap:wrap}
.prod{position:relative}
.editlink{position:absolute;top:10px;right:10px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:700;text-decoration:none;color:var(--ink)}