html, body {margin:0;min-height:100%;background:var(--sarim-base,#30251f)}
#sarim-katalog-kitap {
    position:fixed;
    inset:0;
}
#sarim-katalog-donus {
    position:fixed;
    inset:auto max(14px,env(safe-area-inset-right)) auto auto;
    top:max(14px,env(safe-area-inset-top));
    z-index:2147483647;
    display:inline-flex;
    align-items:center;
    gap:9px;
    box-sizing:border-box;
    min-height:48px;
    max-width:calc(100vw - 16px);
    padding:7px 12px;
    border:1px solid #ffffff40;
    border-radius:8px;
    background:var(--sarim-raised,#42332a);
    color:#fff;
    box-shadow:0 4px 18px #0005;
    font:600 14px/1.2 system-ui,sans-serif;
    text-decoration:none;
    white-space:nowrap;
    touch-action:none;
    user-select:none;
    cursor:grab;
}
#sarim-katalog-donus:hover {background:var(--sarim-card,#554336)}
#sarim-katalog-donus:focus-visible {outline:2px solid #fff;outline-offset:3px}
#sarim-katalog-donus.is-dragging {cursor:grabbing}
#sarim-katalog-donus img {width:78px;height:auto;pointer-events:none}
.sarim-katalog-tutamac {font-size:18px;opacity:.72}
#sarim-katalog-yedek {
    gap:14px;
    justify-items:center;
    padding:82px 12px 30px;
}
#sarim-katalog-yedek:not([hidden]) {display:grid}
#sarim-katalog-yedek a {color:#fff;font:600 16px system-ui,sans-serif}
#sarim-katalog-yedek img {display:block;width:min(100%,620px);height:auto}