:root{--st-yardim-label: 7.5rem;--st-yardim-max: 1180px;--st-yardim-hero: color-mix(in srgb,var(--st-primary) 7%,var(--st-surface));--st-yardim-ico: color-mix(in srgb,var(--st-primary) 12%,var(--st-surface));--st-wa: #157a45;--st-wa-soft: color-mix(in srgb,var(--st-wa) 12%,var(--st-surface));--st-qr-fg: #0b1220;--st-qr-bg: #ffffff;--st-helpv-video: #0d131c}
:root[data-theme="dark"],:root.st-dark{--st-wa: #4fd18b}
.st-yardim{display: flex;flex-direction: column;gap: 12px;padding: var(--st-gutter);max-width: var(--st-yardim-max);min-height: 100%;container: yardim / inline-size}
.st-yardim__hero{display: flex;align-items: center;justify-content: space-between;gap: 16px 28px;padding: 16px 20px;border: 1px solid var(--st-border);border-radius: var(--st-radius);background: var(--st-yardim-hero);box-shadow: var(--st-shadow-sm)}
.st-yardim__brand{display: flex;align-items: center;gap: 20px;flex: 1 1 0;min-width: 0}
.st-yardim__logo{flex: none}
.st-yardim__heading{display: flex;flex-direction: column;gap: 4px;min-width: 0}
.st-yardim__product{margin: 0;font-size: var(--st-fs-heading);font-weight: var(--st-fw-heading);color: var(--st-text);line-height: var(--st-lh-tight)}
.st-yardim__company{margin: 0;font-size: var(--st-fs-section);font-weight: var(--st-fw-section);color: var(--st-text-accent)}
.st-yardim__chips{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 4px}
.st-yardim__chip{display: inline-flex;align-items: center;min-height: 24px;padding: 2px 10px;border-radius: 999px;border: 1px solid var(--st-border);background: var(--st-surface);color: var(--st-text-muted);font-size: var(--st-fs-caption)}
.st-yardim__chip--warn{border-color: var(--st-warning);background: var(--st-warn-soft);color: var(--st-warn-text);font-weight: var(--st-fw-semibold)}
.st-yardim__mobile{display: flex;align-items: stretch;gap: 20px;flex: none;padding-left: 28px;border-left: 1px solid var(--st-border)}
.st-yardim__app{display: flex;flex-direction: column;justify-content: space-between;gap: 10px;width: 17.5rem}
.st-yardim__appid{display: flex;align-items: center;gap: 14px;flex: 1 1 auto;min-width: 0}
.st-yardim__appicon{width: 96px;height: 96px;border-radius: 22px;box-shadow: var(--st-shadow-sm);flex: none}
.st-yardim__appname{display: flex;flex-direction: column;gap: 4px;min-width: 0}
.st-yardim__appname strong{font-size: var(--st-fs-display);font-weight: var(--st-fw-heading);color: var(--st-text);line-height: var(--st-lh-tight)}
a.st-yardim__store{font-size: var(--st-fs-value);color: var(--st-text-accent);font-weight: var(--st-fw-semibold);text-decoration: none}
a.st-yardim__store:hover{text-decoration: underline}
a.st-yardim__store:focus-visible{outline: 2px solid var(--st-focus);outline-offset: 2px;border-radius: var(--st-radius-sm)}
.st-yardim__dl.st-btn{width: 100%}
.st-yardim__qrbox{display: flex;align-items: center;justify-content: center;flex: none}
.st-yardim__qr{display: block;width: 148px;height: 148px;border: 1px solid var(--st-border);border-radius: var(--st-radius)}
.st-qr__bg{fill: var(--st-qr-bg)}
.st-qr__fg{fill: var(--st-qr-fg)}
.st-yardim__secret{height: 6px;width: 120px;margin-top: -12px;cursor: default;user-select: none}
.st-yardim__grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 12px;align-items: stretch}
.st-yardim__card{display: flex;flex-direction: column;gap: 10px;min-width: 0;padding: 14px 16px;border: 1px solid var(--st-border);border-radius: var(--st-radius);background: var(--st-surface);box-shadow: var(--st-shadow-sm)}
.st-yardim__title{display: flex;align-items: center;gap: 8px;margin: 0;font-size: var(--st-fs-section);font-weight: var(--st-fw-section);color: var(--st-text)}
.st-yardim__title .st-licon{color: var(--st-text-accent)}
.st-yardim__hint{margin: 0;color: var(--st-text-muted);line-height: var(--st-lh-normal)}
.st-yardim__list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column}
.st-yardim__row{display: flex;align-items: flex-start;gap: 12px;padding: 8px 0;border-top: 1px solid var(--st-border)}
.st-yardim__row:first-child{border-top: 0;padding-top: 0}
.st-yardim__row:last-child{padding-bottom: 0}
.st-yardim__ico{display: inline-flex;align-items: center;justify-content: center;flex: none;width: var(--st-tap);height: var(--st-tap);border-radius: 50%;background: var(--st-yardim-ico);color: var(--st-text-accent)}
.st-yardim__lines{display: flex;flex-direction: column;gap: 4px;flex: 1 1 auto;min-width: 0}
.st-yardim__line{display: grid;grid-template-columns: var(--st-yardim-label) minmax(0,1fr);align-items: center;column-gap: 12px;min-height: var(--st-tap)}
.st-yardim__label{font-size: var(--st-fs-label);font-weight: var(--st-fw-label);color: var(--st-text-label);white-space: nowrap}
.st-yardim__value{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 8px;min-width: 0}
.st-yardim__text{color: var(--st-text);line-height: var(--st-lh-normal);overflow-wrap: anywhere}
.st-yardim__link{display: inline-flex;align-items: center;gap: 6px;min-height: var(--st-tap);padding: 0 2px;border: 0;background: none;cursor: pointer;text-align: left;color: var(--st-text-accent);font-size: var(--st-fs-value);font-weight: var(--st-fw-semibold);text-decoration: underline;text-decoration-color: color-mix(in srgb,currentColor 35%,transparent);text-underline-offset: 3px;overflow-wrap: anywhere}
.st-yardim__link:hover{text-decoration-color: currentColor}
.st-yardim__link:focus-visible,.st-yardim__choice:focus-visible{outline: 2px solid var(--st-focus);outline-offset: 2px;border-radius: var(--st-radius-sm)}
.st-yardim__phone.st-btn{min-width: 0;padding: 0 14px;border-radius: 999px;color: var(--st-text-accent);font-size: var(--st-fs-value);font-weight: var(--st-fw-semibold)}
.st-yardim__choices{display: flex;flex-wrap: wrap;gap: 8px;animation: st-yardim-in .15s var(--st-ease)}
.st-yardim__choice{display: inline-flex;align-items: center;gap: 6px;min-height: var(--st-tap);padding: 0 14px;border: 1px solid var(--st-border-strong);border-radius: 999px;background: var(--st-primary-soft);color: var(--st-text-accent);font-weight: var(--st-fw-button);text-decoration: none}
.st-yardim__choice:hover{border-color: var(--st-primary)}
.st-yardim__choice--wa{background: var(--st-wa-soft);color: var(--st-wa)}
.st-yardim__choice--wa:hover{border-color: var(--st-wa)}
@keyframes st-yardim-in{from{opacity: 0;transform: translateY(-4px)}
to{opacity: 1;transform: none}
}
.st-yardim__actions{display: flex;flex-wrap: wrap;gap: 8px}
.st-yardim__status{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;margin: 0;padding: 10px 12px;border-radius: var(--st-radius-sm);background: var(--st-primary-soft);color: var(--st-text);line-height: var(--st-lh-normal)}
.st-yardim__admin{margin-top: auto;padding-top: 10px;border-top: 1px solid var(--st-border)}
.st-yardim__tablewrap{overflow-x: auto;border: 1px solid var(--st-border);border-radius: var(--st-radius)}
.st-yardim__table{width: 100%;border-collapse: separate;border-spacing: 0}
.st-yardim__table th{padding: 8px 10px;text-align: left;background: var(--st-surface-2);border-bottom: 1px solid var(--st-border);white-space: nowrap;font-size: var(--st-fs-th);font-weight: var(--st-fw-label);color: var(--st-text-label)}
.st-yardim__table td{padding: 8px 10px;border-top: 1px solid var(--st-border);vertical-align: middle;white-space: nowrap}
.st-yardim__table tbody tr:first-child td{border-top: 0}
.st-yardim__table tbody tr:hover td{background: var(--st-hover-soft)}
.st-yardim__copyable{display: inline-flex;align-items: center;gap: 8px;white-space: nowrap}
.st-yardim__val{color: var(--st-text);font-weight: var(--st-fw-semibold)}
.st-yardim__iban{font-family: var(--st-font-mono);user-select: all}
.st-yardim__copy.st-btn{min-width: 5.25rem;height: 28px;padding: 0 8px;border-radius: 999px}
.st-yardim__copy.is-done{border-color: var(--st-success);background: var(--st-success-soft);color: var(--st-success)}
.st-yardim__none{color: var(--st-text-muted)}
.st-yardim__copied{min-height: 1.4em;margin: 0;color: var(--st-success);font-size: var(--st-fs-caption)}
@container yardim (max-width: 1000px){.st-yardim__mobile{flex-direction: column;align-items: center;gap: 12px;width: 15rem;padding-left: 20px}
.st-yardim__app{width: 100%;justify-content: flex-start}
.st-yardim__appid{flex: none}
.st-yardim__appicon{width: 72px;height: 72px;border-radius: 17px}
.st-yardim__appname strong{font-size: var(--st-fs-heading)}
}
@container yardim (min-width: 761px) and (max-width: 1100px){.st-yardim__table td,.st-yardim__copyable{white-space: normal}
.st-yardim__copyable{flex-wrap: wrap;row-gap: 4px}
.st-yardim__iban{white-space: nowrap}
}
@container yardim (max-width: 760px){.st-yardim__hero{flex-direction: column;align-items: flex-start;gap: 12px;padding: 14px}
.st-yardim__brand{flex: none;width: 100%}
.st-yardim__mobile{width: 100%;padding: 14px 0 0;border-left: 0;border-top: 1px solid var(--st-border)}
.st-yardim__app{max-width: 17.5rem}
.st-yardim__qr{width: 160px;height: 160px}
.st-yardim__line{grid-template-columns: minmax(0,1fr);row-gap: 2px;min-height: 0}
.st-yardim__grid{grid-template-columns: minmax(0,1fr)}
.st-yardim__tablewrap{border: 0;overflow: visible}
.st-yardim__table,.st-yardim__table tbody,.st-yardim__table tr,.st-yardim__table td{display: block;width: 100%}
.st-yardim__table thead{display: none}
.st-yardim__table tbody{display: flex;flex-direction: column;gap: 10px}
.st-yardim__table tr{border: 1px solid var(--st-border);border-radius: var(--st-radius);padding: 4px 12px}
.st-yardim__table td{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;column-gap: 8px;row-gap: 2px;padding: 6px 0;border-top: 0}
.st-yardim__table td::before{content: attr(data-cap);grid-column: 1;grid-row: 1;display: flex;align-items: center;min-height: 36px;font-size: var(--st-fs-label);font-weight: var(--st-fw-label);color: var(--st-text-label)}
.st-yardim__table .st-yardim__copyable{display: contents}
.st-yardim__table .st-yardim__val,.st-yardim__table .st-yardim__none{grid-column: 1 / -1;grid-row: 2;min-width: 0}
.st-yardim__table .st-yardim__copy.st-btn{grid-column: 2;grid-row: 1}
.st-yardim__bank{padding: 12px}
}
@media (max-width: 900px) and (pointer: coarse){.st-yardim{padding: 10px;gap: 10px}
.st-yardim__link,.st-yardim__choice,.st-yardim__phone.st-btn{min-height: 44px}
.st-yardim__choice{padding: 0 18px}
.st-yardim__copy.st-btn{height: var(--st-tap);padding: 0 14px}
.st-yardim__table td,.st-yardim__copyable{white-space: normal}
.st-yardim__copyable{flex-wrap: wrap;row-gap: 4px}
.st-yardim__iban{white-space: nowrap}
}
@container yardim (max-width: 350px){.st-yardim__iban{word-spacing: -.3em}
}
@media (prefers-reduced-motion: reduce){.st-yardim__choices{animation: none}
}
.st-help{display: inline-flex;align-items: center;gap: 5px;flex: none;padding: 0;border: 0;background: none;cursor: pointer;color: var(--st-text-accent);font: inherit;font-size: var(--st-fs-caption);font-weight: var(--st-fw-label);line-height: 1}
.st-help__q{display: inline-grid;place-items: center;width: 16px;height: 16px;border-radius: 50%;border: 1.5px solid currentColor;font-size: var(--st-fs-caption);font-weight: var(--st-fw-window);line-height: 1}
.st-help:hover .st-help__q,.st-help:focus-visible .st-help__q{background: var(--st-primary);border-color: var(--st-primary);color: var(--st-surface)}
.st-help:focus-visible{outline: 2px solid var(--st-focus);outline-offset: 2px;border-radius: var(--st-radius-sm)}
.st-help--page{margin-left: auto;padding: 0 2px}
.st-help--page:hover .st-help__text{text-decoration: underline}
.st-help--field{margin-left: 4px;vertical-align: middle;opacity: .55}
.st-help--field .st-help__q{width: 14px;height: 14px;border-width: 1.25px}
.st-help--field:hover,.st-help--field:focus-visible{opacity: 1}
.st-mbar__help{display: none}
@media (max-width: 900px) and (pointer: coarse){.st-mbar__help{display: inline-flex;min-width: var(--st-tap,36px);min-height: var(--st-tap,36px);justify-content: center}
.st-mbar__help .st-help__text{display: none}
.st-mbar__help .st-help__q{width: 22px;height: 22px;font-size: var(--st-fs-body)}
}
.st-helpv{display: grid;grid-template-columns: minmax(0,1fr) 320px;grid-template-areas: "main side" "foot foot";gap: 14px 16px}
.st-helpv__main{grid-area: main;min-width: 0;container-type: inline-size}
.st-helpv__frame{display: block;width: 100%;height: calc(100cqw * 9 / 16 + 70px);border: 0;border-radius: var(--st-radius);background: var(--st-helpv-video);box-shadow: var(--st-shadow-sm)}
.st-helpv__bar{display: flex;align-items: center;gap: 12px;margin-top: 8px}
.st-helpv__sum{color: var(--st-text-muted);font-size: var(--st-fs-caption)}
.st-helpv__side{grid-area: side;display: flex;flex-direction: column;gap: 10px;min-width: 0;max-height: min(64vh,600px);overflow: auto;padding-right: 2px}
.st-helpv__sec{border: 1px solid var(--st-border);border-radius: var(--st-radius);background: var(--st-surface);padding: 8px 10px}
.st-helpv__h{margin: 0 0 6px;font-size: var(--st-fs-section);font-weight: var(--st-fw-section);color: var(--st-text);cursor: default}
details.st-helpv__sec > summary.st-helpv__h{cursor: pointer;margin: 0}
details.st-helpv__sec[open] > summary.st-helpv__h{margin-bottom: 6px}
.st-dialog-backdrop:has(.st-helpv.is-dock){background: transparent;pointer-events: none;backdrop-filter: none;-webkit-backdrop-filter: none}
.st-dialog:has(.st-helpv.is-dock){pointer-events: auto;position: fixed;right: 16px;bottom: 52px;width: min(460px,calc(100vw - 32px)) !important;max-height: none;box-shadow: var(--st-shadow-md)}
.st-helpv.is-dock{grid-template-columns: minmax(0,1fr);grid-template-areas: "main"}
.st-helpv.is-dock .st-helpv__bar{margin-top: 6px}
.st-helpv__steps{margin: 0;padding-left: 20px;display: flex;flex-direction: column;gap: 5px;font-size: var(--st-fs-body);color: var(--st-text)}
.st-helpv__issues{margin: 0;display: flex;flex-direction: column;font-size: var(--st-fs-body)}
.st-helpv__issues dt{margin-top: 8px;padding: 4px 8px;border-radius: var(--st-radius-sm);background: var(--st-warn-soft);color: var(--st-warn-text);font-weight: var(--st-fw-label)}
.st-helpv__issues dt:first-child{margin-top: 0}
.st-helpv__issues dd{margin: 4px 0 0 8px;color: var(--st-text)}
.st-helpv__foot{grid-area: foot;display: flex;flex-wrap: wrap;align-items: center;gap: 8px 16px;padding-top: 10px;border-top: 1px solid var(--st-border)}
.st-helpv__foot .st-btn{margin-left: auto}
.st-helpv__link{color: var(--st-text-accent);font-size: var(--st-fs-body);font-weight: var(--st-fw-label);text-decoration: none}
.st-helpv__link:hover{text-decoration: underline}
.st-helpv__upd{color: var(--st-text-muted);font-size: var(--st-fs-caption)}
.st-helpv__none{margin: 0;color: var(--st-text-muted)}
.st-dialog__body:has(.st-helpv){container-type: inline-size}
@container (max-width: 860px){.st-helpv{grid-template-columns: minmax(0,1fr);grid-template-areas: "main" "side" "foot"}
.st-helpv__side{max-height: none;overflow: visible}
}
.st-help--dialog{margin-left: auto;margin-right: 6px}
.st-help--dialog .st-help__text{font-size: 12.5px}
@media (max-width: 900px) and (pointer: coarse){.st-dialog__head > .st-help{order: 3;flex: none;margin: 0 0 0 4px}
}