/* Ürün sayfası yapılandırıcısı (27.10.2026) — onaylı mobil maketler: baskici/marka/elit/mobil-urunler (build.js, png/<slug>-html-m-all.jpg).
   layouts/product: urun.css'ten sonra, stages.css'ten önce yüklenir. Kartvizit dışındaki ürünler .ppage-u2; sekme çubuğu ve fiyat çubuğu
   kuralları tüm ürün sayfalarında (kartvizit stüdyosu da aynı sekme çubuğunu kullanır).
   Telefon (≤ 1023 px): kırıntı → italik H1 + ölçü notu → sahne (oklar) → seçenek adı + şerit → beyaz tabaka (döşemeler, adet, Hız) ·
   altta sabit fiyat çubuğu (#mbar) sekme çubuğunun (#uTabbar) üstünde. Masaüstü (≥ 1024 px): solda sahne + şerit, sağda yapışkan
   beyaz panel, fiyat çubuğu panelin içinde (#order); sekme çubuğu yok (başlıkta telefon / WhatsApp / konum).
   Sınıflar u- önekli: urun.css'teki #config .opt / .speed … kuralları bu döşemelere dokunmaz. Sahne sınıfı .st kullanılmaz (stages.css). */
:root{--u-tabbar-h:62px;--u-sh-sm:0 1px 2px rgba(16,38,59,.06),0 4px 12px rgba(16,38,59,.08);--u-gut:24px}
@media (max-width:760px){:root{--u-gut:16px}}

