:root{--gold:#c4a35a;--navy:#14263d;--sand:#f7f1e6}
body{font-family:'Montserrat',system-ui,sans-serif;background:var(--sand);color:#1c2430;padding-bottom:env(safe-area-inset-bottom)}
h1,h2,h3,.cat-h{font-family:'Cormorant Garamond',serif;font-weight:700}
.qr-top{position:sticky;top:0;z-index:1030;background:var(--navy);color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.25)}
.qr-cur{width:auto;min-width:72px}
.btn-gold{background:var(--gold);border:0;color:#fff}.btn-gold:hover{background:#b0924c;color:#fff}
.qr-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 1rem .75rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.qr-tabs::-webkit-scrollbar{display:none}
.qr-tabs a{flex:0 0 auto;color:#d7dce4;text-decoration:none;padding:.35rem .9rem;border-radius:2rem;border:1px solid rgba(255,255,255,.25);font-size:.85rem;white-space:nowrap}
.qr-tabs a.on{background:var(--gold);border-color:var(--gold);color:#fff}
.qr-promo{background:var(--gold);color:#fff;text-align:center;padding:.5rem 1rem;font-size:.9rem}
.cat-h{font-size:1.9rem;margin:1.6rem 0 .2rem;color:var(--navy);scroll-margin-top:150px}
.cat-sub{font-size:.8rem;color:#7a8594;margin-bottom:.6rem}
.sub-h{font-size:1.15rem;margin:1rem 0 .3rem;color:#8a6d2b;font-family:'Montserrat';font-weight:600}
.item{display:flex;gap:.8rem;background:#fff;border-radius:.9rem;padding:.7rem;margin-bottom:.6rem;box-shadow:0 2px 10px rgba(20,38,61,.07);cursor:pointer;position:relative}
.item img{width:84px;height:84px;object-fit:cover;border-radius:.6rem;flex:0 0 auto}
.item .nm{font-weight:600;line-height:1.2}.item .sn{font-size:.78rem;color:#8a94a3}
.item .pr{white-space:nowrap;font-weight:600;color:#8a6d2b}
.item .pr s{display:block;color:#9aa3af;font-weight:400;font-size:.78rem}
.tag{display:inline-block;font-size:.65rem;padding:.1rem .45rem;border-radius:1rem;margin-right:.25rem;background:#e7f3ea;color:#256a3a}
.tag.hh{background:#fdeccd;color:#8a5a00}.tag.gf{background:#fff2cc;color:#7a5b00}.tag.so{background:#e9e9ec;color:#555}
.item.soldout{opacity:.5;filter:grayscale(1);cursor:default}
.item.soldout .so-b{position:absolute;right:.7rem;top:.5rem}
.sets .card{border:0;border-radius:.9rem;box-shadow:0 2px 10px rgba(20,38,61,.07)}
.qr-review{background:var(--navy);color:#fff;padding:2rem 1rem 3rem}.qr-review .stars{color:var(--gold);font-size:2rem;letter-spacing:.2rem}
.qr-filter{height:auto;max-height:80vh;border-radius:1rem 1rem 0 0}
.sg{display:flex;gap:.6rem;align-items:center;padding:.5rem;border-radius:.6rem;background:var(--sand);margin-bottom:.4rem;cursor:pointer}
.sg img{width:52px;height:52px;object-fit:cover;border-radius:.5rem}
.pm-img{width:100%;max-height:260px;object-fit:cover}
/* RTL / dil yazı tipleri */
.lang-ar{font-family:'Cairo','Montserrat',sans-serif}.lang-ar h1,.lang-ar h2,.lang-ar h3,.lang-ar .cat-h{font-family:'Cairo',serif}
.item .pr{margin-inline-start:auto;text-align:end}
[dir=rtl] .qr-tabs a{letter-spacing:0}
.item .so-b{inset-inline-end:.7rem;right:auto}

.qr-chef{display:flex;gap:.7rem;align-items:center;background:#1b3150;color:#fff;padding:.5rem 1rem}.qr-chef img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:2px solid var(--gold)}
.qr-chef b{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.qr-chef span{font-size:.82rem;line-height:1.25;display:block}
.tag.chef{background:#14263d;color:#f1dcaa}
/* Kenar boşlukları */
:root{--sb-gutter:20px}
.qr-top>div:first-child,.qr-top>div:nth-child(2){padding-left:max(var(--sb-gutter),env(safe-area-inset-left))!important;padding-right:max(var(--sb-gutter),env(safe-area-inset-right))!important}
.qr-tabs{padding-left:max(var(--sb-gutter),env(safe-area-inset-left));padding-right:max(var(--sb-gutter),env(safe-area-inset-right));scroll-padding-inline:var(--sb-gutter)}
.qr-chef,.qr-promo{padding-left:max(var(--sb-gutter),env(safe-area-inset-left));padding-right:max(var(--sb-gutter),env(safe-area-inset-right))}
main#list.container-fluid{padding-left:max(var(--sb-gutter),env(safe-area-inset-left))!important;padding-right:max(var(--sb-gutter),env(safe-area-inset-right))!important}
.qr-review{padding-left:max(var(--sb-gutter),env(safe-area-inset-left));padding-right:max(var(--sb-gutter),env(safe-area-inset-right))}