/* Silviya baskı yapılandırıcısı (baski.js). Masaüstünde sohbetin sağında panel, telefonda tam ekran. */
.sb{--sb-w:min(64vw,1060px);--ink:#16112E;--mut:#5F5A7A;--line:#E4DEF7;--pri:#6B3DF5;--pri2:#5527E0;--soft:#F4F0FF;--bg:#FBFAFF;
  position:fixed;top:64px;right:0;bottom:0;width:var(--sb-w);z-index:40;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);background:var(--bg);color:var(--ink);
  border-left:1px solid var(--line);box-shadow:-24px 0 60px -30px rgba(40,20,110,.35);font:400 15px/1.45 'DM Sans',system-ui,sans-serif;
  transform:translateX(104%);opacity:.4;transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .4s ease}
.sb.is-in{transform:none;opacity:1}
.sb *{box-sizing:border-box}
.sb button{font:inherit;color:inherit;cursor:pointer}
body.sb-open #silviya-kurucu .k-chat{right:min(64vw,1060px);transition:right .48s cubic-bezier(.2,.8,.2,1)}
#silviya-kurucu .k-chat{transition:right .48s cubic-bezier(.2,.8,.2,1)}

/* Üst: ürün sekmeleri */
.sb-h{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:#fff}
.sb-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;padding:2px}
.sb-tabs::-webkit-scrollbar{display:none}
.sb-tab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:14px;transition:background .25s,border-color .25s,color .25s,transform .2s}
.sb-tab:hover{border-color:#CFC5F5;transform:translateY(-1px)}
.sb-tab.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.sb-close{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--soft);border-radius:999px;padding:8px 13px;font-weight:600;font-size:14px;transition:background .25s}
.sb-close:hover{background:#E9E2FF}
.sb-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}

