/* GP Cephe — Hesabım sekmesi (1.2). tokens.css değişkenleriyle; açık/koyu ve sağdan sola uyumlu. */
#account{position:absolute;inset:0;overflow:hidden;background:var(--gp-bg);visibility:hidden;opacity:0;transition:opacity .22s ease, visibility 0s linear .22s;-webkit-user-select:text;user-select:text}
#account.on{visibility:visible;opacity:1;transition:opacity .22s ease}
#account .acc-main{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#account .wrap{max-width:640px;margin:0 auto;padding:calc(var(--gp-sat) + 14px) calc(16px + var(--gp-sar)) calc(var(--gp-tabbar) + 30px) calc(16px + var(--gp-sal))}
#account .vh,.acc-modal .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* büyük başlık */
.acc-hd{display:flex;align-items:flex-end;gap:12px;margin:6px 4px 18px}
.acc-hd h1{flex:1;min-width:0;font:700 34px/1.12 var(--gp-font-display);letter-spacing:-.02em;margin:0}
.acc-sub{color:var(--gp-label2);font-size:15px;line-height:1.4;margin:-10px 4px 22px}

/* form satırları */
.acc-field{cursor:text;min-height:50px;padding-top:0;padding-bottom:0}
.acc-field input{flex:1;min-width:0;-webkit-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:var(--gp-label);font:400 17px/1.25 var(--gp-font);padding:14px 0;margin:0;-webkit-user-select:text;user-select:text}
.acc-field input::placeholder{color:var(--gp-label3)}
.acc-field:active{background:transparent}
.acc-eye{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--gp-label3);width:40px;height:40px;margin-inline-end:-10px;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.acc-eye .gp-icon{width:21px;height:21px}
.acc-err{min-height:0;margin:-12px 20px 12px;color:var(--gp-red);font-size:13px;line-height:1.35}
.acc-err:empty{display:none}
.acc-cta{margin:0 0 10px}
.acc-cta[disabled]{opacity:.45;pointer-events:none}
.acc-cta .acc-spin{width:20px;height:20px}
.acc-foot{font:400 13px/1.4 var(--gp-font);color:var(--gp-label2);margin:4px 20px 28px}

/* dönen gösterge */
.acc-spin{display:inline-block;width:22px;height:22px;border-radius:50%;border:2.4px solid currentColor;border-right-color:transparent;animation:accSpin .8s linear infinite;opacity:.75;flex:none}
@keyframes accSpin{to{transform:rotate(360deg)}}

