/* ===========================================================================
   valiz-kilifi-v2 — saten tasarlayıcısının (satenuykubandi set oluşturucu) görsel dili.
   Jetonlar satenuykubandi site.css'ten; lacivert kılavuz 2.3 (#1E2954).
   Motorun ürettiği Tailwind sınıfları aşağıda jetonlara eşlenir (açık/koyu tema).
   Yalnız transform + opacity canlandırılır.
   =========================================================================== */
:root{
  --navy-950:#0D1226; --navy-900:#141C36; --navy-800:#1E2954; --navy-700:#233261;
  --navy-500:#4359A3; --navy-400:#697DBF; --navy-300:#95A3D0; --navy-200:#C1C8E2; --navy-50:#F2F3F8;
  --surface-base:#FFFFFF; --surface-raised:#F6F7F9; --surface-inverse:#1E2954;
  --text-primary:#141C36; --text-secondary:#484C5B; --text-muted:#5F6577;
  --text-on-inverse:#F2F3F8; --text-on-inverse-soft:#C1C8E2;
  --action:#F08025; --action-text:#B25910; --action-text-on-inverse:#F6984C;
  --border:#E7E9EE; --border-strong:#73798C; --focus-ring:#F08025;
  --elevate-inset:none;
  --v-tint:#F2F3F8; --v-soft:#E7E9EE;
  --so-plate:#F3F1EF; --so-plate-glow:rgba(255,255,255,.95); --so-plate-tint:rgba(71,83,158,.10);
  --shadow-sm:0 1px 2px rgba(13,18,38,.06), 0 2px 6px rgba(13,18,38,.05);
  --shadow:0 2px 6px rgba(13,18,38,.06), 0 10px 28px rgba(13,18,38,.10);
  --shadow-lg:0 4px 12px rgba(13,18,38,.08), 0 24px 56px rgba(13,18,38,.16);
  --font-display:'Oswald',Impact,sans-serif; --font-body:'Montserrat',system-ui,sans-serif;
  --ease-spring:cubic-bezier(.22,1,.36,1);
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:88px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --surface-base:#0D1226; --surface-raised:#141C36; --surface-inverse:#1E2954;
    --text-primary:#F2F3F8; --text-secondary:#C1C8E2; --text-muted:#95A3D0;
    --action-text:#F6984C; --border:#233261; --border-strong:#697DBF; --focus-ring:#F6984C;
    --elevate-inset:inset 0 1px 0 rgba(255,255,255,.06);
    --v-tint:#18213F; --v-soft:#1B2547;
    --so-plate:#18213F; --so-plate-glow:rgba(149,163,208,.22); --so-plate-tint:rgba(140,151,212,.16);
    --shadow-sm:0 1px 2px rgba(0,0,0,.34); --shadow:0 2px 6px rgba(0,0,0,.38), 0 10px 28px rgba(0,0,0,.44);
    --shadow-lg:0 4px 12px rgba(0,0,0,.44), 0 24px 56px rgba(0,0,0,.50);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --surface-base:#0D1226; --surface-raised:#141C36; --surface-inverse:#1E2954;
  --text-primary:#F2F3F8; --text-secondary:#C1C8E2; --text-muted:#95A3D0;
  --action-text:#F6984C; --border:#233261; --border-strong:#697DBF; --focus-ring:#F6984C;
  --elevate-inset:inset 0 1px 0 rgba(255,255,255,.06);
  --v-tint:#18213F; --v-soft:#1B2547;
  --so-plate:#18213F; --so-plate-glow:rgba(149,163,208,.22); --so-plate-tint:rgba(140,151,212,.16);
  --shadow-sm:0 1px 2px rgba(0,0,0,.34); --shadow:0 2px 6px rgba(0,0,0,.38), 0 10px 28px rgba(0,0,0,.44);
  --shadow-lg:0 4px 12px rgba(0,0,0,.44), 0 24px 56px rgba(0,0,0,.50);
  color-scheme:dark;
}

body.v2{background:var(--surface-raised);color:var(--text-primary);font-family:var(--font-body);line-height:1.7;}
.vk-wrap{max-width:1200px;margin:0 auto;padding:0 var(--s5);}
@media (max-width:620px){ .vk-wrap{padding:0 var(--s4);} }
.skip{position:absolute;left:-9999px;top:8px;z-index:99;background:var(--surface-base);color:var(--text-primary);padding:8px 12px;border-radius:8px;}
.skip:focus{left:8px;}

/* ---------- üst çubuk ---------- */
.vk-bar{background:var(--surface-base);border-bottom:1px solid var(--border);}
.vk-bar-in{height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);}
.vk-brand{display:flex;align-items:center;gap:var(--s3);border-radius:10px;color:var(--text-primary);}
.vk-brand b{display:block;font:600 18px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;}
.vk-brand small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:4px;}
.vk-nav{display:flex;align-items:center;gap:var(--s4);font-size:14px;font-weight:500;}
.vk-nav a{color:var(--text-secondary);border-radius:6px;}
.vk-nav a:hover{color:var(--text-primary);}
@media (max-width:760px){ .vk-nav a,.vk-brand small{display:none;} }
.vk-theme{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--surface-base);color:var(--text-primary);}
.vk-theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
.vk-theme .i-sun{display:none;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .vk-theme .i-sun{display:block;} :root:not([data-theme="light"]) .vk-theme .i-moon{display:none;} }
:root[data-theme="dark"] .vk-theme .i-sun{display:block;}
:root[data-theme="dark"] .vk-theme .i-moon{display:none;}
/* kılavuz: turuncu zeminde yazı navy-900, beyaz asla */
.vk-cta-sm{font:600 14px/1 var(--font-body);color:var(--navy-900);background:var(--action);border:0;border-radius:10px;padding:12px 16px;box-shadow:0 4px 12px rgba(240,128,37,.25);}

/* ---------- bölüm + hero ---------- */
.so{padding:var(--s8) 0 var(--s9);}
.so-head{max-width:62ch;margin-bottom:var(--s7);}
.eyebrow{display:inline-block;font:700 12px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--action-text);
  padding:9px 14px;border-radius:30px;border:1px solid color-mix(in srgb,var(--action) 40%,transparent);background:color-mix(in srgb,var(--action) 10%,transparent);}
.so-head h1{margin:var(--s4) 0 var(--s3);font:600 clamp(34px,4.4vw,52px)/1.24 var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text-primary);}
.so-head .accent{color:var(--action-text);}
.lead{font-size:17px;line-height:1.7;color:var(--text-secondary);}
@media (max-width:620px){ .so{padding:var(--s6) 0 var(--s8);} .so-head{margin-bottom:var(--s5);} .lead{font-size:15.5px;} }

.so-grid{display:grid;gap:var(--s6);align-items:start;}
@media (min-width:980px){ .so-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:var(--s7);} .so-stage-col{position:sticky;top:24px;} }
.so-stage-col{min-width:0;}

/* ---------- sahne ---------- */
.vk-stage{position:relative;border-radius:20px;overflow:hidden;isolation:isolate;
  background:radial-gradient(60% 55% at 38% 34%,var(--so-plate-glow),transparent 70%),radial-gradient(70% 60% at 85% 100%,var(--so-plate-tint),transparent 72%),var(--so-plate);
  box-shadow:var(--shadow-lg),var(--elevate-inset);}
.vk-stage.grain::after{opacity:.22;}
.vk-stage-top{position:relative;z-index:10;display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s4) 0;}
.vk-label{font:600 11px/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vk-hint{position:relative;z-index:10;margin:0;padding:0 var(--s4) var(--s3);font-size:11.5px;color:var(--text-muted);text-align:center;}
.view-tabs{display:inline-flex;flex:none;gap:2px;padding:4px;border-radius:12px;background:color-mix(in srgb,var(--surface-base) 80%,transparent);box-shadow:var(--shadow-sm);}
.v2 .view-tab{font:600 12.5px/1 var(--font-body);padding:9px 12px;border-radius:9px;color:var(--text-secondary);}
.v2 .view-tab[aria-selected="true"]{background:var(--action);color:var(--navy-900);}
.v2 #loading{background:color-mix(in srgb,var(--so-plate) 85%,transparent);color:var(--text-secondary);}

.so-stage-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s3);flex-wrap:wrap;}
.vk-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.so-tally{font-family:var(--font-display);font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap;}
.so-tally b{color:var(--action-text);font-weight:600;}

/* ---------- adım çubuğu ---------- */
.so-form{display:flex;flex-direction:column;gap:var(--s4);min-width:0;}
.so-prog{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;}
.so-prog li{position:relative;}
.so-prog button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:12px;cursor:pointer;
  border:1.5px solid var(--border);background:var(--surface-base);font:600 13px/1.2 var(--font-body);color:var(--text-muted);transition:transform .22s var(--ease-spring);}
