.page-help-btn {
    position: fixed; right: 1.15rem; bottom: 5.25rem; z-index: 10005;
    width: 2.85rem; height: 2.85rem; border-radius: 999px; border: 0;
    background: var(--color-primary, #0F5C46); color: #fff;
    font-size: 1.35rem; font-weight: 800; line-height: 1; cursor: pointer;
    box-shadow: 0 10px 24px -8px rgba(15, 92, 70, .55);
    display: flex; align-items: center; justify-content: center;
}
.page-help-btn:hover { filter: brightness(1.08); }
.page-help-btn[aria-expanded="true"] { background: #1C1C1A; }
@media (min-width: 1024px) { .page-help-btn { bottom: 1.35rem; } }
body.layout-fixed .page-help-btn { bottom: 1.35rem; }
.page-help-overlay {
    position: fixed; inset: 0; background: rgba(28, 28, 26, .38); z-index: 10006;
}
.page-help-overlay[hidden] { display: none !important; }
.page-help-panel {
    position: fixed; top: 0; right: 0; bottom: 0; z-index: 10007;
    width: min(26.5rem, 100vw); background: #fff; color: #1C1C1A;
    box-shadow: -16px 0 40px -20px rgba(28, 28, 26, .4);
    display: flex; flex-direction: column;
}
.page-help-panel[hidden] { display: none !important; }
.page-help-head {
    display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem;
    padding: 1.1rem 1.2rem .9rem; border-bottom: 1px solid #eef0f3;
}
.page-help-kicker { margin: 0; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6E6D66; }
.page-help-head h2 { margin: .15rem 0 0; font-size: 1.15rem; font-weight: 800; }
.page-help-close {
    appearance: none; border: 0; background: #EFEFEB; width: 2rem; height: 2rem; border-radius: 999px;
    font-size: 1.25rem; line-height: 1; cursor: pointer; color: #3F3E3A;
}
.page-help-body { flex: 1; overflow: auto; padding: 1rem 1.2rem 1.5rem; }
.page-help-summary { margin: 0 0 1rem; font-size: .875rem; color: #55544E; line-height: 1.55; }
.page-help-step { display: flex; gap: .75rem; margin-bottom: .95rem; }
.page-help-n {
    flex-shrink: 0; width: 1.55rem; height: 1.55rem; border-radius: 999px;
    background: rgba(15, 92, 70, .1); color: #0F5C46;
    font-size: .75rem; font-weight: 800; display: flex; align-items: center; justify-content: center; margin-top: .1rem;
}
.page-help-step h3 { margin: 0 0 .2rem; font-size: .875rem; font-weight: 700; }
.page-help-step p { margin: 0; font-size: .8125rem; color: #55544E; line-height: 1.55; }
.page-help-tips { margin: 1.1rem 0 0; padding: .85rem .9rem; background: #F7F7F5; border-radius: .6rem; }
.page-help-tips strong { display: block; font-size: .75rem; margin-bottom: .4rem; color: #1C1C1A; }
.page-help-tips li { font-size: .78rem; color: #55544E; margin: .25rem 0 0; line-height: 1.45; }
.page-help-foot { padding: .85rem 1.2rem 1.1rem; border-top: 1px solid #eef0f3; }
.page-help-foot a { font-size: .8125rem; font-weight: 600; color: #0F5C46; text-decoration: none; }
.page-help-foot a:hover { text-decoration: underline; }
.sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
body.page-help-open { overflow: hidden; }
[data-theme="dark"] .page-help-panel { background: #2A2A27; color: #EFEFEB; }
[data-theme="dark"] .page-help-head, [data-theme="dark"] .page-help-foot { border-color: #3F3E3A; }
[data-theme="dark"] .page-help-kicker, [data-theme="dark"] .page-help-step p, [data-theme="dark"] .page-help-summary { color: #9C9B93; }
[data-theme="dark"] .page-help-close { background: #3F3E3A; color: #E2E1DC; }
[data-theme="dark"] .page-help-tips { background: #1C1C1A; }

/* Sayfada sabit bir alt çubuk (kaydet çubuğu, karşılaştırma tepsisi, durum kutusu) varsa "?" düğmesi onun
   üstüne çıkar; aksi halde düğme çubuğun sağ ucundaki butonların üstüne biniyordu. Yeni sabit alt çubuk
   eklenirse "has-bottom-bar" sınıfını vermek yeterli. */
body:has(.acc-savebar, .ss-savebar, .compare-tray:not(.is-hidden), .mn-status.is-on, .has-bottom-bar) .page-help-btn {
    bottom: 9.5rem;
}
@media (min-width: 1024px) {
    body:has(.acc-savebar, .ss-savebar, .compare-tray:not(.is-hidden), .mn-status.is-on, .has-bottom-bar) .page-help-btn { bottom: 6rem; }
}
body.layout-fixed:has(.acc-savebar, .ss-savebar, .compare-tray:not(.is-hidden), .mn-status.is-on, .has-bottom-bar) .page-help-btn { bottom: 6rem; }
/* Mobilde sabit alt reklam alt menünün üstünde tam genişlikte durur; "?" onun üstüne çıkar. Masaüstünde reklam
   sol altta olduğundan çakışma yok. */
@media (max-width: 1023.98px) {
    body:has(.site-ad-sticky-wrap:not(.is-closed)) .page-help-btn { bottom: 9.5rem; }
}