/* Gövde: önizleme + seçenekler */
.sb-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,42%,420px);min-height:0}
.sb-stage{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0;overflow:hidden;
  background:radial-gradient(120% 90% at 30% 20%,#fff 0,#F1ECFF 55%,#E9E3FB 100%)}
.sb-stage.is-fresh>*:not(.sb-cap){animation:sb-in .42s cubic-bezier(.2,.8,.2,1)}
@keyframes sb-in{from{opacity:.25;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
.sb-cap{font-size:12.5px;color:var(--mut);background:rgba(255,255,255,.7);padding:4px 10px;border-radius:999px}
.sb-side{overflow-y:auto;padding:18px 18px 28px;border-left:1px solid var(--line);background:#fff;scrollbar-width:thin}
.sb-intro{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.sb-intro b{font:700 20px/1.2 'Sora',sans-serif}
.sb-intro span{color:var(--mut);font-size:14px}
.sb-g{margin:0 0 16px}
.sb-gl{font-weight:700;font-size:13px;margin:0 0 7px;color:var(--ink)}
.sb-chips{display:flex;flex-wrap:wrap;gap:6px}
.sb-chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;
  transition:background .25s,border-color .25s,box-shadow .25s,transform .18s}
.sb-chip small{font-weight:400;font-size:12px;color:var(--mut)}
.sb-chip:hover{border-color:#CFC5F5;transform:translateY(-1px)}
.sb-chip.is-on{border-color:var(--pri);background:var(--soft);box-shadow:0 0 0 1px var(--pri) inset}
.sb-chip.is-moved{animation:sb-moved .9s ease}
@keyframes sb-moved{0%,100%{box-shadow:0 0 0 1px var(--pri) inset}40%{box-shadow:0 0 0 3px rgba(107,61,245,.35)}}
.sb-area{display:flex;align-items:flex-end;gap:8px}
.sb-area label,.sb-f1{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--mut)}
.sb-area input,.sb-f1 input,.sb-f1 textarea,.sb-note{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:14.5px;color:var(--ink);background:#fff;transition:border-color .2s,box-shadow .2s}
.sb-area input{width:90px}
.sb-area input:focus,.sb-f1 input:focus,.sb-f1 textarea:focus,.sb-note:focus{outline:0;border-color:var(--pri);box-shadow:0 0 0 3px rgba(107,61,245,.15)}
.sb-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sb-f1.wide{grid-column:1/-1}
.sb-sw{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sb-pal{display:flex;width:44px;height:30px;border-radius:9px;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);padding:0;transition:box-shadow .2s,transform .18s}
.sb-pal i{flex:1}
.sb-pal:hover{transform:translateY(-1px)}
.sb-pal.is-on{box-shadow:0 0 0 2px var(--pri)}
.sb-pick{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--mut);margin-left:4px}
.sb-pick input{width:30px;height:30px;border:0;padding:0;background:none;cursor:pointer}
.sb-logo{display:flex;align-items:center;gap:8px}
.sb-logo img{height:40px;max-width:120px;object-fit:contain;border-radius:8px;background:#F6F4FB;padding:4px}
.sb-mono{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font:700 15px 'Sora',sans-serif;color:var(--pri)}
.sb-hint{font-size:12.5px;color:var(--mut);margin:8px 0 0}
.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:10px 16px;font-weight:700;font-size:14.5px;border:1px solid transparent;transition:background .25s,transform .18s,box-shadow .25s}
.sb-btn.pri{background:var(--pri);color:#fff;box-shadow:0 10px 24px -12px rgba(107,61,245,.8)}
.sb-btn.pri:hover{background:var(--pri2);transform:translateY(-1px)}
.sb-btn.pri:disabled{opacity:.6;transform:none}
.sb-btn.ghost{background:#fff;border-color:var(--line)}
.sb-btn.ghost:hover{border-color:#CFC5F5}
.sb-btn.wide{width:100%;margin-top:6px;padding:13px}
.sb-sum{margin:0 0 16px;padding:12px 14px 12px 30px;background:var(--soft);border-radius:12px;font-size:14px}
.sb-sum li{margin:2px 0}
.sb-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:10px 0}
.sb-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--pri);flex:none}
.sb-err{color:#C42B2B;font-size:13.5px;min-height:1em;margin:8px 0 0}
.sb-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 6px;animation:sb-in .5s ease}
.sb-done b{font:700 22px 'Sora',sans-serif}
.sb-done p{color:var(--mut);max-width:34ch}
.sb-tick{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#fff;background:linear-gradient(135deg,#2FE0A8,#14A06F);box-shadow:0 14px 30px -14px rgba(20,160,111,.8)}

/* Alt: fiyat */
.sb-f{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}
.sb-price{display:flex;flex-direction:column;min-width:0}
.sb-price b{font:800 24px/1.1 'Sora',sans-serif;font-variant-numeric:tabular-nums}
.sb-price span{font-size:12.5px;color:var(--mut)}
.sb-price em{font-style:normal;font-size:12.5px;color:#0E8A62;font-weight:600}

/* Kartvizit: 3B çevirme, gerçek kalınlık (katmanlar), köşe, yüzey */
.sb-stage{perspective:1500px}
.sb-card3d{position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1)}
.sb-card3d.is-back{transform:rotateY(180deg)}
.sb-card3d.is-tilt{transform:rotateX(64deg) rotateZ(-22deg) translateY(-10%);transition:transform 1s cubic-bezier(.3,.7,.2,1)}
.sb-card3d.is-back.is-tilt{transform:rotateY(180deg) rotateX(-64deg) rotateZ(22deg) translateY(-10%)}
.sb-sl{position:absolute;inset:0;border-radius:var(--rad);background:#E6DFD0;box-shadow:inset 0 0 0 1px #D6CDBA}
.sb-card3d[data-paper="pvc"] .sb-sl{background:rgba(220,230,240,.5);box-shadow:none}
.sb-face{position:absolute;inset:0;border-radius:var(--rad);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;transform:translateZ(calc(var(--th) / 2));
  box-shadow:0 18px 36px -14px rgba(30,15,80,.4);transition:border-radius .4s ease}
.sb-face.b{transform:rotateY(180deg) translateZ(calc(var(--th) / 2))}
.sb-face canvas{display:block;width:100%;height:100%}
.sb-lakov{position:absolute!important;inset:0;pointer-events:none;animation:sb-lakpulse 2.2s ease-in-out infinite}
@keyframes sb-lakpulse{0%,100%{opacity:.55}50%{opacity:1}}
.sb-card3d[data-paper="pvc"] .sb-face{background:rgba(255,255,255,.35);backdrop-filter:blur(2px)}
.sb-card3d[data-paper="pvc"] .sb-face canvas:first-child{opacity:.92}
.sb-sheen{position:absolute;inset:0;pointer-events:none;transition:opacity .4s}
.sb-card3d[data-fin="parlak"] .sb-sheen{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);background-size:250% 100%;animation:sb-gloss 4.5s ease-in-out infinite}
.sb-card3d[data-fin="mat"] .sb-sheen{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.03))}
.sb-card3d[data-fin="yok"] .sb-sheen{opacity:0}
@keyframes sb-gloss{0%,100%{background-position:120% 0}50%{background-position:-20% 0}}
.sb-blank{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#A49FB8;text-align:center;padding:10px}
.sb-under{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.sb-flip{display:inline-flex;background:#fff;border-radius:999px;padding:4px;box-shadow:0 6px 18px -10px rgba(40,20,110,.4)}
.sb-flip button{border:0;background:none;padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--mut);transition:background .25s,color .25s}
.sb-flip button.is-on{background:var(--ink);color:#fff}
.sb-tools{display:inline-flex;gap:6px}
.sb-tool{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;transition:background .25s,border-color .25s}
.sb-tool:hover{border-color:#CFC5F5}
.sb-tool.is-on{background:#FFF4CC;border-color:#FFB800}
.sb-lakinfo{max-width:440px;margin:0 16px;font-size:12.5px;line-height:1.45;color:#5A4A12;background:#FFF8DD;border:1px solid #F3DC8B;border-radius:12px;padding:8px 12px;animation:sb-in .4s ease}

/* Broşür: ön/arka yüz geçişi */
.sb-sheet{position:relative;width:var(--w);height:var(--h)}
.sb-sheet canvas{position:absolute;inset:0;display:block;width:100%;height:100%;box-shadow:0 18px 40px -18px rgba(30,15,80,.45);transition:opacity .5s ease,transform .5s ease}
.sb-sheet canvas+canvas{opacity:0;transform:translateX(12px) scale(.98)}
.sb-sheet.is-back canvas:first-child{opacity:0;transform:translateX(-12px) scale(.98)}
.sb-sheet.is-back canvas+canvas{opacity:1;transform:none}

/* Adımlar ve şablon kartları */
.sb-steps{display:flex;gap:6px;margin:0 0 14px;padding:4px;background:var(--soft);border-radius:14px}
.sb-steps button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;border-radius:10px;padding:9px 8px;font-weight:700;font-size:13.5px;color:var(--mut);transition:background .25s,color .25s,box-shadow .25s}
.sb-steps button i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#fff;color:var(--mut)}
.sb-steps button.is-on{background:#fff;color:var(--ink);box-shadow:0 4px 14px -8px rgba(40,20,110,.4)}
.sb-steps button.is-on i{background:var(--pri);color:#fff}
.sb-tpls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sb-tpl{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 6px 8px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center;transition:border-color .25s,box-shadow .25s,transform .2s}
.sb-tpl:hover{transform:translateY(-2px);border-color:#CFC5F5}
.sb-tpl canvas{display:block;max-width:100%;border-radius:6px;box-shadow:0 6px 14px -8px rgba(30,15,80,.4)}
.sb-tpl b{font-size:13px}
.sb-tpl small{font-size:11px;color:var(--mut);line-height:1.25}
.sb-tpl.is-on{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri) inset,0 10px 24px -14px rgba(107,61,245,.7)}
.sb-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sb-ph{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--soft);transition:transform .2s}
.sb-ph:hover{transform:scale(1.03)}
.sb-ph img{width:100%;height:100%;object-fit:cover;display:block}
.sb-ph span{position:absolute;left:4px;bottom:4px;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.45);border-radius:6px;padding:1px 6px}

/* Roll-up: stand */
.sb-roll{position:relative;width:var(--w);height:var(--h);margin-bottom:22px}
.sb-roll canvas{display:block;width:100%;height:100%;box-shadow:0 18px 40px -18px rgba(30,15,80,.45)}
.sb-roll::before{content:'';position:absolute;left:50%;top:-6px;width:calc(var(--w) + 6px);height:6px;transform:translateX(-50%);background:#B9B4C4;border-radius:3px}
.sb-base{position:absolute;left:50%;bottom:-16px;width:calc(var(--w) + 14px);height:16px;transform:translateX(-50%);background:linear-gradient(#D2CDDD,#A9A3B8);border-radius:6px 6px 3px 3px;transition:width .4s,height .4s}
.sb-roll[data-stand="luks"] .sb-base{width:calc(var(--w) + 40px);height:20px;bottom:-20px;background:linear-gradient(#5B566C,#2E2A3D)}
.sb-roll[data-stand="yok"] .sb-base{opacity:0}
.sb-roll[data-stand="yok"]::before{opacity:0}

/* Katalog: kitap */
.sb-book{position:relative;width:var(--w);height:var(--h);border-radius:2px 6px 6px 2px;box-shadow:var(--edge) var(--edge) 0 -2px #EFEBE3,calc(var(--edge) + 1px) calc(var(--edge) + 1px) 0 -1px #D8D2C6,0 30px 50px -20px rgba(30,15,80,.45);transition:box-shadow .4s}
.sb-book canvas{display:block;width:100%;height:100%;border-radius:inherit}
.sb-book::before{content:'';position:absolute;left:0;top:0;bottom:0;width:8%;background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(255,255,255,.1) 40%,transparent);pointer-events:none;z-index:1}
.sb-book[data-cilt="tel"]::after{content:'';position:absolute;left:-3px;top:28%;bottom:28%;width:4px;background:repeating-linear-gradient(#bbb 0 6px,transparent 6px 40%)}
.sb-book .sb-sheen{background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%)}

/* Düz baskılar */
.sb-flat{width:var(--w);height:var(--h)}
.sb-flat canvas{display:block;width:100%;height:100%;box-shadow:0 18px 40px -18px rgba(30,15,80,.4)}
.sb-flat.branda canvas{border-radius:2px}

/* Telefon ve dar ekran: tam ekran */
@media (max-width:900px){
  .sb{--sb-w:100vw;top:0;z-index:1001;border-left:0}
  body.sb-open #silviya-kurucu .k-chat{right:0}
  .sb-body{grid-template-columns:1fr;grid-template-rows:minmax(240px,42vh) 1fr}
  .sb-side{border-left:0;border-top:1px solid var(--line);padding:14px 14px 24px}
  .sb-h{padding:8px 10px}
  .sb-close span{display:none}
  .sb-fields{grid-template-columns:1fr}
  .sb-price b{font-size:21px}
  .sb-f{padding:10px 14px max(10px,env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.sb,.sb *{animation:none!important;transition:none!important}}

/* Yapay zekâ sahnesi */
.sb-art{background:linear-gradient(135deg,#F6F1FF,#FFF7EC);border:1px solid #EADFFB;border-radius:16px;padding:12px}
.sb-new{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:800;color:#fff;background:var(--pri);border-radius:999px;padding:1px 7px;vertical-align:2px}
.sb-agen{display:flex;gap:6px}
.sb-agen input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:14px}
.sb-agen input:focus{outline:0;border-color:var(--pri);box-shadow:0 0 0 3px rgba(107,61,245,.15)}
.sb-alib{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin-top:10px}
.sb-aimg{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;aspect-ratio:2/3;background:#eee;transition:border-color .25s,transform .2s}
.sb-aimg:hover{transform:translateY(-2px)}
.sb-aimg.is-on{border-color:var(--pri)}
.sb-aimg img{width:100%;height:100%;object-fit:cover;display:block}
.sb-spin{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:sb-rot .8s linear infinite;vertical-align:-2px}
@keyframes sb-rot{to{transform:rotate(360deg)}}
.sb-tpls{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}