.so-prog button:hover{transform:translateY(-1px);}
.so-prog button:active{transform:scale(.97);}
.so-prog button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.so-prog-n{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 12px/1 var(--font-display);background:var(--surface-raised);color:var(--text-secondary);border:1px solid var(--border);}
.so-prog [aria-current="step"]{border-color:var(--action);color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 14%,transparent);}
.so-prog [aria-current="step"] .so-prog-n{background:var(--action);color:var(--navy-900);border-color:var(--action);}
.so-prog .is-done button{color:var(--text-secondary);}
.so-prog .is-done .so-prog-n{background:var(--surface-inverse);color:var(--text-on-inverse);border-color:transparent;}
@media (max-width:420px){ .so-prog-l{font-size:11.5px;} .so-prog button{padding:7px 6px;gap:5px;} }

/* ---------- adım kartı ---------- */
.so-step{border:1px solid var(--border);border-radius:16px;background:var(--surface-base);padding:var(--s5);box-shadow:var(--shadow-sm),var(--elevate-inset);
  transition:opacity .35s ease,transform .45s var(--ease-spring);}
.so-step[hidden]{display:none;}
.so-step.is-in-next{opacity:0;transform:translateX(18px);}
.so-step.is-in-prev{opacity:0;transform:translateX(-18px);}
.so-step-top{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);}
.so-num{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface-inverse);color:var(--text-on-inverse);font:600 14px/1 var(--font-display);}
.so-step-title{flex:1;min-width:0;}
.so-step-title h2{font:600 16px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);}
.so-step-title h2:focus{outline:none;}
.so-picked{display:block;font-size:13px;color:var(--text-muted);line-height:1.4;margin-top:2px;}
.so-picked b{color:var(--text-primary);font-weight:600;}
.so-sublabel{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:var(--s5) 0 var(--s3);}
.so-hint{font-size:12.5px;line-height:1.55;color:var(--text-muted);margin-top:var(--s3);}
.so-step-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--border);}
.so-step[data-adim="3"] .so-step-nav{border-top:0;padding-top:0;margin-top:var(--s2);}
.so-back{font:600 14px/1 var(--font-body);color:var(--text-secondary);background:none;border:0;padding:12px 6px;cursor:pointer;transition:transform .2s var(--ease-spring);}
.so-back:hover{color:var(--text-primary);text-decoration:underline;text-underline-offset:4px;}
.so-back:active{transform:scale(.96);}
.so-back:focus-visible,.so-next:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:10px;}
.so-next{display:inline-flex;align-items:center;gap:8px;font:600 14.5px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;
  color:var(--text-on-inverse);background:var(--surface-inverse);border:0;border-radius:12px;padding:14px 20px;cursor:pointer;box-shadow:var(--shadow);transition:transform .24s var(--ease-spring);}
.so-next svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .24s var(--ease-spring);}
.so-next:hover{transform:translateY(-2px);}
.so-next:hover svg{transform:translateX(3px);}
.so-next:active{transform:scale(.97);}
:root[data-theme="dark"] .so-next{box-shadow:var(--shadow),inset 0 0 0 1px var(--border-strong);}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .so-next{box-shadow:var(--shadow),inset 0 0 0 1px var(--border-strong);} }

/* sahne: önizleme boyu seçici (S | M | L) */
.vk-size-pick{display:flex;align-items:center;gap:8px;flex:none;}
.vk-size-l{font:600 11px/1.2 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);}
.vk-sizes{display:inline-flex;gap:2px;padding:4px;border-radius:12px;background:color-mix(in srgb,var(--surface-base) 80%,transparent);box-shadow:var(--shadow-sm);}
.v2 .size-btn{min-width:38px;padding:8px 10px !important;border:0 !important;border-radius:9px !important;background:transparent !important;text-align:center !important;transition:transform .2s var(--ease-spring);}
.v2 .size-btn span{display:none !important;}
.v2 .size-btn span:first-child{display:block !important;font:600 14px/1 var(--font-display) !important;color:var(--text-secondary) !important;}
.v2 .size-btn[aria-pressed="true"]{background:var(--surface-inverse) !important;box-shadow:none !important;}
.v2 .size-btn[aria-pressed="true"] span:first-child{color:var(--text-on-inverse) !important;}
.v2 .size-btn:hover{transform:translateY(-1px);}
.v2 .size-btn:active{transform:scale(.95);}
.v2 .size-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
@media (max-width:1180px) and (min-width:980px){ .vk-size-l{display:none;} }
@media (max-width:979px){ .vk-size-l{display:none;} .vk-stage-top{flex-wrap:wrap;} }

/* teklif: boy kartları - silüet gerçek orana göre (S 36x55, M 42x65, L 48x75 cm), adet sayacı, çoklu seçim */
.v2 #quoteQty legend{margin-bottom:var(--s2);}
.vk-qty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);}
.vk-qcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--s4) var(--s2) var(--s3);border-radius:14px;
  border:1.5px solid var(--border);background:var(--surface-raised);text-align:center;transition:transform .28s var(--ease-spring);}
.vk-qcard::after{content:"";position:absolute;inset:-1.5px;border-radius:14px;pointer-events:none;border:2px solid var(--action);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--action) 16%,transparent);opacity:0;transition:opacity .22s ease;}
.vk-qcard.is-on{background:var(--surface-base);}
.vk-qcard.is-on::after{opacity:1;}
.vk-sil{display:block;width:calc(var(--sw) * 1.5px);height:calc(var(--sh) * 1.5px);margin-top:auto;border-radius:11px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--text-muted) 30%,transparent),color-mix(in srgb,var(--text-muted) 14%,transparent));
  border:1.5px solid color-mix(in srgb,var(--text-muted) 45%,transparent);transition:transform .3s var(--ease-spring);}
.vk-qcard[data-size="S"]{--sw:36;--sh:55;} .vk-qcard[data-size="M"]{--sw:42;--sh:65;} .vk-qcard[data-size="L"]{--sw:48;--sh:75;}
.vk-qcard.is-on .vk-sil{background:linear-gradient(160deg,var(--action),color-mix(in srgb,var(--action) 70%,var(--navy-800)));border-color:transparent;}
.vk-qcard b{font:600 24px/1 var(--font-display);color:var(--text-primary);margin-top:4px;}
.vk-qcard small{font-size:11px;line-height:1.3;color:var(--text-muted);}
.vk-step{display:flex;align-items:center;gap:4px;width:100%;margin-top:4px;}
.vk-step button{flex:none;width:32px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--surface-base);color:var(--text-primary);
  font:600 18px/1 var(--font-body);cursor:pointer;transition:transform .2s var(--ease-spring);}
.vk-step button:hover{border-color:var(--border-strong);}
.vk-step button:active{transform:scale(.92);}
.vk-step button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px;}
.v2 .vk-step input.qty{flex:1;min-width:0;margin:0 !important;height:36px;padding:0 2px !important;text-align:center;font-weight:600;border-radius:9px !important;-moz-appearance:textfield;}
.vk-step input.qty::-webkit-inner-spin-button,.vk-step input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.vk-onizle{font:600 11.5px/1 var(--font-body);color:var(--action-text);background:none;border:0;padding:6px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.vk-onizle[aria-pressed="true"]{color:var(--text-muted);text-decoration:none;cursor:default;}
.vk-onizle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:4px;}
.vk-qcard:hover{transform:translateY(-2px);}
.vk-qcard:hover .vk-sil{transform:scale(1.04);}
.vk-boylar{margin-top:var(--s3);padding-top:var(--s3);border-top:1px dashed color-mix(in srgb,var(--text-on-inverse) 18%,transparent);font-size:14px;color:var(--text-on-inverse-soft);}
.vk-boylar b{color:var(--text-on-inverse);font-weight:600;}
@media (max-width:520px){ .vk-qcard{padding:var(--s3) 4px var(--s2);} .vk-sil{width:calc(var(--sw) * 1.1px);height:calc(var(--sh) * 1.1px);} .vk-step button{width:28px;} }
@media (prefers-reduced-motion: reduce){ .vk-qcard,.vk-sil,.vk-step button,.v2 .size-btn{transition:none !important;} }

/* 2. adım: tasarım kartları seçim halkası (saten kartı) */
.v2 #designs .model,.v2 #models .model{background:var(--surface-raised);border-color:var(--border);}
.v2 .model[aria-pressed="true"]{box-shadow:0 0 0 2px var(--action),0 0 0 6px color-mix(in srgb,var(--action) 16%,transparent);}
.v2 .model-tick{background:var(--action) !important;}
.v2 .model-tick svg{stroke:var(--navy-900);}
.vk-colors.hidden{display:none;}
.v2 #designPanel{background:var(--v-tint);border-color:var(--border);}

/* 4. adım: özet + satır içi teklif */
.so-summary{border-radius:16px;padding:var(--s5);background:var(--surface-inverse);color:var(--text-on-inverse);box-shadow:var(--shadow-lg);margin-bottom:var(--s4);}
.so-summary h3{color:var(--text-on-inverse);font:600 15px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--s3);}
.so-summary dl{row-gap:6px;}
.vk-quote #quoteForm{margin-top:0;}
.vk-quote #quoteHint{text-align:left;}
.so-link{display:inline-block;margin-top:var(--s3);font:600 13px/1 var(--font-body);color:var(--action-text);background:none;border:0;cursor:pointer;padding:10px 2px;
  text-decoration:underline;text-underline-offset:4px;transition:transform .2s var(--ease-spring);}
