/* My GARANTİ account drawer — 1.5.0 design pass (19 Oct 2026). Brand tokens follow the site header (Hub): red #D7242F, ink #202326. */
:root{--gam-red:#d7242f;--gam-red-dark:#b21d27;--gam-ink:#202326;--gam-muted:#5f6469;--gam-line:#e6e6e4;--gam-surface:#f6f6f5;--gam-ok:#1a8a4a;--gam-wait:#8a5a00;--gam-grass:#e3e849;--gam-grass-tint:#f8f9de}
#gam-drawer{--gam-top:100px;box-sizing:border-box;position:fixed;inset:var(--gam-top) 24px auto auto;margin:0;padding:0;width:344px;max-width:calc(100vw - 32px);height:auto;max-height:calc(100dvh - var(--gam-top) - 16px);border:1px solid var(--gam-line);border-radius:6px;background:#fff;color:var(--gam-ink);box-shadow:0 18px 48px rgba(17,24,32,.18);overflow:hidden;font-family:inherit;font-size:15px;line-height:1.35;letter-spacing:normal}
#gam-drawer *{box-sizing:border-box}
#gam-drawer[open]{display:flex;flex-direction:column}#gam-drawer::backdrop{background:rgba(17,24,32,.18)}
#gam-drawer .gam-titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-shrink:0;padding:14px 8px 14px 20px;background:var(--gam-red);color:#fff}
#gam-drawer h2{margin:0!important;padding:0!important;font-family:inherit!important;font-size:20px!important;line-height:1.2!important;font-weight:700!important;color:#fff!important;letter-spacing:-.01em!important}
#gam-drawer .gam-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:4px 0 0!important;padding:0!important;font-size:13px;line-height:1.35;color:#fff}
#gam-drawer .gam-who__name{font-weight:600;overflow-wrap:anywhere}
#gam-drawer .gam-who__status{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px;font-weight:600;white-space:nowrap}
#gam-drawer .gam-close{flex:0 0 44px;width:44px;height:44px;margin:-8px 0 -8px;padding:10px;border:0;border-radius:4px!important;background:transparent!important;color:#fff!important;cursor:pointer;box-shadow:none!important;line-height:0}
#gam-drawer .gam-close svg{width:24px;height:24px}
#gam-drawer .gam-close:hover{background:rgba(255,255,255,.14)!important}
#gam-drawer .gam-links{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 0;scrollbar-width:thin}
#gam-drawer .gam-links ul{list-style:none!important;margin:0!important;padding:0!important}
#gam-drawer .gam-links li{list-style:none!important;margin:0!important;padding:0!important}
#gam-drawer .gam-links li::marker{content:''}
#gam-drawer .gam-row{position:relative;display:flex;align-items:center;gap:14px;min-height:48px;padding:6px 20px;border-bottom:1px solid var(--gam-line);text-decoration:none!important;color:var(--gam-ink)!important;-webkit-text-fill-color:var(--gam-ink);background:#fff;font-size:15px;font-weight:600;transition:background .15s;overflow-wrap:anywhere}
#gam-drawer li:last-child .gam-row{border-bottom:0}
#gam-drawer .gam-row img,#gam-drawer .gam-row>svg:first-child{display:block;flex:0 0 28px;width:28px;height:28px;object-fit:contain;mix-blend-mode:multiply}
#gam-drawer .gam-row__text{display:flex;flex-direction:column;min-width:0;flex:1}
#gam-drawer .gam-row__text small{font-size:12px;font-weight:500;color:var(--gam-muted);-webkit-text-fill-color:var(--gam-muted);line-height:1.3}
#gam-drawer a.gam-row:hover{background:var(--gam-surface)}
#gam-drawer .gam-row[aria-current=page]{background:var(--gam-surface);color:var(--gam-red-dark)!important;-webkit-text-fill-color:var(--gam-red-dark)}
#gam-drawer .gam-row[aria-current=page]::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--gam-red)}
#gam-drawer .gam-row.is-locked{color:var(--gam-muted)!important;-webkit-text-fill-color:var(--gam-muted);cursor:default}
#gam-drawer .gam-row.is-locked img{opacity:.45;filter:grayscale(1)}
#gam-drawer .gam-lock{flex:0 0 18px;width:18px;height:18px;color:#8b9095}
#gam-drawer .gam-grass{background:var(--gam-grass-tint)}
#gam-drawer .gam-grass::after{content:'';position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--gam-grass)}
#gam-drawer a.gam-grass:hover{background:#f1f3c4}
#gam-drawer .gam-unlock{margin:8px 20px 6px!important;padding:10px 12px!important;border-radius:4px;background:var(--gam-surface);font-size:13px;line-height:1.45;color:var(--gam-muted)}
#gam-drawer .gam-unlock a{color:var(--gam-red-dark)!important;font-weight:600;text-decoration:underline!important;text-underline-offset:3px}
#gam-drawer .gam-footer{display:grid;grid-template-columns:repeat(3,1fr);flex-shrink:0;border-top:1px solid var(--gam-line);background:var(--gam-surface);padding:4px 8px max(4px,env(safe-area-inset-bottom))}
#gam-drawer .gam-footer a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:4px;border-radius:4px;color:var(--gam-ink)!important;-webkit-text-fill-color:var(--gam-ink);font-size:12px;font-weight:600;text-decoration:none!important}
#gam-drawer .gam-footer a:hover{background:#fff}
#gam-drawer .gam-footer img{width:22px;height:22px;object-fit:contain;mix-blend-mode:multiply}
#gam-drawer a:focus-visible,#gam-drawer button:focus-visible{outline:2px solid var(--gam-ink)!important;outline-offset:-2px}
#gam-drawer .gam-close:focus-visible{outline:2px solid #fff!important;outline-offset:-4px}
body.gam-open{overflow:hidden!important}#gwh-header a[data-gam-trigger]{cursor:pointer}
@media(max-width:600px){#gam-drawer{right:8px;width:344px;max-width:calc(100vw - 16px);max-height:calc(100dvh - var(--gam-top) - 8px)}#gam-drawer .gam-row{min-height:46px;padding:5px 16px;gap:12px}#gam-drawer .gam-titlebar{padding:12px 6px 12px 16px}#gam-drawer .gam-unlock{margin:8px 16px 6px!important}}
@media(max-height:620px){#gam-drawer .gam-row{min-height:44px}#gam-drawer .gam-footer a{min-height:46px}}
@media(prefers-reduced-motion:reduce){#gam-drawer *{transition:none!important}}
@media(forced-colors:active){#gam-drawer .gam-row[aria-current=page]::before{background:Highlight}}