/* Valkryin: 'Bıçağını tasarla' yapılandırıcısı (ana sayfa ve bicagini-tasarla.html ortak) */
.cfg-head .lede{max-width:58ch}
.cfg{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-areas:"handles stage" "blades blades" "sum sum";gap:clamp(1.2rem,3vw,2.2rem) clamp(1.2rem,3vw,2.4rem);margin-top:2.4rem;position:relative;z-index:1}
.cfg-handles{grid-area:handles;display:flex;flex-direction:column;gap:.5rem;align-self:start}
.cfg-bwrap{grid-area:blades}
.cfg-title{font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:.76rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}
.cfg-title::after{content:"";flex:1;height:1px;background:var(--hairline)}
.hopt{width:100%;display:grid;grid-template-columns:76px minmax(0,1fr);gap:.8rem;align-items:center;text-align:left;padding:.6rem .7rem;border:1px solid var(--hairline);background:linear-gradient(160deg,var(--panel-2),transparent 72%);transition:border-color .3s var(--ease-soft),background .3s var(--ease-soft),box-shadow .3s var(--ease-soft);color:var(--text-secondary);min-height:64px}
.hopt img{width:76px;height:40px;object-fit:cover;object-position:left center;display:block;border:1px solid var(--hairline);background:var(--canvas)}
.hopt .nm{display:block;font-family:var(--disp);font-size:1.05rem;color:var(--text-primary);line-height:1.1}
.hopt .nt{display:block;font-size:.78rem;line-height:1.3;margin-top:.2rem}
.hopt:hover{border-color:var(--line)}
.hopt[aria-checked="true"]{border-color:var(--accent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 72%);color:var(--text-primary);box-shadow:inset 3px 0 0 var(--accent)}
.cfg-stage{grid-area:stage;position:relative;display:grid;grid-template-rows:minmax(0,1fr);border:1px solid var(--hairline);background:radial-gradient(ellipse 70% 60% at 50% 42%,rgba(127,176,232,.09),transparent 70%),linear-gradient(170deg,var(--panel-2),var(--canvas) 85%);min-height:440px}
.cfg-canvas{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(2.6rem,5vw,3.6rem) clamp(1rem,4vw,3rem) 1.4rem;min-height:300px}
.cfg-canvas .float{width:min(100%,780px);transition:opacity .22s var(--ease-soft),transform .5s var(--ease)}
.cfg-canvas.swap .float{opacity:0;transform:translateY(10px)}
.cfg-canvas .pimg,.cfg-canvas .refl{max-height:250px;width:auto;max-width:100%;object-fit:contain}
.cfg-ghost{position:absolute;left:1.2rem;top:1rem;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-secondary)}
.cfg-note{position:absolute;right:1.2rem;top:.9rem;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border:1px solid var(--hairline);padding:.35rem .6rem;background:rgba(8,11,18,.6)}
.cfg-sum{grid-area:sum;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;padding:1.3rem clamp(1rem,3vw,1.8rem) 1.4rem;border:1px solid var(--hairline);background:linear-gradient(170deg,var(--panel-2),transparent 72%)}
.cfg-sum h2{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.1;margin-top:.3rem}
.cfg-sum .st{color:var(--text-secondary);font-size:.92rem;margin-top:.35rem;max-width:44ch}
.cfg-sum .acts{display:flex;gap:.7rem;flex-wrap:wrap}
.cfg-blades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.bopt{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1rem 1rem;border:1px solid var(--hairline);text-align:left;color:var(--text-secondary);background:linear-gradient(170deg,var(--panel-2),transparent 72%);transition:border-color .3s var(--ease-soft),box-shadow .3s var(--ease-soft),color .3s var(--ease-soft)}
.bopt .art{height:66px;display:flex;align-items:center;margin-bottom:.4rem}
.bopt img{max-height:56px;width:auto;max-width:100%;object-fit:contain;filter:grayscale(.7) opacity(.65);transition:filter .3s var(--ease-soft)}
.bopt:hover{border-color:var(--line)}
.bopt[aria-checked="true"]{border-color:var(--accent);color:var(--text-primary);box-shadow:inset 0 3px 0 var(--accent)}
.bopt[aria-checked="true"] img,.bopt:hover img{filter:none}
.bopt .nm{font-family:var(--disp);font-size:1.18rem;color:var(--text-primary);line-height:1.1}
.bopt .us{font-size:.8rem;line-height:1.35}
.cfg-foot{color:var(--text-secondary);font-size:.92rem;margin-top:1.6rem}
.cfg-foot a{color:var(--text-primary)}
@media (max-width:960px){.cfg{grid-template-columns:210px minmax(0,1fr)}.cfg-blades{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){
  .cfg{grid-template-columns:66px minmax(0,1fr);gap:.7rem}
  .cfg-handles .cfg-title::after{display:none}
  .cfg-handles .cfg-title{font-size:.6rem;letter-spacing:.18em;justify-content:center;margin-bottom:.3rem}
  .hopt{grid-template-columns:1fr;padding:.3rem;min-height:0;justify-items:center;gap:0}
  .hopt img{width:52px;height:52px;object-position:center}
  .hopt .nm,.hopt .nt{display:none}
  .cfg-stage{min-height:0}
  .cfg-canvas{padding:2.4rem .6rem .4rem;min-height:220px}
  .cfg-canvas .pimg,.cfg-canvas .refl{max-height:150px}
  .cfg-ghost{left:.8rem;top:.7rem;font-size:.56rem}
  .cfg-note{right:.6rem;top:.6rem;font-size:.54rem;padding:.25rem .4rem}
  .cfg-sum{padding:1rem .9rem 1.1rem}
  .cfg-sum h2{font-size:1.25rem}
  .cfg-blades{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:.6rem;padding-bottom:.4rem;scrollbar-width:none}
  .cfg-blades::-webkit-scrollbar{display:none}
  .bopt{flex:0 0 48%;scroll-snap-align:start}
}

/* sap küçük görselleri beyaz zeminde */
body .hopt img{background:#fff;object-fit:contain;object-position:center;padding:2px;border-color:rgba(11,14,20,.18)}
@media (max-width:720px){body .hopt img{width:54px;height:38px}}