/* ---------- Alt sekme çubuğu (≤ 1023 px) ---------- */
.u-tabbar{display:none}
@media (max-width:1023px){
  .u-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:46;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    height:calc(var(--u-tabbar-h) + env(safe-area-inset-bottom,0px));padding:7px 10px env(safe-area-inset-bottom,0px);background:#FBFAF7;border-top:1px solid var(--soft)}
  .u-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;font:500 11.5px/1.2 var(--f);color:var(--lead);text-decoration:none;-webkit-tap-highlight-color:transparent}
  .u-tabbar .tb-i{display:grid;place-items:center;width:36px;height:28px;border-radius:14px;color:var(--ink)}
  .u-tabbar a:active .tb-i{background:var(--soft)}
  .u-tabbar a:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:12px}
  /* ortadaki yüzen iletişim kapsülü yerine sekme çubuğu */
  .cbar.cbar-pp:not(.cbar-dock){display:none!important}
  body:has(#uTabbar){padding-bottom:calc(var(--u-tabbar-h) + env(safe-area-inset-bottom,0px))}
  body:has(#mbar.u-mbar){padding-bottom:calc(var(--u-tabbar-h) + 72px + env(safe-area-inset-bottom,0px))}
  /* her mobil fiyat çubuğu sekme çubuğunun üstünde */
  #mbar{bottom:calc(var(--u-tabbar-h) + env(safe-area-inset-bottom,0px))}
  #mbar.u-mbar{display:block;position:fixed;left:0;right:0;z-index:45;margin:0;padding:0;transform:none!important;transition:none;
    background:#fff;border-top:1px solid var(--soft);box-shadow:0 -6px 18px rgba(16,38,59,.05)}
  #mbar.u-mbar:empty{display:none}
  .toast{bottom:calc(var(--u-tabbar-h) + 88px + env(safe-area-inset-bottom,0px))}
}
@media (min-width:1024px){
  #mbar.u-mbar{display:none!important}
  body:has(#mbar.u-mbar){padding-bottom:0}
}

/* ---------- Fiyat çubuğu (telefonda #mbar, masaüstünde panelin içinde #order) ---------- */
.u-dock{display:flex;align-items:center;justify-content:space-between;gap:10px;height:72px;padding:0 11px 0 16px;color:var(--ink);font-family:var(--f)}
.u-dock .u-dl{min-width:0;flex:1}
.u-dock .u-tot{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.u-dock .u-tot b{font-size:23px;font-weight:650;letter-spacing:-.02em;line-height:26px;font-variant-numeric:tabular-nums}
.u-dock .u-tot small{font-size:11px;font-weight:500;color:var(--lead)}
.u-dock .u-sum{margin-top:2px;font-size:11.5px;line-height:15px;color:var(--lead);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-dock .fz-retail{display:block;font-size:11.5px;color:var(--lead)}
.u-dock.q .u-tot b{font-size:18px;line-height:22px;letter-spacing:-.01em}
.u-dock.q .u-sum{font-size:11px;line-height:14px}
.u-cta{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 20px;border:0;border-radius:16px;background:var(--ink);color:#fff;
  font:600 15px/1 var(--f);letter-spacing:-.005em;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px rgba(16,38,59,.25);transition:background-color .15s var(--ease)}
.u-cta:hover{background:var(--ink-2)}
.u-cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.u-cta svg{width:18px;height:18px;flex:none}
.u-cta.wa{gap:8px;padding:0 16px;font-size:14.5px}
.plock{font-size:13px}

/* ---------- Üst bölüm: kırıntı, H1 + ölçü notu, sahne, seçenek şeridi ---------- */
.ppage-u2 > .crumbs{display:flex;flex-wrap:nowrap;align-items:baseline;gap:6px;min-width:0;white-space:nowrap;overflow:hidden}
.ppage-u2 > .crumbs > *{flex:none}
.ppage-u2 > .crumbs > b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-weight:600}
.ppage-u2 > .crumbs .u-note{margin-left:auto;padding-left:16px;font-size:12px;color:var(--lead)}
.u-top{position:relative}
.u-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-top:4px;min-width:0}
.u-head h1{margin:0;min-width:0;font:italic 400 var(--h1-fs,28px)/34px var(--f-serif);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.u-note{flex:none;font-size:12px;line-height:16px;color:var(--lead);white-space:nowrap;font-variant-numeric:tabular-nums}
.u-note:empty{display:none}
/* fitHead() durumları (iki satır H1, not altta) yalnız telefonda: masaüstüne kalmış bir durum H1'i küçültemez */
@media (max-width:1023px){
  .u-head.l2 h1{white-space:normal;line-height:30px}
  .u-head.below{flex-wrap:wrap;row-gap:0}
  .u-head.below .u-note{flex-basis:100%;margin-top:-2px;line-height:15px}
}
.u-stage{position:relative;height:170px;margin:0 calc(-1 * var(--u-gut))}
.u-arrs{position:absolute;inset:0;pointer-events:none;z-index:3}
.u-arr{pointer-events:auto;position:absolute;top:50%;width:36px;height:36px;margin-top:-18px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--ink);box-shadow:var(--u-sh-sm);cursor:pointer;transition:background-color .15s var(--ease)}
.u-arr:hover{background:#fff}
.u-arr:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.u-arr.l{left:18px}.u-arr.r{right:18px}
.u-var{text-align:center;color:var(--ink)}
.u-pn{font:italic 400 25px/28px var(--f-serif);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-pn small{margin-left:6px;font:500 11.5px var(--f-mono);line-height:inherit;font-style:normal;color:var(--lead);letter-spacing:0}   /* satır yüksekliği adla aynı: maketteki gibi */
.u-chips{display:flex;gap:16px;margin:-6px calc(-1 * var(--u-gut)) -8px;padding:8px var(--u-gut);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
.u-chips::-webkit-scrollbar{display:none}
.u-chips>:first-child{margin-left:auto}
.u-chips>:last-child{margin-right:auto}
.u-chip{position:relative;flex:none;padding:0;border:0;background:none;font:400 13.5px/22px var(--f);color:var(--lead);white-space:nowrap;cursor:pointer}
.u-chip:hover{color:var(--ink)}
.u-chip.on{color:var(--ink);font-weight:600}
.u-chip::before{content:"";position:absolute;inset:-8px -8px}   /* dokunma alanı 44 px, yerleşim maketteki 22 px satır */
.u-chip.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--ink)}
.u-chip:focus-visible{outline:2px solid var(--ink);outline-offset:1px;border-radius:2px}
/* çok seçenekli şerit telefonda ilk 6 + "+N" (maketteki .papers .plus); dokununca hepsi (yatay kayar). Masaüstünde hepsi. */
.u-chip.plus{display:none;align-self:center;padding:0 7px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px var(--soft);font-size:12px;font-weight:600;line-height:20px;color:var(--ink)}
.u-chip.plus::before{inset:-12px -8px}
@media (max-width:1023px){
  .u-chips:not(.open) .u-chip.xs{display:none}
  .u-chips:not(.open) .u-chip.plus{display:block}
}
.u-pfacts{display:flex;justify-content:center;flex-wrap:wrap;gap:0 8px;margin-top:2px;font-size:12.5px;line-height:22px;color:var(--lead)}
.u-pfacts i{font-style:normal;color:var(--line-2)}

/* ---------- Beyaz seçenek tabakası (#config) ---------- */
#config.u-sheet{display:block;position:relative;margin:8px calc(-1 * var(--u-gut)) 0;padding:15px var(--u-gut) 22px;background:#fff;border-radius:26px;
  box-shadow:0 -1px 0 var(--soft),0 -8px 28px rgba(16,38,59,.06),0 10px 24px -14px rgba(16,38,59,.12);color:var(--ink);font-family:var(--f);font-feature-settings:"tnum" 1}
#config .u-blk+.u-blk{margin-top:14px}
#config .u-lab{display:block;font-size:12px;font-weight:600;line-height:14px;letter-spacing:.005em;color:var(--lead)}
#config .u-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
#config .u-hint{font-size:12px;line-height:15px;color:var(--lead)}
/* KDV satırıyla başlayan tabaka (yalnız adet / ölçü): üstte maketteki 14 px (.sec) */
#config.u-sheet > .u-blk:first-child:has(> .u-row .vsw){margin-top:14px}
/* döşemeler */
#config .u-groups{display:grid;gap:12px}
#config .u-g{min-width:0}
#config .u-pair{display:grid;gap:6px;margin-top:7px}
#config .u-opt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:60px;padding:0 4px;
  border:1.5px solid transparent;border-radius:14px;background:var(--paper);color:var(--lead);font:600 11.5px/1.15 var(--f);letter-spacing:-.01em;white-space:nowrap;
  cursor:pointer;transition:border-color .15s var(--ease),background-color .15s var(--ease),box-shadow .15s var(--ease)}
#config .u-opt:hover:not(.on){background:var(--soft)}
#config .u-opt:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#config .u-opt svg{display:block;width:32px;height:22px;flex:none}
#config .u-opt.on{background:#fff;border-color:var(--ink);color:var(--ink);box-shadow:var(--u-sh-sm)}
#config .u-opt .u-tl{max-width:100%;overflow:hidden;text-overflow:ellipsis}
#config .u-opt.t{height:64px;gap:4px}
#config .u-opt small{display:block;max-width:100%;margin-top:-2px;font-size:10px;font-weight:500;line-height:11px;color:var(--lead);overflow:hidden;text-overflow:ellipsis}
#config .u-opt.q small{color:#9A968E}
#config .u-opt.w{flex-direction:row;justify-content:flex-start;gap:10px;height:56px;padding:0 12px}
#config .u-opt .ol{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:15px;text-align:left}
#config .u-opt .ol b{max-width:100%;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis}
#config .u-opt .ol small{margin-top:1px;font-size:10.5px;line-height:13px}
#config .u-opt.c{flex-direction:row;justify-content:flex-start;gap:8px;height:52px;padding:0 10px}
/* yatay kayan şerit: sayfa (panel) kenarına kadar, kenarda kırpılmadan */
#config .u-hs{display:flex;gap:8px;margin-inline:calc(-1 * var(--u-gut));padding-inline:var(--u-gut);overflow-x:auto;scrollbar-width:none;scroll-padding-inline:var(--u-gut);overscroll-behavior-x:contain}
#config .u-hs::-webkit-scrollbar{display:none}
#config .u-hsw{position:relative}
#config .u-hsn{display:none}
#config .u-tiles-s{gap:6px;margin-top:7px}
#config .u-tiles-s .u-opt{flex:none;width:148px}
#config .u-more{display:inline-flex;align-items:center;gap:2px;margin:-15px 0;padding:15px 0;border:0;background:none;font:500 11.5px/14px var(--f);color:var(--lead);white-space:nowrap;cursor:pointer}   /* dokunma alanı 44 px, satır metin yüksekliğinde */
#config .u-line .u-more{margin-block:-14px;padding-block:14px;line-height:16px}
#config .u-more:hover{color:var(--ink)}
#config .u-more svg{width:11px;height:11px}
#config .u-chipset{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#config .u-opt.u-pill,#config .u-pill{display:inline-flex;flex-direction:row;align-items:center;height:34px;padding:0 14px;border:1.5px solid transparent;border-radius:17px;
  background:var(--paper);color:var(--lead);font:600 13px/1 var(--f);cursor:pointer;box-shadow:none}