.so-link:active{transform:scale(.96);}
.so-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:4px;}
/* WhatsApp düğmesi saten CTA'sı: turuncu zemin, navy-900 yazı */
.v2 .so-cta,.v2 #quoteWaLink{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;
  font:600 15px/1 var(--font-display) !important;letter-spacing:.04em;text-transform:uppercase;color:var(--navy-900) !important;background:var(--action) !important;
  border:0;border-radius:12px;padding:17px 22px !important;box-shadow:0 4px 10px rgba(240,128,37,.25),0 16px 34px rgba(240,128,37,.22);transition:transform .24s var(--ease-spring),opacity .2s ease;}
.v2 .so-cta:hover,.v2 #quoteWaLink:hover{transform:translateY(-2px);}
.v2 .so-cta:active{transform:scale(.97);}
.v2 .so-cta svg path:first-child,.v2 #quoteWaLink svg path:first-child{fill:var(--navy-900);}
.v2 .so-cta svg path:last-child,.v2 #quoteWaLink svg path:last-child{fill:var(--action);}

/* ---------- mobil: sahne + adım çubuğu yapışkan ---------- */
@media (max-width:979px){
  .so-grid{display:block;}
  .so-stage-col{position:sticky;top:0;z-index:20;margin:0 calc(var(--s4) * -1);padding:var(--s2) var(--s4) var(--s2);background:var(--surface-raised);box-shadow:0 10px 18px -14px rgba(13,18,38,.35);}
  .vk-stage-top{padding:var(--s2) var(--s3) 0;}
  .vk-label,.vk-hint{display:none;}
  .v2 #view2d{padding-bottom:var(--s2);}
  .so-stage-meta{margin-top:var(--s2);}
  .v2 .vk-tools .tool-btn{height:38px;min-width:38px;padding:0 9px;}
  .so-tally{font-size:12.5px;}
  .so-form{margin-top:var(--s3);}
  .so-prog{position:sticky;top:var(--so-yapiskan,0px);z-index:19;margin:0 calc(var(--s4) * -1);padding:6px var(--s4) 8px;background:var(--surface-raised);}
  .so-step{padding:var(--s4);}
}

/* ===================== motor bileşenleri: tema eşlemesi ===================== */
.v2 .bg-white{background-color:var(--surface-base);}
.v2 .bg-white\/90,.v2 .bg-white\/70{background-color:color-mix(in srgb,var(--surface-base) 85%,transparent);}
.v2 .bg-steel-50{background-color:var(--surface-raised);}
.v2 .bg-steel-100,.v2 .bg-steel-200{background-color:var(--v-soft);}
.v2 .bg-navy-50{background-color:var(--v-tint);}
.v2 .text-navy-800,.v2 .text-navy-900:not([class*="bg-ember"]),.v2 .text-navy{color:var(--text-primary);}
.v2 [class*="bg-ember"].text-navy-900,.v2 .bg-ember-500 .text-navy-900{color:var(--navy-900);}
.v2 .text-steel-700{color:var(--text-secondary);}
.v2 .text-steel-600{color:var(--text-muted);}
.v2 .text-ember-700,.v2 .text-ember-800{color:var(--action-text);}
.v2 .border-steel-100,.v2 .border-steel-200,.v2 .border-navy-100,.v2 .border-navy-200,.v2 .border-navy-300{border-color:var(--border);}
.v2 .border-steel-300,.v2 .border-steel-500{border-color:var(--border-strong);}
.v2 .divide-steel-100>:not([hidden])~:not([hidden]){border-color:var(--border);}
.v2 .hover\:border-navy-400:hover,.v2 .hover\:border-navy-500:hover{border-color:var(--border-strong);}
.v2 .hover\:text-navy-600:hover,.v2 .hover\:text-navy-800:hover{color:var(--text-primary);}
/* koyu yüzeyler (özet, düğmeler) kendi renginde kalır */
.v2 .bg-navy-800 .text-navy-800,.v2 .so-summary .text-navy-800{color:var(--text-on-inverse);}
.v2 input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),.v2 select,.v2 textarea,.v2 .field{background-color:var(--surface-base);color:var(--text-primary);border-color:var(--border-strong);}
.v2 .field:focus-visible,.v2 input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;}
.v2 .font-cat,.v2 .plate-btn,.v2 .zside{background:var(--surface-base);color:var(--text-primary);border-color:var(--border);}
.v2 .font-cat[aria-pressed="true"],.v2 .plate-btn[aria-pressed="true"]{background:var(--surface-inverse);color:var(--text-on-inverse);border-color:var(--surface-inverse);}
.v2 .item-row[aria-pressed="true"]{background:var(--v-tint);box-shadow:inset 0 0 0 1px var(--border-strong);}
.v2 .font-row:hover,.v2 .font-row[aria-selected="true"]{background:var(--v-tint);}
.v2 .tool-btn{background:var(--surface-base);color:var(--text-primary);border-color:var(--border);}
.v2 .tool-btn:hover{border-color:var(--border-strong);}
.v2 .tool-primary{background:var(--surface-inverse);color:var(--text-on-inverse);border-color:var(--surface-inverse);}
.v2 .modal-box{background:var(--surface-base);color:var(--text-primary);}
.v2 .swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--text-primary);}
.v2 .dchip[aria-expanded="true"] .dchip-dot{box-shadow:0 0 0 3px var(--surface-base),0 0 0 5px var(--action);}
.v2 .border-black\/10{border-color:color-mix(in srgb,var(--text-primary) 14%,transparent);}
.v2 .accent-navy-800{accent-color:var(--action);}
.v2 #nasil{background:var(--surface-base);border-color:var(--border);}
.v2 #sss{border-color:var(--border);}
.v2 .shadow-brand{box-shadow:var(--shadow-sm);}

@media (prefers-reduced-motion: reduce){
  .so-step,.so-prog button,.so-next,.so-next svg,.so-back,.v2 .size-btn,.v2 .size-btn::before,.v2 .so-cta{transition:none !important;}
}
/* araç satırı tek sıra: yalnız simge (etiketler aria-label'da) */
.v2 .vk-tools .tool-btn span{display:none;}
.v2 .vk-tools .tool-btn{padding:0 11px;}
.vk-tools > span[aria-hidden]{margin:0 2px;}
/* teklif adımı: adet -> özet -> bilgiler (saten sırası) */
.vk-quote .so-summary{margin:var(--s4) 0;}
/* etiket kontrastı: açık temada ember-800 (turuncu yarı saydam zeminde 4,5:1 üstü), koyuda ember-400 */
.eyebrow{color:#8B460E;}
:root[data-theme="dark"] .eyebrow{color:#F6984C;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .eyebrow{color:#F6984C;} }
/* seçili önizleme boyu: koyu temada lacivert zeminde kayboluyordu -> 360° sekmesi gibi turuncu, navy-900 yazı */
.v2 .size-btn[aria-pressed="true"]{background:var(--action) !important;}
.v2 .size-btn[aria-pressed="true"] span:first-child{color:var(--navy-900) !important;}
/* desen adı adım başlığında: sahne üstünde yer açılsın */
.v2 .vk-label{display:none;}

/* ===================== logo adımı (sade) ===================== */
.vk-drop{display:flex;align-items:center;gap:var(--s4);width:100%;padding:var(--s5);border-radius:14px;cursor:pointer;text-align:left;
  border:1.5px dashed var(--border-strong);background:var(--v-tint);color:var(--text-primary);transition:transform .24s var(--ease-spring);}
.vk-drop:hover{transform:translateY(-2px);border-color:var(--action);}
.vk-drop:active{transform:scale(.98);}
.vk-drop:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;}
.vk-drop-i{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--action);color:var(--navy-900);box-shadow:0 6px 16px rgba(240,128,37,.28);}
.vk-drop-i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.vk-drop b{display:block;font:600 16px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.02em;}
.vk-drop small{display:block;font-size:12.5px;line-height:1.5;color:var(--text-muted);margin-top:2px;}

.vk-lkart{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:14px;border:1.5px solid var(--border);background:var(--surface-raised);}
.vk-lkart[hidden]{display:none;}
.vk-lkart img{flex:none;width:56px;height:56px;object-fit:contain;border-radius:10px;background:var(--surface-base);border:1px solid var(--border);padding:4px;}
.vk-lkart-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.vk-lkart-t b{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vk-q{font-size:12px;font-weight:600;}
.vk-q.is-iyi{color:#1F7A3F;} .vk-q.is-orta{color:var(--action-text);} .vk-q.is-dusuk{color:#B3261E;}
:root[data-theme="dark"] .vk-q.is-iyi{color:#7FD39A;} :root[data-theme="dark"] .vk-q.is-dusuk{color:#FF9C94;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .vk-q.is-iyi{color:#7FD39A;} :root:not([data-theme="light"]) .vk-q.is-dusuk{color:#FF9C94;} }
.vk-lbtn{flex:none;font:600 13px/1 var(--font-body);padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface-base);color:var(--text-primary);cursor:pointer;transition:transform .2s var(--ease-spring);}
.vk-lbtn:hover{border-color:var(--border-strong);}
.vk-lbtn:active{transform:scale(.96);}
.vk-lbtn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-lbtn.is-del{color:var(--action-text);}
@media (max-width:420px){ .vk-lbtn{padding:10px 10px;} }

.vk-yuz{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);}
.vk-yuz button,.vk-yerler button,.vk-ince-sec button{position:relative;font:600 14px/1 var(--font-body);padding:14px 12px;border-radius:12px;cursor:pointer;
  border:1.5px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);transition:transform .22s var(--ease-spring);}