/* kişi kartı */
.acc-me-row{gap:14px;min-height:72px;cursor:default}
.acc-me-row:active{background:transparent}
.acc-av{width:50px;height:50px;border-radius:50%;flex:none;display:grid;place-items:center;font:600 19px/1 var(--gp-font);color:#fff;background:linear-gradient(160deg,#9AA3AE,#6B7480);letter-spacing:.02em}
.acc-me-row .txt b{font:600 19px/1.25 var(--gp-font)}
.acc-badge{display:inline-block;margin-inline-start:6px;padding:1px 7px;border-radius:var(--gp-r-cap);background:var(--gp-fill3);color:var(--gp-label2);font:600 11px/1.5 var(--gp-font);vertical-align:1px}

/* Fiyat Hesapla kutusu */
.acc-price{-webkit-appearance:none;appearance:none;border:0;width:100%;display:flex;align-items:center;gap:14px;text-align:start;cursor:pointer;margin:0 0 22px;padding:16px;border-radius:var(--gp-r-lg);color:#fff;background:linear-gradient(135deg,#E58A2A,#CF6A12 60%,#B95A0C);box-shadow:0 10px 26px rgba(207,106,18,.28);font:inherit;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--gp-ease-out)}
.acc-price:active{transform:scale(.98)}
.acc-price .ic{width:46px;height:46px;border-radius:13px;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.acc-price .ic .gp-icon{width:27px;height:27px;stroke-width:1.7}
.acc-price .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.acc-price b{font:700 18px/1.2 var(--gp-font)}
.acc-price small{font-size:13.5px;line-height:1.3;opacity:.86}
.acc-price .chev{width:14px;height:14px;stroke-width:2.6;opacity:.8}
[dir="rtl"] .acc-price .chev{transform:scaleX(-1)}

/* bildirim önerisi */
.acc-nudge{background:var(--gp-bg2);border-radius:var(--gp-r-lg);padding:16px;margin:0 0 22px;display:flex;gap:14px;align-items:flex-start}
.acc-nudge .ic{width:36px;height:36px;border-radius:10px;background:var(--gp-red);color:#fff;display:grid;place-items:center;flex:none}
.acc-nudge .ic .gp-icon{width:21px;height:21px;stroke-width:2}
.acc-nudge b{display:block;font:600 16px/1.3 var(--gp-font);margin:1px 0 3px}
.acc-nudge p{margin:0 0 12px;color:var(--gp-label2);font-size:14px;line-height:1.38}
.acc-nudge .acts{display:flex;gap:8px;flex-wrap:wrap}

/* bölüm başlığı + yenile */
.acc-sec-h{display:flex;align-items:center;justify-content:space-between;margin:0 6px 7px 20px}
.acc-sec-h .gp-list-h{margin:0}
.acc-icbtn{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--gp-tint);width:34px;height:30px;display:grid;place-items:center;cursor:pointer;border-radius:var(--gp-r-cap);-webkit-tap-highlight-color:transparent}
.acc-icbtn .gp-icon{width:19px;height:19px}
.acc-icbtn.busy .gp-icon{animation:accSpin .9s linear infinite}
.acc-search{display:flex;align-items:center;gap:8px;background:var(--gp-fill3);border-radius:12px;padding:0 10px;margin:0 0 12px;height:38px}
.acc-search .gp-icon{width:17px;height:17px;color:var(--gp-label2)}
.acc-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--gp-label);font:400 16px var(--gp-font);-webkit-appearance:none;appearance:none}

/* sipariş kartları */
.acc-orders{display:flex;flex-direction:column;gap:10px;margin:0 0 10px}
.acc-order{-webkit-appearance:none;appearance:none;border:0;width:100%;text-align:start;cursor:pointer;background:var(--gp-bg2);color:var(--gp-label);border-radius:var(--gp-r-lg);padding:14px 16px 13px;font:inherit;display:flex;flex-direction:column;gap:7px;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--gp-ease-out),background-color .15s}
.acc-order:active{transform:scale(.985);background:var(--gp-fill4)}
.acc-order .r1{display:flex;align-items:center;justify-content:space-between;gap:10px}
.acc-order .kod{font:600 16px/1.2 var(--gp-mono);letter-spacing:.01em}
.acc-order .r2{color:var(--gp-label2);font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-order .r3{display:flex;justify-content:space-between;gap:10px;color:var(--gp-label2);font-size:13px;line-height:1.3}
.acc-order .r3 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-order .r3 span b{color:var(--gp-label);font-weight:600}
.acc-order .r3 .eta{flex:none;display:inline-flex;align-items:center;gap:5px}
.acc-order .r3 .eta .gp-icon{width:15px;height:15px;stroke-width:1.9}
.acc-bar{height:6px;border-radius:3px;background:var(--gp-fill3);overflow:hidden}
.acc-bar i{display:block;height:100%;border-radius:3px;background:var(--gp-tint);transition:width .6s var(--gp-ease-out)}
.acc-bar.done i{background:var(--gp-green)}
.acc-skel{height:118px;border-radius:var(--gp-r-lg);background:linear-gradient(100deg,var(--gp-bg2) 30%,var(--gp-fill4) 50%,var(--gp-bg2) 70%);background-size:300% 100%;animation:accSkel 1.3s ease-in-out infinite}
@keyframes accSkel{from{background-position:100% 0}to{background-position:0 0}}
.acc-empty{background:var(--gp-bg2);border-radius:var(--gp-r-lg);padding:26px 22px;text-align:center;color:var(--gp-label2);font-size:15px;line-height:1.45;margin:0 0 10px}
.acc-empty .gp-icon{width:38px;height:38px;margin:0 auto 10px;color:var(--gp-label3);stroke-width:1.5}
.acc-upd{text-align:center;color:var(--gp-label3);font-size:12px;margin:2px 0 24px}
.acc-more{display:flex;align-items:center;justify-content:center;gap:6px;-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--gp-tint);font:500 15px var(--gp-font);margin:0 auto 22px;padding:8px 14px;cursor:pointer}
.acc-more .gp-icon{width:15px;height:15px;stroke-width:2.4;transition:transform .25s}
.acc-more.open .gp-icon{transform:rotate(180deg)}