#config .u-pill.on{background:#fff;border-color:var(--ink);color:var(--ink);box-shadow:var(--u-sh-sm)}
#config .u-pill.ghost{background:#fff;border:1.5px dashed var(--line-2);font-weight:500}
#config .u-pill.ghost.on{border-style:solid;border-color:var(--ink)}
#config .u-pill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* KDV anahtarı (site.css .vsw / .switch, maketteki 34 × 20 ölçü) */
#config .u-row .vsw{gap:8px;min-height:0;margin-block:-12px;padding-block:12px;font-size:12px;font-weight:400;line-height:14px;color:var(--lead)}
#config .u-row .switch::before{content:"";position:absolute;inset:-12px -4px}
#config .u-row .switch{width:34px;height:20px;border-radius:10px}
#config .u-row .switch::after{top:2px;left:2px;width:16px;height:16px}
#config .u-row .switch[aria-checked="true"]::after{transform:translateX(14px)}
/* adet */
#config .u-qtys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
#config .u-qtys.u-hs{display:flex;margin-top:6px;margin-bottom:-8px;padding-top:2px;padding-bottom:8px}
#config .u-qtys.u-hs .u-q{flex:none;width:104px}
#config .u-q{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;height:70px;padding:9px 11px;border:1.5px solid transparent;border-radius:16px;
  background:var(--paper);color:var(--ink);font-family:var(--f);text-align:left;cursor:pointer;transition:border-color .15s var(--ease),background-color .15s var(--ease)}