.vk-yuz button::before,.vk-yerler button::before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px;border-radius:5px;border:1.5px solid var(--border-strong);}
.vk-yuz button[aria-pressed="true"],.vk-yerler button[aria-pressed="true"]{border-color:var(--action);color:var(--text-primary);background:var(--surface-base);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 14%,transparent);}
.vk-yuz button[aria-pressed="true"]::before,.vk-yerler button[aria-pressed="true"]::before{background:var(--action) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='%23141C36' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--action);}
.vk-yuz button:hover,.vk-yerler button:hover,.vk-ince-sec button:hover{transform:translateY(-1px);}
.vk-yuz button:active,.vk-yerler button:active,.vk-ince-sec button:active{transform:scale(.97);}
.vk-yuz button:focus-visible,.vk-yerler button:focus-visible,.vk-ince-sec button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-yuz button.is-shake,.vk-yerler button.is-shake{animation:vk-shake .36s var(--ease-spring);}
@keyframes vk-shake{25%{transform:translateX(-4px);}50%{transform:translateX(4px);}75%{transform:translateX(-2px);}}

.vk-opt{font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-muted);margin-left:6px;}
label.so-sublabel{display:block;}
.so-input{width:100%;font:500 15px/1.4 var(--font-body);color:var(--text-primary);background:var(--surface-base);border:1.5px solid var(--border-strong);border-radius:10px;padding:12px 14px;}
.so-input::placeholder{color:var(--text-muted);}
.so-input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px;border-color:var(--action);}

.vk-ince{margin-top:var(--s5);border:1px solid var(--border);border-radius:12px;background:var(--surface-raised);}
.vk-ince summary{list-style:none;display:flex;align-items:center;gap:8px;padding:14px 16px;cursor:pointer;font:600 14px/1.3 var(--font-body);color:var(--text-primary);border-radius:12px;}
.vk-ince summary::-webkit-details-marker{display:none;}
.vk-ince summary small{flex:1;font-size:12px;font-weight:500;color:var(--text-muted);}
.vk-ince summary svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .24s var(--ease-spring);}
.vk-ince[open] summary svg{transform:rotate(180deg);}
.vk-ince summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-ince > :not(summary){margin:0 16px;}
.vk-ince > .so-hint{margin-bottom:14px;}
.vk-ince-sec{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:var(--s3) !important;}
.vk-ince-sec button{padding:10px;font-size:13px;}
.vk-ince-sec button[aria-pressed="true"]{background:var(--surface-inverse);color:var(--text-on-inverse);border-color:var(--surface-inverse);}
.vk-ince-sec button:disabled{opacity:.4;pointer-events:none;}
/* motorun düzenleyicisi: konum ve sil yalnız sahnede/kartta */
.v2 #editorHost #editor{margin:0;border:0;padding:0;background:none;}
.v2 #editorHost #slotWrap,.v2 #editorHost #btnDel{display:none !important;}
@media (prefers-reduced-motion: reduce){ .vk-drop,.vk-lbtn,.vk-yuz button,.vk-ince-sec button,.vk-ince summary svg{transition:none !important;} .vk-yuz button.is-shake{animation:none;} }
/* formsuz teklif: DemFabrika imzası (satenuykubandi so-imza karşılığı) */
.vk-quote .vk-imza{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s3,12px);color:var(--text-muted);font:500 11px/1.4 var(--font-body);text-decoration:none;opacity:.85;transition:opacity .2s var(--ease-spring),transform .2s var(--ease-spring);}
.vk-quote .vk-imza svg{width:92px;height:auto;}
.vk-quote .vk-imza:hover{opacity:1;}
.vk-quote .vk-imza:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:4px;opacity:1;}
.vk-quote .vk-imza:active{transform:translateY(1px);}
/* baskı modu (?t=...&baski=1): grafiker için TIFF üretim paneli */
.vk-baski{position:fixed;right:16px;bottom:16px;z-index:60;width:min(360px,calc(100vw - 32px));padding:16px;border-radius:14px;background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-lg);font:500 13px/1.5 var(--font-body);}
.vk-baski h2{margin:0 0 10px;font:600 17px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.02em;}
.vk-baski h2 small{font:500 12px var(--font-body);text-transform:none;color:var(--text-muted);margin-left:6px;}
.vk-baski-ayar{display:grid;gap:6px;margin-bottom:12px;}
.vk-baski-ayar input[type=number]{width:56px;}
.vk-baski-ayar select,.vk-baski-ayar input[type=number]{padding:2px 6px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-base);color:var(--text-primary);font:inherit;}
.vk-baski-btn{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.vk-baski-btn button{padding:9px 10px;border-radius:8px;border:0;background:var(--action);color:#141C36;font:600 13px var(--font-body);cursor:pointer;transition:transform .2s var(--ease-spring),opacity .2s var(--ease-spring);}
.vk-baski-btn button:hover{opacity:.9;}
.vk-baski-btn button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;}
.vk-baski-btn button:active{transform:translateY(1px);}
.vk-baski-btn button:disabled{opacity:.5;cursor:progress;}
.vk-baski-durum{margin:10px 0 0;font-size:12px;color:var(--text-muted);}
/* yastık: logo yerleri (Ön/Arka × sol kol, sağ kol, üst kavis) */
.vk-yerler{display:grid;gap:var(--s2);}
.vk-yer-grup{display:grid;grid-template-columns:72px repeat(3,minmax(0,1fr));align-items:center;gap:var(--s2);}
.vk-yer-yuz{font:600 12px/1.2 var(--font-body);color:var(--text-muted);}
.vk-yerler button{padding:12px 8px;font-size:13px;text-align:left;white-space:nowrap;}
.vk-yerler button::before{margin-right:6px;}
.vk-yerler button:disabled{opacity:.45;cursor:not-allowed;transform:none;}
.vk-yazi-yuz{margin-top:var(--s2);}
/* tek boylu ürün (yastık): tek adet kartı */
.vk-qty-tek{grid-template-columns:minmax(0,1fr);}
.vk-qcard-tek{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);}
.vk-qcard-tek .vk-tek-t{display:flex;flex-direction:column;gap:2px;}
.vk-qcard-tek .vk-tek-t b{margin:0;font-size:20px;}
.vk-qcard-tek .vk-step{width:auto;flex:0 1 220px;margin:0;}
.vk-qcard-tek:hover{transform:none;}
@media (max-width:520px){
  .vk-yer-grup{grid-template-columns:repeat(3,minmax(0,1fr));}
  .vk-yer-yuz{grid-column:1 / -1;}
  .vk-yerler button{padding:12px 6px;font-size:12.5px;}
  .vk-yerler button::before{width:14px;height:14px;margin-right:4px;}
}
.vk-size-pick[hidden]{display:none !important;}
/* yastık · logo yeri: Sol kol · Sağ kol · İki kol (tek seçim) */
.vk-kol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2);}
.vk-kol button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface-raised);
  color:var(--text-secondary);font:600 14px/1.2 var(--font-body);cursor:pointer;transition:transform .2s var(--ease-spring),border-color .2s,box-shadow .2s;}
.vk-kol button:hover{transform:translateY(-1px);border-color:var(--border-strong);}
.vk-kol button:active{transform:scale(.97);}
.vk-kol button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-kol button[aria-checked="true"]{border-color:var(--action);color:var(--text-primary);background:var(--surface-base);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 14%,transparent);}
.vk-kol[data-bos] button{opacity:.5;cursor:default;}
/* U yastık simgesi; işaretli kol turuncu */
.vk-kol-sil{position:relative;width:44px;height:40px;border-radius:22px 22px 18px 18px;border:6px solid var(--border-strong);border-bottom-color:transparent;opacity:.8;}
.vk-kol-sil::before,.vk-kol-sil::after{content:"";position:absolute;bottom:-6px;width:12px;height:12px;border-radius:50%;background:var(--border-strong);}
.vk-kol-sil::before{left:-6px;} .vk-kol-sil::after{right:-6px;}
.vk-kol-sol::before,.vk-kol-sag::after,.vk-kol-iki::before,.vk-kol-iki::after{background:var(--action);}
.vk-kol button[aria-checked="true"] .vk-kol-sil{opacity:1;}

/* yastık · adım 2 sekmeleri: Düz renk ve çizgi | Hazır desenler */
.vk-sekme{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-bottom:var(--s4);}
.vk-sekme button{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:14px;border-radius:16px;
  border:1.5px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;transition:transform .2s var(--ease-spring),border-color .2s,box-shadow .2s;}