/* durum etiketi */
.acc-pill{flex:none;display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 8px;border-radius:var(--gp-r-cap);font:600 12px/1.35 var(--gp-font);white-space:nowrap}
.acc-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.s-gray{color:var(--gp-gray);background:rgba(142,142,147,.16)}
.s-tint{color:var(--gp-tint);background:var(--gp-tint-soft)}
.s-blue{color:var(--gp-blue);background:rgba(0,122,255,.13)}
.s-indigo{color:var(--gp-indigo);background:rgba(88,86,214,.14)}
.s-green{color:#1F9D47;background:rgba(52,199,89,.15)}
.s-yellow{color:#B07A00;background:rgba(255,204,0,.2)}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .s-green{color:var(--gp-green)} :root:not([data-theme="light"]) .s-yellow{color:var(--gp-yellow)} }
:root[data-theme="dark"] .s-green{color:var(--gp-green)} :root[data-theme="dark"] .s-yellow{color:var(--gp-yellow)}

.acc-row-logout .txt span{color:var(--gp-red)}
.tile.t-red{background:var(--gp-red)!important}

/* ---------- sipariş ayrıntısı (sağdan kayan sayfa) ---------- */
.acc-page{position:absolute;inset:0;z-index:20;background:var(--gp-bg);transform:translateX(104%);transition:transform .46s var(--gp-ease);box-shadow:-10px 0 30px rgba(0,0,0,.08);will-change:transform}
[dir="rtl"] .acc-page{transform:translateX(-104%)}
.acc-page.on{transform:none}
.acc-page.drag{transition:none}
.acc-page .acc-scroll{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#account .acc-page .wrap{padding-top:calc(var(--gp-sat) + 56px)}
.acc-nav{position:absolute;z-index:2;top:0;left:0;right:0;height:calc(var(--gp-sat) + 50px);padding:var(--gp-sat) calc(8px + var(--gp-sar)) 0 calc(8px + var(--gp-sal));display:flex;align-items:center;gap:6px;border-radius:0;transition:background-color .2s}
.acc-nav:not(.solid){background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.acc-back{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--gp-tint);display:flex;align-items:center;gap:2px;font:400 17px var(--gp-font);padding:8px 8px 8px 2px;cursor:pointer;max-width:45%;-webkit-tap-highlight-color:transparent}
.acc-back span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-back .gp-icon{width:24px;height:24px;stroke-width:2.3;flex:none}
[dir="rtl"] .acc-back .gp-icon{transform:scaleX(-1)}
.acc-nav-t{flex:1;min-width:0;text-align:center;font:600 17px var(--gp-font);opacity:0;transition:opacity .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-nav.solid .acc-nav-t{opacity:1}
/* iPhone Duo açık: sayfa iki sütunda (tokens.css .gp-cols); ortadaki başlık katlanma çizgisine denk gelmesin diye gizli */
html.gp-split .acc-nav-t{visibility:hidden}
.acc-nav .acc-icbtn{width:44px;height:44px}
.acc-kod{font:700 30px/1.15 var(--gp-mono);letter-spacing:-.01em;margin:4px 4px 4px;word-break:break-all}
.acc-who{color:var(--gp-label2);font-size:15px;margin:0 4px 18px}
.acc-hero{background:var(--gp-bg2);border-radius:var(--gp-r-lg);padding:16px;display:flex;gap:16px;align-items:center;margin:0 0 22px}
.acc-ring{position:relative;width:76px;height:76px;flex:none}
.acc-ring svg{width:76px;height:76px;transform:rotate(-90deg)}
.acc-ring circle{fill:none;stroke-width:7}
.acc-ring .bg{stroke:var(--gp-fill3)}
.acc-ring .fg{stroke:var(--gp-tint);stroke-linecap:round;transition:stroke-dashoffset .8s var(--gp-ease-out)}
.acc-ring.done .fg{stroke:var(--gp-green)}
.acc-ring span{position:absolute;inset:0;display:grid;place-items:center;font:700 16px var(--gp-font)}
.acc-hero .info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.acc-hero .info b{font:600 17px/1.3 var(--gp-font)}
.acc-hero .info small{color:var(--gp-label2);font-size:14px;line-height:1.3}

/* aşama zaman çizelgesi */
.acc-tl{list-style:none;padding:6px 0;margin:0 0 22px}
.acc-st{position:relative;display:flex;gap:14px;padding:10px 16px;align-items:flex-start}
.acc-st .dot{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;margin-top:1px;box-sizing:border-box}
.acc-st .dot .gp-icon{width:15px;height:15px;stroke-width:3}
.acc-st:not(:last-child)::after{content:"";position:absolute;inset-inline-start:27px;top:36px;bottom:-12px;width:2px;border-radius:1px;background:var(--gp-fill2)}
.acc-st.done .dot{background:var(--gp-green);color:#fff}
.acc-st.done:not(:last-child)::after{background:var(--gp-green);opacity:.55}
.acc-st.cur .dot{border:2.5px solid var(--gp-tint);background:var(--gp-bg2)}
.acc-st.cur .dot::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--gp-tint);animation:accPulse 1.6s ease-in-out infinite}
@keyframes accPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.55}}
.acc-st.wait .dot{border:2px solid var(--gp-label4)}
.acc-st .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.acc-st .tx b{font:500 16px/1.3 var(--gp-font)}
.acc-st.wait .tx b{color:var(--gp-label2);font-weight:400}
.acc-st.cur .tx b{font-weight:600}
.acc-st .tx small{color:var(--gp-label2);font-size:13px}
.acc-st.cur .tx small{color:var(--gp-tint);font-weight:500}
.acc-st .tx p{margin:4px 0 0;font-size:14px;line-height:1.38;color:var(--gp-label);background:var(--gp-fill4);border-radius:10px;padding:7px 10px;white-space:pre-wrap}

.acc-prod{display:flex;align-items:center;gap:12px;padding:11px 16px;min-height:50px;position:relative}
.acc-prod + .acc-prod::before{content:"";position:absolute;top:0;inset-inline-start:16px;inset-inline-end:0;height:.5px;background:var(--gp-sep)}
.acc-prod .tx{flex:1;min-width:0}
.acc-prod b{display:block;font:500 16px/1.3 var(--gp-font)}
.acc-prod small{display:block;color:var(--gp-label2);font-size:13px;margin-top:2px}
.acc-prod .qty{color:var(--gp-label2);font:600 15px var(--gp-font);white-space:nowrap}
.acc-note{background:var(--gp-bg2);border-radius:var(--gp-r-lg);padding:14px 16px;margin:0 0 22px;font-size:15px;line-height:1.45;white-space:pre-wrap}

/* takip formu (oturum açıkken modal) */
.gp-modal .pane .acc-modal-h{font:700 24px/1.2 var(--gp-font-display);margin:0 0 6px;text-align:start}
.gp-modal .pane .acc-modal-p{color:var(--gp-label2);font-size:14px;margin:0 0 18px;line-height:1.4}
.gp-modal .pane .gp-list{background:var(--gp-bg);margin-bottom:14px}

@media (prefers-reduced-motion:reduce){ .acc-page,.acc-bar i,.acc-ring .fg,.acc-price,.acc-order{transition:none!important} .acc-st.cur .dot::after,.acc-skel{animation:none} }

/* ---------- Bayi markası ---------- */
.acc-swrow{cursor:pointer}
.acc-switch{-webkit-appearance:none;appearance:none;flex:none;width:51px;height:31px;border-radius:31px;margin:0;position:relative;cursor:pointer;
  background:var(--gp-fill2);transition:background-color .25s;outline:0}
.acc-switch::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:27px;height:27px;border-radius:50%;background:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06);transition:transform .25s var(--gp-ease-out)}
.acc-switch:checked{background:var(--gp-green)}
.acc-switch:checked::after{transform:translateX(20px)}
[dir="rtl"] .acc-switch:checked::after{transform:translateX(-20px)}
.acc-logo-box{padding:14px 16px;display:flex;align-items:center;gap:14px}
.acc-logo{flex:1;min-width:0;height:72px;border-radius:12px;display:grid;place-items:center;overflow:hidden;
  background:#fff;border:.5px solid var(--gp-sep)}
.acc-logo img{max-width:100%;max-height:60px;object-fit:contain}
.acc-logo .gp-icon{width:28px;height:28px;color:var(--gp-label3)}
.acc-logo-acts{display:flex;flex-direction:column;gap:6px;flex:none}