#config .u-q:hover:not(.on):not(.na){background:var(--soft)}
#config .u-q:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#config .u-q .a{font-size:12px;font-weight:600;line-height:15px;color:var(--lead);white-space:nowrap}
#config .u-q .p{margin-top:1px;font-size:21px;font-weight:650;line-height:24px;letter-spacing:-.02em;white-space:nowrap}
#config .u-q .p.sm{font-size:13px;font-weight:500;color:var(--lead)}
#config .u-qtys.u-hs .u-q .p{font-size:19.5px}
#config .u-q .uu{flex:none;max-width:100%;font-size:11px;line-height:14px;color:var(--lead);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#config .u-q.on{background:#fff;border-color:var(--ink);box-shadow:var(--u-sh-sm)}
#config .u-q.on .a{color:var(--ink)}
#config .u-q.na{cursor:default}
#config .u-tick{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ink)}
#config .u-tick svg{width:10px;height:10px}
#config .u-line{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:12px;line-height:16px;color:var(--lead)}
#config .u-line::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--ink)}
#config .u-line.split>span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#config .u-line>span:empty{visibility:hidden}
#config .u-msg,#config .u-qbox{margin:8px 0 0;padding:12px 14px;border-radius:14px;background:var(--paper);font-size:13.5px;line-height:1.5;color:var(--ink-2)}
#config .u-qbox{margin:0}
/* hız */
#config .u-speeds{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-top:8px}
#config .u-s{display:flex;align-items:center;gap:8px;min-width:0;height:48px;padding:0 10px;border:1.5px solid transparent;border-radius:14px;background:var(--paper);
  color:var(--ink);font-family:var(--f);text-align:left;text-decoration:none;cursor:pointer;transition:border-color .15s var(--ease),background-color .15s var(--ease)}
#config .u-s:hover:not(.on){background:var(--soft)}
#config .u-s:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#config .u-s svg{width:18px;height:18px;flex:none}
#config .u-s .sx{display:flex;flex-direction:column;min-width:0}
#config .u-s .t{font-size:13px;font-weight:600;line-height:15px}
#config .u-s .d{font-size:11px;line-height:14px;color:var(--lead);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#config .u-s .d em{font-style:normal;font-weight:600;color:var(--red)}
#config .u-s.on{background:#fff;border-color:var(--ink);box-shadow:var(--u-sh-sm)}
#config .u-quiet{display:flex;align-items:center;gap:10px;min-height:48px;margin-top:8px;padding:6px 6px 6px 12px;border-radius:14px;background:var(--paper)}
#config .u-quiet>svg{width:18px;height:18px;flex:none}
#config .u-quiet .qt{display:flex;flex-direction:column;flex:1;min-width:0}
#config .u-quiet .qt b{font-size:13px;font-weight:600;line-height:15px}
#config .u-quiet .qt span{font-size:11px;line-height:14px;color:var(--lead)}
#config .u-qn{display:inline-flex;align-items:center;gap:2px;min-height:36px;padding:0 6px;border:0;border-radius:10px;background:none;font:500 11px var(--f);color:var(--lead);
  white-space:nowrap;text-decoration:none;cursor:pointer}