.vk-sekme button b{font:600 15px/1.25 var(--font-body);color:var(--text-primary);}
.vk-sekme button small{grid-column:2;font:500 12px/1.3 var(--font-body);color:var(--text-muted);}
.vk-sekme-i{grid-row:1 / span 2;width:44px;height:44px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);}
.vk-sekme-duz{background:linear-gradient(135deg,#1E2954 0 50%,#F08025 50% 100%);}
.vk-sekme-desen{background:radial-gradient(circle at 30% 30%,#F6A564 0 4px,transparent 5px) 0 0/14px 14px,radial-gradient(circle at 70% 70%,#C8EBF5 0 3px,transparent 4px) 0 0/14px 14px,#1E2954;}
.vk-sekme button:hover{transform:translateY(-1px);border-color:var(--border-strong);}
.vk-sekme button:active{transform:scale(.98);}
.vk-sekme button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-sekme button[aria-selected="true"]{border-color:var(--action);background:var(--surface-base);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 14%,transparent);}
.vk-modeller{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:var(--s4);}
.vk-duz-not{margin:0 0 var(--s3);}
@media (max-width:520px){ .vk-sekme button{grid-template-columns:36px 1fr;padding:12px 10px;column-gap:10px;} .vk-sekme-i{width:36px;height:36px;} .vk-sekme button b{font-size:13.5px;} }
/* yastık · logo yeri iki satır (ön / arka) */
.vk-kol-satir{display:grid;gap:8px;}
.vk-kol-satir + .vk-kol-satir{margin-top:var(--s3);}
.vk-kol-yuz{font:600 12px/1.2 var(--font-body);color:var(--text-muted);letter-spacing:.02em;}
.vk-kol button{padding:12px 6px 10px;font-size:13px;}
.vk-kol-sil{width:36px;height:32px;border-width:5px;}
.vk-kol-sil::before,.vk-kol-sil::after{width:10px;height:10px;bottom:-5px;}
.vk-kol-sil::before{left:-5px;} .vk-kol-sil::after{right:-5px;}
.vk-kol-yok{opacity:.45;}
/* yastık · arka yüz: önle aynı | düz renk */
.vk-arka{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--border);}
.vk-arka-sec{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);}
.vk-arka-sec button{display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;transition:transform .2s var(--ease-spring),border-color .2s,box-shadow .2s;}
.vk-arka-sec button b{font:600 14.5px/1.25 var(--font-body);color:var(--text-primary);}
.vk-arka-sec button small{font:500 12px/1.3 var(--font-body);color:var(--text-muted);}
.vk-arka-sec button:hover{transform:translateY(-1px);border-color:var(--border-strong);}
.vk-arka-sec button:active{transform:scale(.98);}
.vk-arka-sec button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-arka-sec button[aria-checked="true"]{border-color:var(--action);background:var(--surface-base);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 14%,transparent);}
.vk-arka-renk{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s3);}
.vk-arka-palet{display:flex;flex-wrap:wrap;gap:8px;}
.vk-arka-c{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(0,0,0,.12);cursor:pointer;transition:transform .2s var(--ease-spring);}
.vk-arka-c:hover{transform:scale(1.1);} .vk-arka-c:active{transform:scale(.94);}
.vk-arka-c:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-arka-c[aria-pressed="true"]{box-shadow:0 0 0 3px var(--surface-base),0 0 0 5px var(--action);}
.vk-arka-ozel{display:inline-flex;align-items:center;gap:8px;font:600 12px var(--font-body);color:var(--text-muted);cursor:pointer;}
.vk-arka-ozel input{width:30px;height:30px;}
@media (max-width:520px){ .vk-kol button{font-size:12px;padding:10px 3px 8px;} .vk-kol-sil{width:30px;height:27px;} }
/* arka yüz rengi: ön yüzden + hazır renkler */
.vk-arka-renk{flex-direction:column;align-items:flex-start;}
.vk-arka-grup{display:grid;gap:8px;width:100%;}
.vk-arka-l{font:600 11px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);}
[data-arka-on] .vk-arka-c{width:40px;height:40px;}
.vk-arka-renk{gap:var(--s3);margin-top:var(--s4);}
/* yastık · dolgu: İçini gör + bilgi rozeti */
.vk-dolgu-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;}
.vk-icgor,.vk-dolgu{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;font:600 13px/1 var(--font-body);cursor:pointer;
  transition:transform .2s var(--ease-spring),border-color .2s,box-shadow .2s,background-color .2s;}
.vk-icgor{border:1.5px solid var(--action);background:transparent;color:var(--text-primary);}
.vk-icgor svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.vk-icgor svg circle:nth-of-type(n+2){fill:currentColor;stroke:none;}
.vk-icgor[aria-pressed="true"]{background:var(--action);color:#141C36;box-shadow:0 6px 18px color-mix(in srgb,var(--action) 35%,transparent);}
.vk-dolgu{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);}
.vk-dolgu b{font-weight:700;color:var(--text-primary);}
.vk-dolgu i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--border);font:700 11px/1 var(--font-body);font-style:normal;color:var(--text-primary);}
.vk-icgor:hover,.vk-dolgu:hover{transform:translateY(-1px);}
.vk-icgor:active,.vk-dolgu:active{transform:scale(.97);}
.vk-icgor:focus-visible,.vk-dolgu:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-dolgu-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:min(340px,calc(100vw - 32px));padding:16px;border-radius:16px;background:var(--surface-base);
  border:1px solid var(--border);box-shadow:var(--shadow-lg);display:grid;gap:10px;}
.vk-dolgu-pop[hidden]{display:none;}
.vk-dolgu-pop-t{margin:0 0 2px;font:600 17px/1.24 var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--text-primary);}
.vk-dolgu-kart{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:var(--surface-raised);border:1px solid var(--border);}
.vk-dolgu-kart b{font:700 13px/1.3 var(--font-body);color:var(--text-primary);}
.vk-dolgu-kart span{font:500 12.5px/1.5 var(--font-body);color:var(--text-muted);}
.vk-dolgu-kart.is-bizim{border-color:var(--action);background:color-mix(in srgb,var(--action) 9%,var(--surface-base));}
.vk-dolgu-kart.is-bizim b::before{content:"✓ ";color:var(--action-text);}
.vk-dolgu-pop .so-link{justify-self:start;}
@media (max-width:640px){ .vk-dolgu-bar{margin-left:0;width:100%;} .vk-dolgu{flex:1;justify-content:center;} .vk-dolgu-pop{left:0;right:auto;} }
.vk-stage-top{position:relative;z-index:40;}
/* İçini gör açıkken sahnede imleç mercek ucu */
.ic-gor-acik .side-wrap{cursor:crosshair !important;}

/* ===================== DÜZEN DENEMELERİ (?duzen=a | b) ===================== */
/* A ve B ortak: geniş kap, sahneye kalan alan, kontrol kolonu 380-440 px, kısa başlık */
html.duzen-a .vk-wrap,html.duzen-b .vk-wrap{max-width:1480px;}
@media (min-width:980px){
  html.duzen-a .so-grid,html.duzen-b .so-grid{grid-template-columns:minmax(0,1fr) minmax(380px,440px);gap:var(--s6);}
  html.duzen-a .so,html.duzen-b .so{padding-top:var(--s6);}
  html.duzen-a .so-head,html.duzen-b .so-head{max-width:none;margin-bottom:var(--s5);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s6);align-items:end;}
  html.duzen-a .so-head .eyebrow,html.duzen-b .so-head .eyebrow{grid-column:1 / -1;justify-self:start;}
  html.duzen-a .so-head h1,html.duzen-b .so-head h1{margin:var(--s3) 0 0;font-size:clamp(28px,2.7vw,40px);}
  html.duzen-a .so-head .lead,html.duzen-b .so-head .lead{margin:0;font-size:15px;line-height:1.6;max-width:68ch;}
  html.duzen-a .so-stage-col,html.duzen-b .so-stage-col{top:16px;}
}
/* B: çalışma alanı, sahne ekran yüksekliğinde; tek yüz büyük, öbürü köşede küçük önizleme */
@media (min-width:980px){
  html.duzen-b .vk-stage{display:flex;flex-direction:column;height:clamp(520px,calc(100dvh - 240px),900px);}
  html.duzen-b .vk-stage #view2d,html.duzen-b .vk-stage #view3d{flex:1;min-height:0;}
}
html.duzen-b #view2d[data-odak]:not(.hidden){position:relative;display:flex;align-items:center;justify-content:center;}
html.duzen-b #view2d[data-odak] > figure{transition:transform .35s var(--ease-spring),opacity .25s;}
html.duzen-b #view2d[data-odak="front"] > figure:has([data-side="front"]),
html.duzen-b #view2d[data-odak="back"] > figure:has([data-side="back"]){width:min(100%,calc((100dvh - 260px) * 1));max-width:100%;margin:0 auto;}
html.duzen-b #view2d[data-odak="front"] > figure:has([data-side="back"]),
html.duzen-b #view2d[data-odak="back"] > figure:has([data-side="front"]){position:absolute;right:var(--s4);bottom:var(--s4);width:clamp(84px,18%,170px);padding:6px 6px 2px;border-radius:14px;
  background:color-mix(in srgb,var(--surface-base) 78%,transparent);box-shadow:var(--shadow);cursor:pointer;z-index:5;}
