/* BAKIŞ v1 — [PAYLAS] paylaşım paneli + renk kartı bağlantıları (mantıksal özellikler: RTL uyumlu) */
body.sh-open{overflow:hidden}
.sh-ov{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:12px;background:rgba(4,8,6,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sh-ov[hidden]{display:none}
.sh-box{position:relative;width:min(440px,100%);max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden;border-radius:26px;padding:18px 18px 20px;background:linear-gradient(180deg,#16281e,#0d1a12);border:1px solid rgba(217,185,138,.28);box-shadow:0 40px 80px -30px #000;color:#fff;display:grid;gap:14px}
.sh-hd{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sh-hd h3{font-size:19px;font-weight:700;letter-spacing:-.01em}
.sh-x{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.sh-x:hover{background:rgba(255,255,255,.2)}
.sh-sub{display:flex;align-items:center;gap:12px;min-width:0}
.sh-sub b{display:block;font-size:16px;overflow-wrap:anywhere}
.sh-sub span{display:block;font-size:13px;color:rgba(255,255,255,.6);overflow-wrap:anywhere}
.sh-sw{width:38px;height:38px;border-radius:50%;flex:none;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.sh-link{display:flex;gap:8px;min-width:0}
.sh-link input{flex:1;min-width:0;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;padding:0 12px;font:13px/1 var(--font);text-overflow:ellipsis}
.sh-cp,.sh-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:12px;border:1px solid rgba(217,185,138,.4);background:rgba(217,185,138,.1);color:var(--gold-l);font:600 13px/1.2 var(--font);padding:0 12px;cursor:pointer;text-decoration:none;text-align:center}
.sh-cp{flex:none}
.sh-cp:hover,.sh-b:hover{background:rgba(217,185,138,.22)}
.sh-b:disabled{opacity:.5;cursor:wait}
.sh-ac{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sh-b span,.sh-cp span{min-width:0}
.sh-qr{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;background:rgba(255,255,255,.05)}
.sh-qr svg{flex:none;border-radius:10px;width:136px;height:136px}
.sh-qr b{display:block;font-size:15px}.sh-qr span{display:block;font-size:13px;color:rgba(255,255,255,.6)}
.sh-q{justify-content:center;text-align:center;width:100%}
.sh-toast{position:absolute;inset-inline:18px;bottom:12px;padding:10px 14px;border-radius:12px;background:var(--gold);color:var(--green-d);font-weight:700;font-size:13px;text-align:center;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s,transform .25s}
.sh-toast.on{opacity:1;transform:none}
@media (max-width:420px){.sh-ac{grid-template-columns:1fr}.sh-cp span{display:none}.sh-qr svg{width:112px;height:112px}}
/* ürün sayfası */
.mcta .pill{max-width:100%;text-align:center}
.mcta .sh-open-b{display:inline-flex;align-items:center;gap:8px}
/* renk kartelası kartı */
.kc .kcp{inset:10px 10px auto auto}
html[dir=rtl] .kc .kcp{inset:10px auto auto 10px}
.kc.kc-hl{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 20px 50px -20px rgba(217,185,138,.5)}
.kca{display:flex;flex-wrap:wrap;gap:6px 8px;padding:0 16px 14px}
.kca button,.kca a{font:600 12px/1.25 var(--font);color:var(--gold-l);background:rgba(217,185,138,.1);border:1px solid rgba(217,185,138,.35);border-radius:980px;padding:6px 11px;cursor:pointer;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.kca button:hover,.kca a:hover{background:rgba(217,185,138,.24)}