#config .u-qn:hover{color:var(--ink);background:#fff}
#config .u-qn svg{width:10px;height:10px}
#config .u-cd{display:block;margin-top:8px;padding:0 2px;border-radius:0;background:none;font-size:12px;font-weight:400;line-height:16px;text-align:left;color:var(--ink-2)}
#config .u-cd .ill{width:14px;height:14px;display:inline-block;vertical-align:-2px}
#config .u-cd b{font-size:12.5px}
#config .u-notice{display:flex;align-items:flex-start;gap:10px;margin-top:8px;padding:10px 6px 10px 12px;border-radius:14px;background:var(--paper);font-size:12.5px;line-height:1.45;color:var(--ink-2)}
#config .u-notice b{font-weight:600;color:var(--ink)}
#config .u-notice ul{margin:4px 0 0;padding-left:16px}
#config .u-notice .x-btn{position:static;flex:none;margin-left:auto;width:32px;height:32px;border:0;border-radius:10px;background:none;font-size:18px;color:var(--lead);cursor:pointer}
/* birim fiyat: yumuşak sayaç */
#config .u-stp{display:flex;align-items:center;justify-content:space-between;gap:10px;height:64px;margin-top:8px;padding:0 14px 0 9px;border-radius:16px;background:var(--paper)}
#config .u-stepper{display:flex;align-items:center;gap:2px;height:46px;padding:0 4px;border-radius:12px;background:#fff;box-shadow:var(--u-sh-sm)}
#config .u-stepper button{display:grid;place-items:center;width:36px;height:38px;padding:0;border:0;border-radius:9px;background:none;font:500 21px/1 var(--f);color:var(--ink);cursor:pointer}
#config .u-stepper button:hover{background:var(--paper)}
#config .u-stepper output,#config .u-stepper input{min-width:28px;width:auto;text-align:center;font:650 18px/1 var(--f);color:var(--ink)}
#config .u-stepper input{width:44px;height:34px;padding:0;border:0;border-radius:8px;background:none;-moz-appearance:textfield;appearance:textfield}
#config .u-stepper input:focus{outline:2px solid var(--ink);outline-offset:0}
#config .u-stepper input::-webkit-inner-spin-button,#config .u-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#config .u-stp-r{min-width:0;text-align:right}
#config .u-stp-r .uu{font-size:12px;line-height:16px;color:var(--lead)}
#config .u-stp-r .tt{font-size:13px;line-height:18px;color:var(--lead)}
#config .u-stp-r .tt b{margin-left:3px;font-size:17px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
#config .u-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
#config .u-stp.sm{height:48px;padding:0 10px 0 6px}
#config .u-stp.sm.off{justify-content:flex-start;padding-left:14px}
#config .u-stp.sm.off .u-stp-r{text-align:left}
#config .u-stepper.sm{height:38px;padding:0 2px}
#config .u-stepper.sm button{width:28px;height:32px;font-size:19px}
#config .u-stepper.sm output,#config .u-stepper.sm input{font-size:16px}
#config .u-stepper.sm input{width:40px}
#config .u-stp.sm .u-stp-r .uu{font-size:12px;font-weight:600;line-height:15px;color:var(--ink)}
#config .u-stp.sm .u-stp-r .tt{font-size:11px;line-height:14px}
#config .u-incl{display:grid;gap:6px;margin-top:7px}
#config .u-in{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:62px;padding:0 4px;border-radius:14px;background:var(--paper);
  font-size:11px;font-weight:600;line-height:12px;color:var(--ink);text-align:center}
