/* adaptx-l-configurator — v5 prototip stilleri, .axlc-root altına kapsandı */
.axlc-root <style>
  :root{--pink:#D4537E; --dark:#2b2b2e; --mid:#4d4d4f; --light:#f3f3f3;
    --panel:#ffffff; --line:#e4e4e6; --ink:#26262a; --studio:#e9e6e1;}
.axlc-root *{box-sizing:border-box; margin:0; padding:0;}
@media(max-width:980px){
  .axlc-root .wrap{grid-template-columns:1fr;}
}
.axlc-root .viewer{position:sticky; top:14px; align-self:start; height:calc(100vh - 140px);
    min-height:420px; max-height:820px; background:var(--studio);
    border:1px solid var(--line); border-radius:10px; overflow:hidden;}
@media(max-width:980px){
  .axlc-root .viewer{position:relative; top:0; height:58vh; min-height:360px;}
}
.axlc-root .viewer canvas{display:block;}
.axlc-root .labels{position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:5;}
.axlc-root .chip{position:absolute; transform:translate(-50%,-50%); background:#ffffff; border:1px solid #e3e3e7;
    border-radius:20px; padding:3px 10px; font-size:12px; color:var(--mid);
    box-shadow:0 2px 8px rgba(0,0,0,.10); white-space:nowrap;}
.axlc-root .chip.dim{color:var(--pink); font-weight:700;}
.axlc-root .viewerBtns{position:absolute; left:12px; bottom:12px; z-index:6; display:flex; gap:8px;}
.axlc-root .viewerBtns button{border:1px solid var(--line); background:#fff; color:var(--ink);
    border-radius:8px; padding:8px 14px; font-size:13px; font-weight:600; cursor:pointer;
    box-shadow:0 2px 8px rgba(0,0,0,.10);}
.axlc-root .viewerBtns button:hover{border-color:var(--pink); color:var(--pink);}
.axlc-root .panel{background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:16px; margin-bottom:14px;}
.axlc-root .panel h2{font-size:13px; text-transform:uppercase; letter-spacing:.8px; color:var(--mid); margin-bottom:12px;}
.axlc-root .panel h2 small{float:right; font-weight:400; text-transform:none; letter-spacing:0; color:#9a9aa0;}
.axlc-root .row{display:flex; flex-direction:column; gap:5px; margin-bottom:12px;}
.axlc-root .row label{font-size:13px; font-weight:600; color:var(--ink);}
.axlc-root .inpWrap{display:flex; align-items:center; gap:8px;}
.axlc-root .inpWrap input[type=range]{flex:1; accent-color:var(--pink);}
.axlc-root .inpWrap input[type=number]{width:70px; padding:5px 6px; border:1px solid var(--line);
    border-radius:6px; font-size:13px; text-align:right;}
.axlc-root .inpWrap .unit{font-size:12px; color:#9a9aa0; width:24px;}
.axlc-root .toggleRow{flex-direction:row; align-items:center; justify-content:space-between;}
.axlc-root .toggleRow input[type=checkbox]{width:20px; height:20px; accent-color:var(--pink); cursor:pointer;}
.axlc-root .swatches{display:flex; gap:8px;}
.axlc-root .swatch{width:38px; height:38px; border-radius:8px; border:2px solid var(--line);
    cursor:pointer; background-size:cover; background-position:center;}
.axlc-root .swatch.sel{border-color:var(--pink); box-shadow:0 0 0 2px rgba(212,83,126,.25);}
.axlc-root .renkAd{font-size:12px; color:var(--mid);}
.axlc-root .priceBox{display:flex; align-items:baseline; justify-content:space-between;}
.axlc-root .priceBox .pl{font-size:13px; color:var(--mid);}
.axlc-root #price{font-size:24px; font-weight:700; color:var(--pink);}
.axlc-root .priceNote{font-size:11px; color:#9a9aa0; margin-top:4px;}
.axlc-root #calc{font-size:12px; color:var(--mid); white-space:pre-wrap; line-height:1.55;
    background:var(--light); border-radius:8px; padding:10px;}
.axlc-root #warn{display:none; font-size:12px; color:#b6482f; background:#fbeeea; border:1px solid #ecc9c9;
    border-radius:8px; padding:8px 10px; margin-top:8px;}
.axlc-root #jsonOut{font-family:Consolas,Menlo,monospace; font-size:11.5px; line-height:1.5;
    background:#232327; color:#d7e6d7; border-radius:8px; padding:12px; overflow:auto;
    max-height:320px; white-space:pre;}
.axlc-root .jsonBtns{display:flex; gap:8px; margin-top:8px;}
.axlc-root .jsonBtns button{flex:1; border:1px solid var(--line); background:#fff; border-radius:8px;
    padding:9px 0; font-size:13px; font-weight:600; cursor:pointer;}
.axlc-root .jsonBtns button:hover{border-color:var(--pink); color:var(--pink);}
.axlc-root #btnJson{background:var(--pink); color:#fff; border-color:var(--pink);}
.axlc-root #btnJson:hover{color:#fff; opacity:.9;}
.axlc-root .adminHead{font-size:12px; text-transform:uppercase; letter-spacing:.8px; color:#9a9aa0;
    border-top:1px solid var(--line); margin-top:14px; padding-top:12px; margin-bottom:8px;}
.axlc-root .adminHint{font-size:11px; color:#9a9aa0; margin-bottom:10px; line-height:1.5;}

/* --- ürün sayfası entegrasyonu (adaptx-product-page-layout figürü + form) --- */
.axv2-viewer .axlc-root.axlc-in-figure{height:100%; background:transparent;}
.axv2-viewer .axlc-root .viewer{position:relative; top:0; height:100%; min-height:420px; max-height:none;}
.axlc-root.axlc-in-form{background:transparent;}
.axlc-root .viewer{background:#d6d2cb;}
.axlc-root.axlc-in-form .panel{border:none; padding:0; margin-bottom:14px;}
@media(max-width:980px){
  .axv2-viewer .axlc-root .viewer{height:100%; min-height:0;}
}