/* Beden düğmeleri (ürün sayfası): tıklanabilir chip grubu; stoğu biten bedende çapraz çizgi. JS yoksa <select> kalır ([hidden]). */
html body .vsec{margin:0 0 .8rem;display:block}
html body .vsec[hidden]{display:none}
html body .vsec-diger{display:block;margin:0 0 .7rem;max-width:320px}
html body .vsec-diger select{width:100%}
html body .vsec-ust{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;margin-bottom:.45rem}
html body .vsec-etiket{font-weight:600;color:var(--yazi)}
html body .vsec-etiket b{font-weight:700}
html body .vsec-ust .beden-ac{margin:0}
html body .vsec-grup{display:flex;flex-wrap:wrap;gap:8px}
html body .bd{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:6px 14px;border:1.5px solid var(--kenar);border-radius:var(--kose);background:var(--zemin);color:var(--yazi);font:inherit;font-weight:600;line-height:1.1;cursor:pointer;overflow:hidden;transition:border-color .15s,background-color .15s,color .15s}
html body .bd:hover:not(:disabled):not(.secili){border-color:var(--ana);background:var(--yuzey)}
html body .bd.secili{border-color:var(--ana);background:var(--ana);color:var(--ana-yazi,#fff);box-shadow:0 0 0 1px var(--ana)}
html body .bd:focus-visible{outline:3px solid var(--ana);outline-offset:2px}
html body .bd-az{display:block;margin-top:2px;font-size:.66rem;font-weight:500;color:var(--vurgu);white-space:nowrap}
html body .bd.secili .bd-az{color:inherit;opacity:.9}
/* Tükendi: soluk metin + iki köşeyi bağlayan ince çapraz çizgi; tıklanamaz */
html body .bd.tukendi,html body .bd:disabled{color:var(--yazi-2);background:var(--yuzey);border-style:dashed;opacity:.62;cursor:not-allowed}
html body .bd.tukendi::after,html body .bd:disabled::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 1px),currentColor calc(50% - 1px),currentColor calc(50% + 0.5px),transparent calc(50% + 0.5px))}
html body .vsec-pasif .bd{cursor:default}
@media(max-width:560px){html body .bd{min-width:44px;min-height:44px;padding:6px 12px}html body .vsec-grup{gap:8px 6px}}
@media(prefers-reduced-motion:reduce){html body .bd{transition:none}}