#config .u-in svg{width:32px;height:22px;flex:none}
/* ölçü: en × boy */
#config .u-dims{display:flex;align-items:center;gap:8px;margin-top:8px}
#config .u-fld{position:relative;display:block;width:88px;height:48px;padding:6px 10px 0;border:1.5px solid var(--line-2);border-radius:14px;background:#fff;cursor:text}
#config .u-fld.on,#config .u-fld:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(16,38,59,.08)}
#config .u-fld small{display:block;font-size:10.5px;line-height:12px;color:var(--lead)}
#config .u-fld input{display:block;width:100%;height:26px;padding:0 22px 0 0;border:0;background:none;font:650 19px/24px var(--f);letter-spacing:-.01em;color:var(--ink);
  -moz-appearance:textfield;appearance:textfield}
#config .u-fld input:focus{outline:0}
#config .u-fld input::-webkit-inner-spin-button,#config .u-fld input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#config .u-fld em{position:absolute;right:10px;bottom:8px;font-style:normal;font-size:12px;color:var(--lead)}
#config .u-fld.wide{width:136px}
#config .u-dims .x{font-size:16px;color:var(--lead)}
#config .u-m2{margin-left:auto;text-align:right}
#config .u-m2 b{display:block;font-size:17px;font-weight:650;line-height:22px}
#config .u-m2 small{font-size:11.5px;color:var(--lead)}
#config .u-dims+.u-two,#config .u-dims+.u-chipset{margin-top:8px}
#config .u-two{margin-top:8px}
#config .u-two>.u-stp{margin-top:0}
/* zarf adedi */
#config .u-envr{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#config .u-envr .u-chipset{margin-top:0}
#config .u-fine{margin:6px 0 0;font-size:11.5px;line-height:1.45;color:var(--lead)}
/* ürün bilgisi satırları (masaüstü) */
#config .u-specs{display:none;flex-direction:column;gap:3px;margin-bottom:0;padding:0;list-style:none}
#config .u-specs li{display:flex;align-items:baseline;gap:7px;font-size:12px;line-height:16px;color:var(--lead)}
#config .u-specs li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--line-2);transform:translateY(-2px)}
/* ek ücret, uyarı */
#config .u-xt{display:flex;flex-direction:column;gap:6px}
#config .u-xl{display:flex;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--soft);font-size:12.5px;color:var(--lead)}
#config .u-xl span:last-child{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
#config .u-warn{margin:0;padding:8px 12px;border-radius:12px;background:var(--paper);font-size:12px;line-height:1.45;color:var(--ink-2)}
/* Bağıran satır notu (product.js uLoud): kırmızı çerçeve + "!" rozeti */
#config .u-loud{display:flex;align-items:flex-start;gap:10px;margin:2px 0 0;padding:11px 14px 11px 12px;border:1.5px solid var(--red);border-radius:14px;background:#FDEDEE;font-size:13px;font-weight:600;line-height:1.45;color:var(--ink)}
#config .u-loud::before{content:"!";flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:-1px;border-radius:50%;background:var(--red);font-size:14px;font-weight:800;line-height:1;color:#fff}
/* teklifle verilen ürün */
#config.u-sheet.qa{padding-top:18px}
#config.u-sheet.qa .u-blk+.u-blk{margin-top:18px}
#config .u-facts{display:flex;flex-direction:column;gap:9px;margin:10px 0 0;padding:0;list-style:none}
#config .u-facts li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:19px;color:var(--ink)}
#config .u-facts svg{flex:none;width:18px;height:18px;margin-top:.5px}
#config .u-see{display:inline-flex;align-items:center;min-height:40px;font-size:14px;font-weight:500;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:.28em}
#config .u-how{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:5px;margin-top:10px}
#config .u-how .u-hwa{width:12px;height:12px}
#config .u-how .hw{height:70px;padding:10px 8px 0;border-radius:14px;background:var(--paper);min-width:0}
#config .u-how .hw svg{width:18px;height:18px;color:var(--ink)}
#config .u-how .hw b{display:block;margin-top:6px;font-size:13px;font-weight:600;line-height:15px}
#config .u-how .hw small{display:block;font-size:10.5px;line-height:13px;color:var(--lead);white-space:nowrap}
#config.u-sheet.qa .u-chipset{margin-top:10px}
/* masaüstü fiyat çubuğu (telefonda #mbar) */
#config .u-order{display:none}
#config .u-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 14px;padding:2px 16px 0;font-size:12px;line-height:1.45;color:var(--lead)}
#config .u-alt{display:inline-flex;align-items:center;gap:6px;min-height:32px;color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:.28em}
#config .u-alt:hover{text-decoration-color:var(--ink)}