html.duzen-b #view2d[data-odak] > figure:has([data-side]) .floor{display:none;}
html.duzen-b #view2d[data-odak="front"] > figure:has([data-side="back"]) .side-wrap,
html.duzen-b #view2d[data-odak="back"] > figure:has([data-side="front"]) .side-wrap{pointer-events:none;}
html.duzen-b #view2d[data-odak="front"] > figure:has([data-side="back"]):hover,
html.duzen-b #view2d[data-odak="back"] > figure:has([data-side="front"]):hover{transform:translateY(-2px);}
html.duzen-b #view2d[data-odak="front"] > figure:has([data-side="back"]) figcaption,
html.duzen-b #view2d[data-odak="back"] > figure:has([data-side="front"]) figcaption{font-size:10px;margin:0 0 2px;}
@media (max-width:979px){
  html.duzen-b #view2d[data-odak="front"] > figure:has([data-side="front"]),
  html.duzen-b #view2d[data-odak="back"] > figure:has([data-side="back"]){width:min(78%,44dvh);}
  html.duzen-b #view2d[data-odak="front"] > figure:has([data-side="back"]),
  html.duzen-b #view2d[data-odak="back"] > figure:has([data-side="front"]){right:6px;bottom:6px;width:24%;}
}
/* yüz seçici (B) */
.vk-odak{display:none;}
html.duzen-b .vk-odak{display:inline-flex;gap:2px;padding:4px;border-radius:12px;background:color-mix(in srgb,var(--surface-base) 80%,transparent);box-shadow:var(--shadow-sm);}
.vk-odak button{font:600 12.5px/1 var(--font-body);padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:transform .2s var(--ease-spring);}
.vk-odak button[aria-pressed="true"]{background:var(--surface-raised);color:var(--text-primary);box-shadow:inset 0 0 0 1.5px var(--action);}
.vk-odak button:hover{transform:translateY(-1px);} .vk-odak button:active{transform:scale(.96);}
.vk-odak button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
/* dolgu rozeti: ikon + "Dolgu" */
.vk-dolgu{gap:7px;padding:0 10px 0 12px;}
.vk-dolgu svg{width:18px;height:18px;fill:color-mix(in srgb,var(--text-primary) 85%,transparent);}
.vk-dolgu span{font-weight:600;color:var(--text-primary);}
@media (max-width:640px){ .vk-dolgu{flex:none;} }
/* B düzeni ince ayar: büyük yüz sahne yüksekliğine göre (üst çubuğun altına girmesin), büyük yüzde yazı yok, 360°'de yüz seçici gizli */
@media (min-width:980px){
  html.duzen-b #view2d[data-odak="front"] > figure:has([data-side="front"]),
  html.duzen-b #view2d[data-odak="back"] > figure:has([data-side="back"]){width:min(100%,clamp(380px,calc(100dvh - 380px),760px));}
}
html.duzen-b #view2d[data-odak="front"] > figure:has([data-side="front"]) > figcaption,
html.duzen-b #view2d[data-odak="back"] > figure:has([data-side="back"]) > figcaption{display:none;}
html.duzen-b .vk-stage:has(#view2d.hidden) .vk-odak{display:none;}

/* ---- Set adımı (yastık, 21 Eki): uyku bandı + kulak tıkacı ---- */
.vk-set-view:not(.hidden){position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--s3) var(--s4);}
.vk-set-view canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:100%;}
.vk-set-giris{margin:0 0 var(--s4);}
.vk-set-hazir{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s3) var(--s4);border-radius:16px;cursor:pointer;text-align:left;
  border:1.5px solid color-mix(in srgb,var(--action) 45%,var(--border));background:color-mix(in srgb,var(--action) 7%,var(--surface-base));
  box-shadow:0 6px 18px -10px rgba(240,128,37,.45);transition:transform .24s var(--ease-spring),border-color .2s;}
.vk-set-hazir:hover{transform:translateY(-2px);border-color:var(--action);}
.vk-set-hazir:active{transform:scale(.98);}
.vk-set-hazir:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-set-hazir-g{position:relative;flex:none;width:76px;height:44px;}
.vk-set-hazir-g img:first-child{position:absolute;left:0;top:4px;width:66px;height:auto;transform:rotate(-6deg);filter:drop-shadow(0 3px 4px rgba(20,28,54,.25));}
.vk-set-hazir-g img:last-child{position:absolute;right:0;bottom:0;width:22px;height:auto;filter:drop-shadow(0 2px 3px rgba(20,28,54,.25));}
.vk-set-hazir-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.vk-set-hazir-t b{font:600 15px/1.25 var(--font-display);text-transform:uppercase;letter-spacing:.03em;color:var(--text-primary);}
.vk-set-hazir-t small{font-size:12px;line-height:1.35;color:var(--text-muted);}
.vk-set-hazir-e{flex:none;font:600 13px/1 var(--font-body);padding:10px 14px;border-radius:10px;background:var(--action);color:var(--navy-900);}
.vk-set-hazir[aria-pressed="true"] .vk-set-hazir-e{background:var(--surface-inverse);color:var(--text-on-inverse);}
.vk-set-hazir[aria-pressed="true"] .vk-set-hazir-e::before{content:"✓ ";}
.vk-set-urun{margin-top:var(--s3);border:1.5px solid var(--border);border-radius:16px;background:var(--surface-raised);transition:border-color .2s,box-shadow .2s;}
.vk-set-urun.is-on{border-color:var(--action);background:var(--surface-base);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 12%,transparent),0 10px 24px -16px rgba(20,28,54,.35);}
.vk-set-ac{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s3) var(--s4);border:0;background:none;border-radius:16px;cursor:pointer;text-align:left;color:inherit;transition:transform .22s var(--ease-spring);}
.vk-set-ac:hover{transform:translateY(-1px);}
.vk-set-ac:active{transform:scale(.985);}
.vk-set-ac:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-set-g{flex:none;width:64px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--surface-base);border:1px solid var(--border);}
.vk-set-g img{max-width:52px;max-height:36px;width:auto;height:auto;}
.vk-set-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.vk-set-t b{font:600 14.5px/1.3 var(--font-body);color:var(--text-primary);}
.vk-set-t small{font-size:12px;line-height:1.35;color:var(--text-muted);}
.vk-anahtar{flex:none;position:relative;width:42px;height:24px;border-radius:12px;background:var(--border-strong);transition:background-color .2s;}
.vk-anahtar::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 3px rgba(20,28,54,.35);transition:transform .26s var(--ease-spring);}
[aria-checked="true"] > .vk-anahtar{background:var(--action);}
[aria-checked="true"] > .vk-anahtar::after{transform:translateX(18px);}
.vk-set-ayar{padding:0 var(--s4) var(--s4);}
.vk-set-ayar > .so-sublabel:first-child{margin-top:var(--s2);}
.vk-bant-ayri{margin-top:var(--s3);}
.vk-bant-ayri .vk-ince-sec{margin-bottom:0 !important;}
.vk-bant-desenler:not([hidden]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:var(--s3);}
.vk-bant-d{display:flex;flex-direction:column;gap:4px;padding:4px 4px 6px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface-base);cursor:pointer;transition:transform .2s var(--ease-spring);}
.vk-bant-d img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;}
.vk-bant-d span{font:500 10.5px/1.25 var(--font-body);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vk-bant-d:hover{transform:translateY(-1px);} .vk-bant-d:active{transform:scale(.96);}
.vk-bant-d:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-bant-d[aria-pressed="true"]{border-color:var(--action);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 16%,transparent);}
.vk-bant-logo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2);}
.vk-bant-logo button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface-raised);
  font:600 13px/1.1 var(--font-body);color:var(--text-secondary);cursor:pointer;transition:transform .2s var(--ease-spring),border-color .2s;}
.vk-bant-logo button:hover{transform:translateY(-1px);border-color:var(--border-strong);}
.vk-bant-logo button:active{transform:scale(.97);}
.vk-bant-logo button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-bant-logo button[aria-checked="true"]{border-color:var(--action);color:var(--text-primary);background:var(--surface-base);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 14%,transparent);}
/* bant silüeti + logo noktası */
.vk-bl{position:relative;width:44px;height:22px;border-radius:12px 12px 10px 10px / 11px 11px 11px 11px;border:4px solid var(--border-strong);opacity:.85;}
.vk-bl::after{content:"";position:absolute;top:50%;width:10px;height:6px;border-radius:2px;background:var(--action);transform:translate(-50%,-50%);}
.vk-bl-orta::after{left:50%;} .vk-bl-sol::after{left:28%;} .vk-bl-sag::after{left:72%;} .vk-bl-yok::after{display:none;}
.vk-bant-logo button[aria-checked="true"] .vk-bl{opacity:1;}
.vk-set-adet{display:flex;flex-direction:column;align-items:stretch;gap:var(--s2);margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--border);}
.vk-set-adet > span{display:flex;flex-direction:column;gap:2px;}
.vk-set-adet b{font:600 14px/1.2 var(--font-body);color:var(--text-primary);}
.vk-set-adet small{font-size:11.5px;line-height:1.35;color:var(--text-muted);}
.vk-set-adet .vk-step{width:100%;margin:0;}
.vk-step input.qty-set{flex:1;min-width:0;height:36px;padding:0 2px;text-align:center;font:600 14px var(--font-body);color:var(--text-primary);background:var(--surface-base);
  border:1px solid var(--border-strong);border-radius:9px;-moz-appearance:textfield;}