/* ---------- Sayfanın geri kalanı: DOM sırası (site.css'teki telefon yeniden sıralaması bu düzende yok) ---------- */
@media (max-width:1024px){
  .ppage-u2 :is(.u-top,.pbanner,.toprow,.prev,.vids,.aig-cta,.config,.trialbar,.lower,.trust,.pabout,.guide-rel,.cmp,.pspecs,.pinfo,.prel,.dvtop,.dvpl,.dvsel){order:0}
  .ppage-u2{gap:0}
  .ppage-u2>*+*{margin-top:16px!important}
  .ppage-u2>.crumbs+.u-top{margin-top:0!important}
}
.ppage-u2 .pb-more{margin-top:40px;padding-top:30px;border-top:1px solid var(--line-2)}
/* davetiye: galeriden seçilen model (?model=) — yapılandırıcının üstünde sakin beyaz satır */
.ppage-u2 .dvsel{flex-wrap:nowrap;gap:12px;margin:10px 0 8px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.ppage-u2 .dvsel img{width:40px;height:56px;border-radius:4px;box-shadow:0 0 0 1px var(--soft)}
.ppage-u2 .dvsel .t{min-width:0;gap:1px}
.ppage-u2 .dvsel .t b{font-size:14.5px;line-height:1.3}
.ppage-u2 .dvsel .t small{font-size:11.5px;line-height:1.4;color:var(--lead)}
.ppage-u2 .dvsel .a{flex:none;flex-direction:column;gap:2px}
.ppage-u2 .dvsel .a .btn{min-height:30px;padding:0 10px;border:0;background:none;font-size:12.5px;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:.25em}

/* ---------- Telefon ince ayar ---------- */
@media (max-width:1023px){
  .ppage-u2 > .crumbs{height:20px;padding-block:4px 0;font-size:13px;line-height:16px}   /* site başlığı maketteki 56 px'ten 5 px uzun: kırıntı, H1 ve tabaka maketteki yerinde */
  .ppage-u2 > .crumbs a,.ppage-u2 > .crumbs span{color:var(--lead)}
  .ppage-u2 > .crumbs span{color:var(--line-2)}
  /* telefonda kırıntı tek satır: Ana sayfa / ürün (kategori adı ve ikinci ayraç gizli; BreadcrumbList zaten Ana sayfa → ürün) */
  .ppage-u2 > .crumbs > span:not(.u-note):nth-of-type(2),.ppage-u2 > .crumbs > span:not(.u-note):nth-of-type(3){display:none}
}
@media (min-width:761px) and (max-width:1023px){
  /* tablet: telefon düzeni, ortada en çok 640 px */
  .ppage-u2 .u-top{max-width:640px;margin-inline:auto;width:100%}
  .ppage-u2 > .crumbs{max-width:640px;margin-inline:auto;width:100%}
  #config.u-sheet{margin-inline:0;border-radius:26px;padding-inline:20px;--u-gut:20px}
}

/* ---------- Masaüstü (≥ 1024 px): iki sütun, yapışkan panel ---------- */
@media (min-width:1024px){
  .ppage-u2 > .crumbs{padding-block:16px 0}
  .u-head{justify-content:flex-start;flex-wrap:wrap;gap:4px 16px;margin-top:6px}
  .u-head h1{font-size:clamp(36px,3.2vw,46px);line-height:1.08;letter-spacing:-.015em;white-space:normal;text-wrap:balance}
  .u-note{font-size:13.5px}
  .u-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,452px);gap:40px;align-items:start;margin-top:14px}
  .u-left{position:sticky;top:96px;padding-top:6px}
  .u-stage{height:clamp(250px,25vw,360px);margin:0}
  .u-arr{width:44px;height:44px;margin-top:-22px}
  .u-arr.l{left:6px}.u-arr.r{right:6px}
  .u-var{margin-top:10px}
  .u-pn{font-size:30px;line-height:36px}
  .u-pn small{font-size:12.5px}
  .u-chips{gap:22px;margin:-4px 0 -8px;padding:8px 0}
  .u-chip{font-size:14.5px}
  .u-pfacts{font-size:14px;margin-top:6px}
  #config.u-sheet{--u-gut:24px;position:sticky;top:90px;margin:0;padding:20px 24px 14px;border-radius:22px;max-height:calc(100vh - 106px);overflow-y:auto;overscroll-behavior:contain;
    scrollbar-width:thin;box-shadow:0 1px 0 var(--soft),0 1px 3px rgba(16,38,59,.05),0 22px 48px -22px rgba(16,38,59,.24)}
  #config .u-specs{display:flex}
  /* adet şeridi: 4 adet tabakaya sığar; daha çoksa 3 tam döşeme + sağda solan dördüncü ve ok (hsScroll). Öteki şeritler (4–6 seçenek) de solar. */
  #config .u-qtys.u-hs.n4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0 0;padding:0;overflow:visible}
  #config .u-qtys.u-hs.n4 .u-q{width:auto;padding:9px}
  #config .u-qtys.u-hs.n4 .u-q .p{font-size:17.5px}
  #config .u-qblk.n4 #moreQ{display:none}
  #config .u-qtys.u-hs:not(.n4) .u-q{width:calc((100% - 44px) / 3)}
  #config .u-hsw:not(.nos) .u-hs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 52px),transparent calc(100% - 6px));mask-image:linear-gradient(90deg,#000 calc(100% - 52px),transparent calc(100% - 6px))}
  #config .u-hsw.s1:not(.nos) .u-hs{-webkit-mask-image:linear-gradient(90deg,transparent 6px,#000 52px);mask-image:linear-gradient(90deg,transparent 6px,#000 52px)}
  #config .u-hsw.mid:not(.nos) .u-hs{-webkit-mask-image:linear-gradient(90deg,transparent 6px,#000 52px,#000 calc(100% - 52px),transparent calc(100% - 6px));mask-image:linear-gradient(90deg,transparent 6px,#000 52px,#000 calc(100% - 52px),transparent calc(100% - 6px))}
  #config .u-hsw:not(.nos) .u-hsn{display:grid;place-items:center;position:absolute;z-index:2;top:50%;right:-12px;width:32px;height:32px;margin-top:-16px;padding:0;border:0;border-radius:50%;
    background:#fff;color:var(--ink);box-shadow:var(--u-sh-sm);cursor:pointer}
  #config .u-hsw.u-qw .u-hsn{margin-top:-19px}
  #config .u-hsw.s1 .u-hsn{right:auto;left:-12px}
  #config .u-hsw.s1 .u-hsn svg{transform:scaleX(-1)}
  #config .u-hsn:hover{background:var(--paper)}
  #config .u-hsn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
  #config .u-hsn svg{width:14px;height:14px}
  #config .u-order{display:block;margin:16px -16px 0;padding-top:4px;border-top:1px solid var(--soft)}
  #config .u-order .u-dock{height:auto;padding:12px 8px 10px 16px}
  #config .u-order .u-dock .u-tot b{font-size:28px;line-height:32px}
  #config .u-order .u-dock .u-sum{font-size:12px}
  #config .u-order .u-dock.q .u-tot b{font-size:22px;line-height:28px}
  #config .u-foot{padding-bottom:4px}
  .ppage.ppage-u2>.u-top+*{margin-top:48px}
}
@media (min-width:1280px){
  .u-grid{grid-template-columns:minmax(0,1fr) 452px;gap:56px}
}
@media (prefers-reduced-motion:reduce){
  .u-tabbar *,.u-cta,.u-arr,#config .u-opt,#config .u-q,#config .u-s{transition:none}
}

/* sahnesi olmayan ürün: sade kâğıt + dalga işareti + ürün adı (layouts/product, 390 × 170 tuval) */
.st-fb .fbo{position:absolute;border-radius:4px;background:linear-gradient(150deg,#FFFFFF 0%,#FDFCFA 48%,#F2F0EB 100%);box-shadow:0 1px 2px rgba(16,38,59,.08),0 14px 30px rgba(16,38,59,.14)}
.st-fb .fbm{position:absolute;left:9%;top:9%}
.st-fb .fbm svg{display:block}
.st-fb .fbt{position:absolute;left:9%;right:9%;bottom:16%;font-family:"Newsreader",serif;font-style:italic;line-height:1.05;color:#10263B}
.st-fb .fbl{position:absolute;left:9%;width:34%;bottom:10%;height:1px;background:#DED9CF}