.vk-step input.qty-set::placeholder{font-weight:500;font-size:12px;color:var(--text-muted);}
.vk-step input.qty-set::-webkit-inner-spin-button,.vk-step input.qty-set::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.vk-step input.qty-set:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px;}
@media (max-width:520px){ .vk-set-adet{flex-direction:column;align-items:stretch;} .vk-set-adet .vk-step{flex-basis:auto;} .vk-bant-desenler:not([hidden]){grid-template-columns:repeat(3,minmax(0,1fr));} .vk-set-hazir-e{padding:9px 10px;font-size:12px;} }
@media (prefers-reduced-motion: reduce){ .vk-set-hazir,.vk-set-ac,.vk-anahtar::after,.vk-bant-d,.vk-bant-logo button{transition:none !important;} }
.vk-set-ayar [hidden]{display:none !important;}

/* ---- Set sahnesi: yakın görünüm + özellik kartı ---- */
.vk-set-geri{position:absolute;left:var(--s4);top:var(--s3);z-index:3;display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--font-body);padding:10px 14px 10px 10px;border-radius:10px;
  border:1px solid var(--border);background:color-mix(in srgb,var(--surface-base) 88%,transparent);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-spring);}
.vk-set-geri svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.vk-set-geri:hover{transform:translateX(-2px);} .vk-set-geri:active{transform:scale(.96);}
.vk-set-geri:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-set-bilgi{position:absolute;right:var(--s4);top:50%;z-index:3;width:min(38%,340px);max-height:calc(100% - 32px);overflow:auto;padding:var(--s4) var(--s4) var(--s3);border-radius:16px;
  background:color-mix(in srgb,var(--surface-base) 90%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 2px 6px rgba(13,18,38,.08),0 18px 40px -12px rgba(13,18,38,.35);opacity:0;transform:translateY(-50%) translateX(12px);transition:opacity .3s ease,transform .38s var(--ease-spring);}
.vk-set-bilgi.is-in{opacity:1;transform:translateY(-50%);}
.vk-set-bilgi-ad{margin:0;font:600 17px/1.25 var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);}
.vk-set-bilgi-alt{margin:4px 0 var(--s3);font-size:12.5px;line-height:1.4;color:var(--action-text);font-weight:600;}
.vk-set-bilgi ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;}
.vk-set-bilgi li{position:relative;padding-left:18px;font-size:12.5px;line-height:1.45;color:var(--text-secondary);}
.vk-set-bilgi li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--action);}
.vk-set-bilgi-e{margin-top:var(--s3);width:100%;font:600 13.5px/1 var(--font-body);padding:11px 14px;border-radius:10px;border:0;background:var(--surface-inverse);color:var(--text-on-inverse);cursor:pointer;transition:transform .2s var(--ease-spring);}
.vk-set-bilgi-e:hover{transform:translateY(-1px);} .vk-set-bilgi-e:active{transform:scale(.97);}
.vk-set-bilgi-e:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-set-incele{display:inline-block;margin:0 0 var(--s2);font-size:13px;}
@media (max-width:640px){
  .vk-set-view:not(.hidden){flex-direction:column;}
  .vk-set-bilgi{position:static;width:auto;max-height:none;margin-top:var(--s2);transform:translateY(8px);}
  .vk-set-bilgi.is-in{transform:none;}
  .vk-set-geri{left:var(--s2);top:var(--s2);}
}
@media (prefers-reduced-motion: reduce){ .vk-set-bilgi,.vk-set-geri,.vk-set-bilgi-e{transition:none !important;} }
.vk-set-bilgi-tum{display:none;}
@media (max-width:640px){
  .vk-set-bilgi:not(.is-tum) li:nth-child(n+5){display:none;}
  .vk-set-bilgi-tum:not([hidden]){display:inline-block;margin-top:var(--s2);font-size:13px;}
}
@media (max-width:640px){ .vk-set-view.is-odak canvas{aspect-ratio:1/1;} }
.vk-set-bilgi-ad{padding-right:36px;}
.vk-set-bilgi-x{position:absolute;right:10px;top:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;transition:transform .2s var(--ease-spring),color .2s;}
.vk-set-bilgi-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;}
.vk-set-bilgi-x:hover{color:var(--text-primary);transform:rotate(90deg);}
.vk-set-bilgi-x:active{transform:scale(.9);}
.vk-set-bilgi-x:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
@media (max-width:640px){ .vk-set-bilgi{position:relative;} }
/* mobil düzeltmeler (21 Eki, Chrome mobil): set dikey yerleşim, detay kartı ortada, dolgu alttan panel */
@media (max-width:640px){
  .vk-set-view canvas{aspect-ratio:4/5;}
  .vk-set-view.is-odak canvas{aspect-ratio:1/1;}
  .vk-set-bilgi{position:relative;right:auto;top:auto;align-self:stretch;width:auto;margin:var(--s2) 0 0;transform:translateY(8px);}
  .vk-set-bilgi.is-in{transform:none;}
  .vk-dolgu-pop.is-alt{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto;max-height:75dvh;overflow:auto;z-index:80;
    box-shadow:0 -4px 16px rgba(13,18,38,.18),0 24px 60px rgba(13,18,38,.45);}
}
.vk-set-geri[hidden]{display:none;}

/* ---- Konser bandı (21 Eki): tek yüz, ince uzun bant; manken görünümü; baskı düzeni ---- */
html.urun-konser #view2d:not(.hidden){grid-template-columns:minmax(0,1fr);align-content:center;min-height:0;padding-top:var(--s3);}
html.urun-konser #view2d > figure:has([data-side="back"]){display:none;}
html.urun-konser #view2d figcaption,html.urun-konser #view2d .floor{display:none;}
html.urun-konser #view2d > figure:has([data-side="front"]){width:100%;max-width:1100px;margin:0 auto;}
html.urun-konser .vk-odak{display:none !important;}
.vk-manken-view:not(.hidden){position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--s2) var(--s4) var(--s3);}
.vk-manken-view canvas{display:block;height:min(68vh,640px);width:auto;max-width:100%;aspect-ratio:4/5;border-radius:16px;}
.vk-duzen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);}
.vk-duzen button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface-raised);
  font:600 13px/1.15 var(--font-body);color:var(--text-secondary);cursor:pointer;transition:transform .2s var(--ease-spring),border-color .2s;}
.vk-duzen button:hover{transform:translateY(-1px);border-color:var(--border-strong);}
.vk-duzen button:active{transform:scale(.97);}
.vk-duzen button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-duzen button[aria-checked="true"]{border-color:var(--action);color:var(--text-primary);background:var(--surface-base);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 14%,transparent);}
/* düzen simgesi: bant şeridi, içinde logo kare (i) ve yazı çizgisi (b) */
.vk-dz{position:relative;width:64px;height:18px;border-radius:4px;background:color-mix(in srgb,var(--text-muted) 35%,transparent);display:flex;align-items:center;justify-content:center;gap:5px;}
.vk-dz i{width:12px;height:12px;border-radius:3px;background:var(--action);}
.vk-dz b{width:30px;height:5px;border-radius:3px;background:var(--text-primary);}
.vk-dz-logo b,.vk-dz-yazi i{display:none;} .vk-dz-logo i{width:14px;height:14px;}
.vk-konser-renk-not{margin:0 0 var(--s4);}
.vk-saten [data-role] .swatch{width:40px !important;height:40px !important;}
.vk-saten #colorRoles p{display:none;}
.vk-saten #colorRoles label{display:none !important;}
@media (max-width:640px){
  html.urun-konser #view2d:not(.hidden){min-height:0;overflow:hidden;padding-top:var(--s5);padding-bottom:var(--s5);}
  html.urun-konser #view2d > figure:has([data-side="front"]){width:128%;max-width:none;margin-left:-14%;}
}
/* konser: tam boy şerit (gerçek oran) yalnız Düz bant görünümünde */
.vk-tam{display:none;}
html.urun-konser .vk-stage:has(#view2d:not(.hidden)) .vk-tam{display:grid;gap:6px;padding:var(--s3) var(--s5) 0;position:relative;z-index:10;}
.vk-tam canvas{display:block;width:100%;height:auto;}
.vk-tam-l{font:600 11px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);}
.vk-tam-l:last-child{margin-top:var(--s2);}
@media (max-width:640px){ html.urun-konser .vk-stage:has(#view2d:not(.hidden)) .vk-tam{padding:var(--s3) var(--s3) 0;} }
.vk-m3{display:none;}
.vk-manken-view.is-3b .vk-m3{display:block;width:min(100%,640px);height:min(68vh,640px);border-radius:16px;background:radial-gradient(120% 90% at 50% 30%,#F4F6FA 0%,#DDE1E8 70%,#CDD2DB 100%);cursor:grab;}
.vk-manken-view.is-3b .vk-m3:active{cursor:grabbing;}
.vk-manken-view.is-3b #cv-manken{display:none;}
@media (max-width:640px){ .vk-manken-view.is-3b .vk-m3{height:min(62vh,460px);} }
/* konser: modelde 8 açı, sürükle ya da oklarla */
.vk-manken-view:not(.hidden){flex-direction:column;gap:var(--s2);}
.vk-manken-view #cv-manken{cursor:grab;touch-action:pan-y;user-select:none;}
.vk-manken-view #cv-manken:active{cursor:grabbing;}
.vk-donus{display:inline-flex;align-items:center;gap:var(--s2);padding:4px;border-radius:12px;background:color-mix(in srgb,var(--surface-base) 80%,transparent);box-shadow:var(--shadow-sm);}
.vk-donus button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:9px;background:var(--surface-raised);color:var(--text-primary);cursor:pointer;transition:transform .2s var(--ease-spring);}
.vk-donus button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.vk-donus button:hover{transform:translateY(-1px);} .vk-donus button:active{transform:scale(.92);}
.vk-donus button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
.vk-donus span{min-width:118px;text-align:center;font:600 12.5px/1 var(--font-body);color:var(--text-secondary);}

/* konser: geniş düzende (B) düz bant tam genişlik; köşede canlı model önizlemesi */
html.duzen-b.urun-konser #view2d[data-odak] > figure:has([data-side="front"]){width:100% !important;max-width:none !important;}
html.duzen-b.urun-konser #view2d[data-odak]:not(.hidden){align-items:flex-start;padding-top:var(--s5);}
html.duzen-b.urun-konser .vk-manken-view canvas{height:auto;max-height:calc(100% - 56px);max-width:100%;}
.vk-model-mini{position:absolute;right:var(--s4);bottom:var(--s4);z-index:5;display:flex;flex-direction:column;align-items:center;gap:4px;width:clamp(150px,24%,260px);padding:6px 6px 8px;border-radius:16px;
  border:1px solid var(--border);background:color-mix(in srgb,var(--surface-base) 92%,transparent);box-shadow:0 2px 6px rgba(13,18,38,.1),0 14px 32px -12px rgba(13,18,38,.4);cursor:pointer;transition:transform .25s var(--ease-spring);}
.vk-model-mini canvas{display:block;width:100%;height:auto;border-radius:11px;}
.vk-model-mini span{font:600 11px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);}
.vk-model-mini:hover{transform:translateY(-2px);} .vk-model-mini:active{transform:scale(.97);}
.vk-model-mini:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
@media (max-width:640px){
  html.urun-konser #view2d > figure:has([data-side="front"]){width:128% !important;margin-left:-14% !important;}
  .vk-model-mini{position:relative;right:auto;bottom:auto;width:58%;margin:var(--s3) auto 0;}
  html.urun-konser #view2d:not(.hidden){overflow:visible;}
}
/* konser B düzeni düzeltme: masaüstünde bant dikeyde ortada, model önizlemesi daha büyük; telefonda sırayla alt alta */
html.duzen-b.urun-konser #view2d[data-odak]:not(.hidden){align-items:center;padding-top:0;}
.vk-model-mini{width:clamp(180px,30%,320px);}
@media (max-width:640px){
  html.duzen-b.urun-konser #view2d[data-odak]:not(.hidden){display:block;overflow:hidden;padding:var(--s4) 0 var(--s4);}
  html.duzen-b.urun-konser #view2d[data-odak] > figure:has([data-side="front"]){width:128% !important;margin:0 0 0 -14% !important;}
  .vk-model-mini{position:relative;right:auto;bottom:auto;width:62%;margin:var(--s4) auto 0;}
}
/* konser masaüstü: bant üstte, model önizlemesi altında ortada (üst üste binmez, boşluğu doldurur) */
@media (min-width:641px){
  html.duzen-b.urun-konser #view2d[data-odak]:not(.hidden){flex-direction:column;justify-content:center;gap:var(--s5);}
  html.duzen-b.urun-konser .vk-model-mini{position:relative;right:auto;bottom:auto;width:clamp(200px,30%,300px);}
}
@media (min-width:641px){
  html.duzen-b.urun-konser .vk-tam-l:last-child{display:none;}
  html.duzen-b.urun-konser #view2d[data-odak]:not(.hidden){gap:var(--s4);}
  html.duzen-b.urun-konser .vk-model-mini{width:clamp(160px,min(30%,24dvh),300px);}
}
@media (min-width:641px) and (max-height:820px){ html.duzen-b.urun-konser .vk-model-mini{width:clamp(120px,19dvh,200px);} html.duzen-b.urun-konser #view2d[data-odak]:not(.hidden){gap:var(--s2);} }
@media (min-width:641px){ html.duzen-b.urun-konser #view2d[data-odak]:not(.hidden){justify-content:safe center;padding-top:var(--s3);} }
@media (min-width:641px) and (max-height:820px){ html.duzen-b.urun-konser .vk-stage:has(#view2d:not(.hidden)) #stageHint{display:none;} html.duzen-b.urun-konser #view2d[data-odak]:not(.hidden){padding-bottom:var(--s3);} }
/* konser: model önizlemesi büyük (22 Eki) */
@media (min-width:641px){ html.duzen-b.urun-konser .vk-model-mini{width:clamp(220px,min(44%,38dvh),420px);} }
@media (min-width:641px) and (max-height:820px){ html.duzen-b.urun-konser .vk-model-mini{width:clamp(180px,32dvh,300px);} }
@media (max-width:640px){ html.duzen-b.urun-konser .vk-model-mini{width:84%;} }
/* konser: sahne içeriğe göre uzar (model önizlemesi kırpılmasın) */
@media (min-width:641px){
  html.duzen-b.urun-konser .vk-stage{height:auto;min-height:clamp(520px,calc(100dvh - 240px),900px);}
  html.duzen-b.urun-konser .vk-model-mini{width:clamp(240px,40%,400px);}
  html.duzen-b.urun-konser .vk-stage:has(#view2d:not(.hidden)) #stageHint{display:block;}
}
/* konser masaüstü (22 Eki son): sahne yine ekran yüksekliğinde; model önizlemesi kalan yüksekliği doldurur (boyu yüksekliğe göre) */
@media (min-width:641px){
  html.duzen-b.urun-konser .vk-stage{height:clamp(560px,calc(100dvh - 200px),900px);min-height:0;}
  html.duzen-b.urun-konser #view2d[data-odak]:not(.hidden){justify-content:flex-start;gap:var(--s3);padding-bottom:var(--s3);}
  html.duzen-b.urun-konser #view2d[data-odak] > figure:has([data-side="front"]){flex:none;}
  html.duzen-b.urun-konser .vk-model-mini{flex:1 1 0;min-height:0;width:auto;max-width:100%;display:flex;flex-direction:column;}
  html.duzen-b.urun-konser .vk-model-mini canvas{flex:1 1 0;min-height:0;width:auto;height:100%;max-width:100%;object-fit:contain;aspect-ratio:500/420;}
  html.duzen-b.urun-konser .vk-stage:has(#view2d:not(.hidden)) #stageHint{display:none;}
}
@media (min-width:641px){ html.duzen-b.urun-konser .vk-stage{height:clamp(520px,calc(100dvh - 240px),900px);} html.duzen-b.urun-konser .vk-model-mini{overflow:hidden;} html.duzen-b.urun-konser .vk-model-mini span{flex:none;} }
/* konser masaüstü (22 Eki): yakın plan bant ile model yan yana; model sahnenin kalan yüksekliğini kullanır */
@media (min-width:641px){
  html.duzen-b.urun-konser #view2d[data-odak]:not(.hidden){flex-direction:row;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s3) var(--s4);}
  html.duzen-b.urun-konser #view2d[data-odak] > figure:has([data-side="front"]){flex:1.55 1 0 !important;width:auto !important;min-width:0;}
  html.duzen-b.urun-konser .vk-model-mini{flex:1 1 0;width:auto;max-width:none;height:auto;max-height:100%;}
  html.duzen-b.urun-konser .vk-model-mini canvas{flex:none;width:100%;height:auto;aspect-ratio:auto;max-height:calc(100dvh - 420px);object-fit:cover;}
}
@media (min-width:641px){
  /* yakın plan: bandın ortası büyütülür (baskı alanı ve iki yanında biraz kumaş), kenarlar kırpılır */
  html.duzen-b.urun-konser #view2d[data-odak] > figure:has([data-side="front"]){overflow:hidden;border-radius:6px;}
  html.duzen-b.urun-konser #view2d[data-odak] > figure:has([data-side="front"]) > .side-wrap{width:128%;margin-left:-14%;}   /* 30 cm tuvalin ortadaki ~23,5 cm: 22 cm baskı alanı ve iki yanında kumaş */
  html.duzen-b.urun-konser .vk-model-mini canvas{max-height:calc(100dvh - 470px);}
}
/* konser (23 Eki): model önizlemesi Modelde görünümüyle aynı çerçeve; kırpılmaz, oranı korunur */
html.urun-konser .vk-model-mini canvas{object-fit:contain;aspect-ratio:4/5;width:auto;max-width:100%;height:auto}
@media (min-width:641px){ html.duzen-b.urun-konser .vk-model-mini canvas{max-height:calc(100dvh - 470px)} }
/* model önizlemesi yüklenene kadar boş kutu zemin rengiyle yer tutar (CLS) */
html.urun-konser .vk-model-mini canvas{background:color-mix(in srgb,var(--surface-raised) 70%,transparent)}