#member-hover-card .member-hover-ranks .raster-badge { display: block; object-fit: contain; aspect-ratio: auto; height: 36px !important; }
.member-menu { position: relative; flex-shrink: 0; margin-left: 18px; align-self: stretch; color: rgb(238, 238, 238); z-index: 30; }
.member-menu > summary { list-style: none; display: flex; align-items: center; gap: 8px; height: 100%; padding: 0px 11px; cursor: pointer; user-select: none; font-size: 12px; border-left: 1px solid rgb(52, 52, 52); }
.member-menu > summary::-webkit-details-marker { display: none; }
.member-menu > summary:hover, .member-menu[open] > summary { background: rgb(48, 48, 45); }
.member-menu > summary:focus-visible { outline: rgb(215, 130, 66) solid 2px; outline-offset: -3px; }
.nav-member-avatar { width: 29px; height: 29px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgb(236, 227, 215); color: rgb(132, 80, 44); font-size: 13px; font-weight: bold; border: 1px solid rgb(213, 193, 171); flex-shrink: 0; }
.member-chevron { width: 14px; height: 14px; color: rgb(170, 170, 170); }
.member-menu[open] .member-chevron { transform: rotate(180deg); }
.member-dropdown { position: absolute; top: calc(100% + 9px); right: 0px; width: 350px; background: rgb(255, 255, 255); color: rgb(59, 65, 69); border: 1px solid rgb(224, 221, 215); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.2) 0px 16px 45px; overflow: hidden auto; max-height: calc(100dvh - 160px); text-align: left; cursor: default; }
.member-dropdown-label { padding: 14px 18px 0px; color: rgb(170, 128, 97); font-size: 9px; letter-spacing: 1.5px; }
.member-dropdown-identity { display: flex; align-items: center; gap: 13px; padding: 17px 18px; }
.nav-member-avatar.large { width: 60px; height: 60px; font-size: 25px; border: 0px; background: rgb(243, 232, 220); color: rgb(162, 96, 47); }
.member-dropdown-identity > div { min-width: 0px; }
.member-dropdown-identity a { display: block; overflow: hidden; text-overflow: ellipsis; color: rgb(51, 51, 51); font-size: 15px; font-weight: bold; text-decoration: none; }
.member-dropdown-identity small { display: block; color: rgb(153, 153, 153); margin-top: 5px; font-size: 11px; }
.member-dropdown-stats { display: grid; grid-template-columns: repeat(3, 1fr); padding: 14px 0px; background: rgb(250, 248, 245); margin: 0px 18px 12px; border: 1px solid rgb(238, 232, 223); border-radius: 8px; text-align: center; }
.member-dropdown-stats > div + div { border-left: 1px solid rgb(232, 226, 218); }
.member-dropdown-stats strong { font-size: 18px; font-weight: 500; color: rgb(147, 93, 53); display: block; }
.member-dropdown-stats span { display: block; font-size: 10px; color: rgb(153, 153, 153); margin-top: 5px; }
.member-dropdown-links { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px 10px 14px; }
.member-dropdown-links a, .member-dropdown-links button { display: flex; align-items: center; gap: 9px; padding: 12px 9px; border-radius: 6px; text-decoration: none; color: rgb(85, 85, 85); font-size: 12px; text-align: left; }
.member-dropdown-links svg, .member-dropdown-footer svg { width: 17px; height: 17px; color: rgb(166, 122, 84); flex-shrink: 0; }
.member-dropdown-links a:hover, .member-dropdown-links button:hover { background: rgb(250, 243, 235); color: rgb(173, 89, 27); }
.member-dropdown-footer { border-top: 1px solid rgb(238, 238, 238); display: flex; justify-content: space-between; align-items: center; padding: 13px 18px; background: rgb(252, 252, 251); }
.member-dropdown-footer > span { font-size: 10px; color: rgb(170, 170, 170); }
.member-dropdown-footer button { display: flex; gap: 7px; align-items: center; color: rgb(161, 93, 55); font-size: 11px; padding: 0px; }
.member-stats-error { grid-column: 1 / -1; }
@media (max-width: 760px) {.nav-row:has(.member-menu) { overflow: visible; gap: 0px; }
.nav-row:has(.member-menu) .nav-links { overflow-x: auto; scrollbar-width: none; flex: 1 1 0%; min-width: 0px; }
.member-menu { margin-left: 5px; }
.member-menu > summary { padding: 0px 7px; }
.nav-member-name, .member-chevron { display: none; }
.member-dropdown { position: absolute; right: 0px; width: min(350px, -32px + 100vw); max-height: calc(100dvh - 150px); }
.member-dropdown-links a, .member-dropdown-links button { font-size: 11px; }}
.member-avatar img, .nav-member-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nav-member-avatar { overflow: hidden; }
.member-dropdown-footer > a { display: flex; gap: 7px; align-items: center; color: rgb(161, 93, 55); text-decoration: none; font-size: 11px; }
.tayfa-ribbon { --ribbon: #535954; --ribbon-light: #758078; display: inline-flex; align-items: center; gap: 7px; position: relative; background: linear-gradient(112deg,var(--ribbon-light),var(--ribbon) 75%); color: rgb(255, 255, 255); min-height: 27px; padding: 4px 8px 4px 7px; border-radius: 3px 1px 1px 3px; clip-path: polygon(0px 0px, 94% 0px, 100% 50%, 94% 100%, 0px 100%); font-size: 10px; font-weight: bold; white-space: nowrap; letter-spacing: 0.15px; border-top: 1px solid rgba(255, 255, 255, 0.22); border-bottom: 1px solid rgba(0, 0, 0, 0.133); box-sizing: border-box; min-width: 150px; max-width: 100%; text-align: left; line-height: 1.3; }
.tayfa-ribbon > svg { width: 17px; height: 17px; flex-shrink: 0; }
.tayfa-ribbon > span { flex: 1 1 0%; }
.tayfa-ribbon > img { width: 18px; height: 18px; border-radius: 50%; background: white; object-fit: contain; margin-right: 5px; flex-shrink: 0; }
.tayfa-ribbon[data-rank="katilan"] { --ribbon: #826c53; --ribbon-light: #ad9476; }
.tayfa-ribbon[data-rank="kasif"] { --ribbon: #64734f; --ribbon-light: #8e9e74; }
.tayfa-ribbon[data-rank="yoldas"] { --ribbon: #3e6c72; --ribbon-light: #6d969c; }
.tayfa-ribbon[data-rank="usta"], .tayfa-ribbon[data-rank="guide"] { --ribbon: #6b597e; --ribbon-light: #9984af; }
.tayfa-ribbon[data-rank="muhafiz"], .tayfa-ribbon[data-rank="solver"] { --ribbon: #4f687b; --ribbon-light: #7c99ad; }
.tayfa-ribbon[data-rank="efsane"], .tayfa-ribbon[data-rank="founder"] { --ribbon: #a36a32; --ribbon-light: #c39c60; }
.tayfa-ribbon[data-rank="spark"] { --ribbon: #a46739; --ribbon-light: #c6946d; }
.tayfa-ribbon[data-rank="architect"] { --ribbon: #52685d; --ribbon-light: #7c9a88; }
.tayfa-ribbon.compact { font-size: 9px; min-height: 23px; min-width: 140px; }
.tayfa-ribbon.compact > svg { width: 14px; height: 14px; }
.tayfa-ribbon.compact > img { width: 15px; height: 15px; }
.post-user .tayfa-ribbon { min-width: 0px; width: 145px; font-size: 9px; gap: 5px; }
.post-user .tayfa-ribbon.compact { font-size: 8px; width: 139px; min-height: 21px; }
.journey-hero > .tayfa-ribbon { margin-top: 12px; }
@media (max-width: 760px) {.post-user .tayfa-ribbon { width: 145px; }}
.member-dropdown-identity .tayfa-ribbon { margin-top: 8px; font-size: 9px; }
.tayfa-ribbon:focus-visible, .premium-ribbon:focus-visible { filter: brightness(1.15); }
.premium-nav-link { display: inline-flex; align-items: center; gap: 7px; align-self: stretch; padding: 0px 15px; color: rgb(223, 197, 160); font-size: 12px; text-decoration: none; border-left: 1px solid rgb(52, 52, 52); white-space: nowrap; }
.premium-nav-link svg { width: 19px; height: 19px; }
.premium-nav-link:hover { background: rgb(48, 46, 41); color: rgb(242, 215, 173); }
[data-premium-tone="gold"] { --premium: #9f813b; --premium-hi: #c3a769; }
[data-premium-tone="ice"] { --premium: #5d8a9e; --premium-hi: #8db4c5; }
[data-premium-tone="copper"] { --premium: #a16e4e; --premium-hi: #c59a75; }
[data-premium-tone="teal"] { --premium: #447c78; --premium-hi: #6ca29c; }
[data-premium-tone="rose"] { --premium: #986c88; --premium-hi: #ba94ad; }
[data-premium-tone="violet"] { --premium: #7b6498; --premium-hi: #a18ab9; }
[data-premium-tone="olive"] { --premium: #728455; --premium-hi: #98aa7a; }
[data-premium-tone="blue"] { --premium: #567e9a; --premium-hi: #84a8c0; }
.premium-nickname { color: var(--premium) !important; }
.member-dropdown-identity .premium-ribbon { margin-top: 6px; font-size: 9px; }
@media (max-width: 760px) {.premium-nav-link { padding: 0px 10px; font-size: 10px; gap: 4px; }
.premium-nav-link svg { width: 16px; height: 16px; }}
[data-premium-tone="slate"] { --premium: #64717c; --premium-hi: #8d9ba7; }
#premium-page .premium-order-row button.primary .profile-ui-icon, #premium-page .premium-order-row button.primary svg { color: rgb(255, 255, 255) !important; }
.tayfa-ribbon, .premium-ribbon { position: relative; display: inline-grid; grid-template-columns: 22px minmax(0px, 1fr) 23px; align-items: center; gap: 7px; min-width: 169px; min-height: 31px; padding: 4px 9px 4px 5px; border: 0px; border-radius: 2px; clip-path: polygon(0px 0px, 94% 0px, 100% 50%, 94% 100%, 0px 100%); background: linear-gradient(180deg,#ffffff32 0%,#ffffff05 38%,#00000030 50%,#00000015 88%,#ffffff28 100%),repeating-linear-gradient(118deg,transparent 0 7px,#ffffff05 7px 8px),linear-gradient(105deg,var(--ribbon-light,var(--premium-hi,#87948b)),var(--ribbon,var(--premium,#4c5c53)) 70%); box-shadow: rgba(255, 255, 255, 0.44) 0px 1px inset, rgba(16, 27, 37, 0.5) 0px -2px inset; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 1px; font-size: 10px; letter-spacing: 0.2px; line-height: 1.3; color: rgb(250, 247, 238); }
.tayfa-ribbon::before, .premium-ribbon::before { content: ""; position: absolute; inset: 3px 7px 3px 3px; border: 1px solid rgba(230, 229, 204, 0.4); clip-path: polygon(0px 0px, 94% 0px, 100% 50%, 94% 100%, 0px 100%); pointer-events: none; }
.tayfa-ribbon::after, .premium-ribbon::after { content: ""; position: absolute; right: 6px; top: 3px; bottom: 3px; width: 29px; background: linear-gradient(135deg, rgba(245, 234, 223, 0.333), rgba(20, 32, 28, 0.333)); clip-path: polygon(50% 0px, 100% 50%, 50% 100%, 0px 50%); pointer-events: none; }
.tayfa-ribbon > svg, .premium-ribbon > svg { position: relative; z-index: 1; width: 22px; height: 22px; padding: 3px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.17), rgba(0, 0, 0, 0.333)); border: 1px solid rgba(222, 220, 199, 0.53); clip-path: polygon(12% 0px, 88% 0px, 100% 18%, 100% 75%, 50% 100%, 0px 75%, 0px 18%); filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 1px 1px); color: rgb(243, 233, 208); }
.tayfa-ribbon > span, .premium-ribbon > span { position: relative; z-index: 1; font-weight: 700; }
.tayfa-ribbon > img, .premium-ribbon > img { position: relative; z-index: 1; width: 20px; height: 20px; margin-right: 3px; border-radius: 3px; object-fit: contain; background: rgb(244, 238, 228); border: 1px solid rgb(201, 189, 164); box-shadow: rgba(0, 0, 0, 0.533) 0px 1px 3px; }
.tayfa-ribbon.compact { min-width: 160px; min-height: 28px; font-size: 9px; grid-template-columns: 20px minmax(0px, 1fr) 20px; gap: 6px; }
.tayfa-ribbon.compact > svg { width: 20px; height: 20px; }
.tayfa-ribbon.compact > img { width: 18px; height: 18px; }
.tayfa-ribbon[data-rank="yolcu"] { --ribbon: #3c4e47; --ribbon-light: #6f8176; }
.tayfa-ribbon[data-rank="katilan"] { --ribbon: #6a5138; --ribbon-light: #ae8b61; }
.tayfa-ribbon[data-rank="kasif"] { --ribbon: #40563b; --ribbon-light: #80955c; }
.tayfa-ribbon[data-rank="yoldas"] { --ribbon: #2e555d; --ribbon-light: #6b9a9e; }
.tayfa-ribbon[data-rank="usta"], .tayfa-ribbon[data-rank="guide"] { --ribbon: #514064; --ribbon-light: #a08aad; }
.tayfa-ribbon[data-rank="muhafiz"], .tayfa-ribbon[data-rank="solver"] { --ribbon: #334e68; --ribbon-light: #7b9fb2; }
.tayfa-ribbon[data-rank="efsane"], .tayfa-ribbon[data-rank="founder"] { --ribbon: #805322; --ribbon-light: #cba764; }
.post-user .tayfa-ribbon, .post-user .premium-ribbon { width: 145px; min-width: 0px; font-size: 8.5px; min-height: 29px; gap: 5px; grid-template-columns: 20px minmax(0px, 1fr) 19px; padding-left: 4px; padding-right: 7px; }
.post-user .tayfa-ribbon > svg, .post-user .premium-ribbon > svg { width: 20px; height: 20px; }
.post-user .tayfa-ribbon > img, .post-user .premium-ribbon > img { width: 17px; height: 17px; }
@media (max-width: 760px) {.community-intro-grid .tayfa-ribbon { min-width: 164px; }}
.tayfa-ribbon.raster-badge, .premium-ribbon.raster-badge { width: 200px; max-width: 100%; vertical-align: middle; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0px !important; min-height: 0px !important; height: auto !important; padding: 0px !important; border: 0px !important; clip-path: none !important; background: none !important; box-shadow: none !important; text-shadow: none !important; border-radius: 0px !important; overflow: visible !important; line-height: 0 !important; }
.raster-badge::before, .raster-badge::after { display: none !important; }
.tayfa-ribbon.raster-badge > img, .premium-ribbon.raster-badge > img { display: block !important; position: static !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 0px !important; padding: 0px !important; object-fit: contain !important; background: none !important; border: 0px !important; box-shadow: none !important; border-radius: 0px !important; }
.tayfa-ribbon.raster-badge.compact { width: 180px; }
.post-user .tayfa-ribbon.raster-badge, .post-user .premium-ribbon.raster-badge { width: 145px !important; }
.premium-plan .premium-ribbon.raster-badge { width: 100% !important; }
.member-dropdown-identity .raster-badge { width: 160px; }
.profile-rank-ribbon .raster-badge { width: 185px; }
.raster-badge:focus-visible { outline: rgb(182, 139, 87) solid 1px; outline-offset: 3px; filter: brightness(1.12); }
.journey-profile-card .raster-badge[data-rank], .journey-awards .raster-badge[data-rank], .public-member-awards .raster-badge[data-rank] { width: 38px !important; height: 38px !important; flex: 0 0 38px !important; }
.journey-profile-card .raster-badge > img, .journey-awards .raster-badge > img, .public-member-awards .raster-badge > img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
.post-user .tayfa-ribbon.raster-badge, .post-user .premium-ribbon.raster-badge { width: 180px !important; max-width: 100% !important; }
@media (max-width: 600px) {.post-user .tayfa-ribbon.raster-badge, .post-user .premium-ribbon.raster-badge { width: 180px !important; }}
.profile-ui-icon { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; flex: 0 0 17px; vertical-align: middle; margin-right: 8px; color: inherit; }
.profile-ui-icon svg { width: 100%; height: 100%; display: block; }
.member-card h2 .profile-ui-icon { color: rgb(203, 177, 147); width: 16px; height: 16px; }
.member-card dt .profile-ui-icon { width: 14px; height: 14px; flex-basis: 14px; margin-right: 6px; color: rgb(171, 148, 125); }
.member-shortcuts a .profile-ui-icon, .journey-profile-card > a .profile-ui-icon, .profile-signature-card > a .profile-ui-icon { color: rgb(171, 122, 80); width: 16px; height: 16px; }
.member-stats > section > .profile-ui-icon { width: 22px; height: 22px; margin: 0px 0px 10px; color: rgb(181, 151, 118); display: inline-flex; }
.profile-wall h2 .profile-ui-icon { color: rgb(165, 129, 93); }
.wall-form > label .profile-ui-icon { width: 15px; height: 15px; color: rgb(165, 129, 93); }
.wall-form .primary .profile-ui-icon { width: 14px; height: 14px; flex-basis: 14px; margin-right: 6px; }
.member-shortcuts a > span:not(.profile-ui-icon) { float: right; }
@media (max-width: 760px) {.member-stats > section > .profile-ui-icon { width: 19px; height: 19px; }
.profile-ui-icon { margin-right: 6px; }}
.member-shortcuts .profile-ui-icon { float: none; }
#account-page h1 > .profile-ui-icon, #features-page h1 > .profile-ui-icon, #journey-page h1 > .profile-ui-icon, #trade-page h1 > .profile-ui-icon, #premium-page h1 > .profile-ui-icon, #compose-view h1 > .profile-ui-icon { width: 24px; height: 24px; margin-right: 10px; color: rgb(167, 137, 102); }
#account-page h2 > .profile-ui-icon, #features-page h2 > .profile-ui-icon, #journey-page h2 > .profile-ui-icon, #trade-page h2 > .profile-ui-icon, #premium-page h2 > .profile-ui-icon, #compose-view h2 > .profile-ui-icon { width: 18px; height: 18px; color: rgb(167, 137, 102); }
#account-page label > .profile-ui-icon, #features-page label > .profile-ui-icon, #journey-page label > .profile-ui-icon, #trade-page label > .profile-ui-icon, #compose-view label > .profile-ui-icon { width: 14px; height: 14px; color: rgb(170, 150, 124); }
.primary > .profile-ui-icon { width: 15px; height: 15px; color: inherit; }
.account-page-nav .profile-ui-icon, .feature-shortcuts .profile-ui-icon { color: rgb(172, 137, 102); float: none !important; }
.premium-page-tabs .profile-ui-icon { width: 15px; height: 15px; }
.thread-sidebar .side-heading h3 .profile-ui-icon { width: 15px; height: 15px; margin-right: 7px; color: rgb(203, 177, 147); }
.thread-sidebar dt .profile-ui-icon { width: 12px; height: 12px; flex-basis: 12px; margin-right: 5px; color: rgb(174, 149, 121); }
.thread-sidebar .related-topics .profile-ui-icon { width: 13px; height: 13px; margin-right: 6px; color: rgb(173, 137, 103); }
#forum-page .forum-parent-link .profile-ui-icon { width: 14px; height: 14px; margin-right: 7px; color: rgb(174, 139, 104); }
#forum-page .thread-sidebar dt .profile-ui-icon { width: 12px; height: 12px; margin-right: 6px; }
.forum-list-tools > strong > .profile-ui-icon { width: 17px; height: 17px; flex-shrink: 0; margin: 0px; color: rgb(203, 180, 155); }
.forum-list-tools > strong > span:not(.profile-ui-icon) { margin-left: 0px; }
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.header-actions .auth { margin-left: 0px; }
.header-actions .premium-nav-link { align-self: auto; min-height: 40px; padding: 8px 12px; border: 1px solid rgb(231, 223, 212); border-radius: 5px; color: rgb(165, 117, 67); background: rgb(252, 250, 246); font-size: 12px; }
.header-actions .premium-nav-link:hover { background: rgb(245, 238, 227); color: rgb(141, 90, 43); }
.header-actions .member-menu { margin-left: 0px; align-self: auto; color: rgb(85, 85, 85); z-index: 40; }
.header-actions .member-menu > summary { height: 42px; padding: 5px 10px; border: 1px solid rgb(231, 226, 219); border-radius: 5px; gap: 8px; background: rgb(255, 255, 255); }
.header-actions .member-menu > summary:hover, .header-actions .member-menu[open] > summary { background: rgb(248, 245, 239); }
.header-actions .member-dropdown { top: calc(100% + 10px); }
.header-actions .member-chevron { color: rgb(153, 153, 153); }
@media (max-width: 760px) {.header-actions { gap: 7px; }
.header-actions .premium-nav-link { padding: 7px; font-size: 10px; gap: 4px; min-height: 36px; }
.header-actions .premium-nav-link svg { width: 15px; height: 15px; }
.header-actions .member-menu > summary { height: 36px; padding: 3px 5px; }
.header-actions .member-dropdown { position: fixed; top: 110px; right: 12px; width: min(350px, -24px + 100vw); max-height: calc(100dvh - 130px); }
.header-actions .nav-member-avatar { width: 26px; height: 26px; }}
#header-inbox { display: flex; gap: 4px; align-items: center; }
#header-inbox details { position: relative; }
#header-inbox summary { position: relative; display: grid; place-items: center; width: 37px; height: 40px; list-style: none; cursor: pointer; color: rgb(146, 116, 83); border-radius: 5px; }
#header-inbox summary::-webkit-details-marker { display: none; }
#header-inbox summary > svg { width: 21px; height: 21px; }
#header-inbox details[open] > summary, #header-inbox summary:hover { background: rgb(243, 237, 230); }
.inbox-dropdown { position: absolute; right: 0px; top: calc(100% + 10px); width: 340px; background: white; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(204, 86, 0) rgb(221, 215, 207) rgb(221, 215, 207); border-image: none; border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.133) 0px 10px 30px; z-index: 110; overflow: hidden; }
.inbox-dropdown h3 { margin: 0px; padding: 12px 15px; background: rgb(250, 247, 243); font-size: 15px; color: rgb(135, 90, 53); }
.inbox-dropdown footer { display: flex; justify-content: space-between; gap: 10px; padding: 10px 14px; background: rgb(250, 250, 250); }
.inbox-dropdown footer a, .inbox-dropdown footer button { font-size: 11px; color: rgb(163, 107, 55); background: none; border: 0px; padding: 0px; cursor: pointer; }
@media (max-width: 760px) {#header-inbox { gap: 0px; }
#header-inbox summary { width: 29px; }
.inbox-dropdown { position: fixed; right: 10px; top: 110px; width: min(340px, -20px + 100vw); max-height: calc(100dvh - 130px); }
.header-actions { flex-wrap: wrap; }}
#header-inbox .inbox-dropdown footer a[href="/arkadaslarim"] svg { display: none !important; }
.checkout-selection .raster-badge { margin: 0px; }
.journey-current .raster-badge { margin: 0px !important; }
.member-dropdown-links > a[href="/arkadaslarim"] svg { width: 17px; height: 17px; }
.member-overview-rank .raster-badge { margin: 0px !important; }
.member-named-award .raster-badge { margin: 0px !important; }
.member-named-award .raster-badge img { object-fit: contain; width: 30px !important; height: 30px !important; }
.member-named-award .raster-badge { align-items: center; justify-content: center; width: 32px !important; min-width: 32px !important; max-width: 32px !important; height: 32px !important; flex: 0 0 32px !important; display: inline-flex !important; }
@media (max-width: 650px) {.member-overview .member-overview-rank .raster-badge { max-width: 190px; }}
#member-profile .own-profile-title .raster-badge { max-width: 230px; margin: 0px !important; }
#member-profile .own-profile-awards .raster-badge { width: 30px !important; min-width: 30px !important; height: 30px !important; margin: 0px !important; display: inline-flex !important; }
#member-profile .own-profile-awards .raster-badge img { object-fit: contain; width: 30px !important; height: 30px !important; }
.member-shortcuts > a > svg, .member-dropdown-links > a > svg { width: 17px; height: 17px; vertical-align: middle; margin-right: 8px; }
@media (max-width: 760px) {#thread-posts .post-user .tayfa-ribbon.raster-badge, #thread-posts .post-user .premium-ribbon.raster-badge { width: 160px !important; max-width: 100% !important; }}
@media (max-width: 480px) {#thread-posts .post-user .tayfa-ribbon.raster-badge, #thread-posts .post-user .premium-ribbon.raster-badge { width: 145px !important; }}
@media (max-width: 600px) {.member-overview .member-overview-rank .raster-badge { max-width: 180px; }}
.identity-achievement-badges .member-named-award .raster-badge { width: 29px !important; }
#member-profile .member-identity .own-profile-awards .raster-badge { width: 29px !important; }
@media (max-width: 600px) {.member-overview .public-member-top > .member-overview-rank > .raster-badge { max-width: 180px; }}
.identity-achievement-badges .member-named-award > span:not(.raster-badge) { display: none; }
.premium-ribbon.raster-badge:has(img[src*="/sunucu.png"]) { aspect-ratio: auto; height: auto !important; max-height: none !important; overflow: visible !important; }
.premium-ribbon.raster-badge > img[src*="/sunucu.png"] { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; transform: none !important; }
.member-shortcuts .profile-shortcut-group > a > .profile-ui-icon { width: 16px; height: 16px; min-width: 16px; margin: 0px; color: rgb(176, 138, 91); display: inline-flex; align-items: center; justify-content: center; }
.member-shortcuts .profile-shortcut-group > a > .profile-ui-icon > svg { width: 16px; height: 16px; }
.member-shortcuts .shortcut-group-exit > a > .profile-ui-icon { color: rgb(165, 127, 102); }
.member-dropdown-links > a > .profile-ui-icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; flex: 0 0 16px; margin: 0px; color: rgb(173, 134, 86); }
.member-dropdown-links > a > .profile-ui-icon > svg { width: 16px; height: 16px; }
.member-hover-ranks .raster-badge { width: 160px !important; max-width: 100% !important; margin: 0px !important; }
.compose-modern .thread-heading h1 > .profile-ui-icon { width: 25px; height: 25px; flex: 0 0 25px; color: rgb(179, 141, 88); }
.compose-modern .compose-card h2 > .profile-ui-icon { width: 18px; height: 18px; flex: 0 0 18px; color: rgb(176, 138, 83); }
.compose-modern .profile-ui-icon > svg { width: 100%; height: 100%; }
.compose-modern .compose-card label > .profile-ui-icon { display: inline-flex; width: 14px; height: 14px; vertical-align: middle; margin-right: 7px; color: rgb(176, 150, 109); }
.compose-modern .compose-submit .profile-ui-icon { width: 16px; height: 16px; flex: 0 0 16px; }
.compose-modern .compose-sidebar h3 > .profile-ui-icon { width: 17px; height: 17px; color: rgb(198, 179, 141); }
.compose-modern #load-draft > .profile-ui-icon { width: 14px; height: 14px; }
@media (max-width: 760px) {.header-row .header-actions { margin-left: auto; display: flex; gap: 5px; align-items: center; flex-wrap: nowrap; }
.header-actions .premium-nav-link { padding: 8px; }
.header-actions .premium-nav-link > span, .member-menu > summary .member-chevron { display: none; }
.header-actions .member-menu > summary { min-height: 40px; max-width: 130px; }
.header-actions .auth { gap: 5px; }
.header-actions .auth button { padding: 8px; font-size: 11px; min-height: 40px; }
.header-actions .auth button svg { width: 16px; height: 16px; }
.header-actions .auth button span { display: none; }
.header-actions .auth button::after { content: "Giriş"; }
.header-actions .auth button.primary::after { content: "Kayıt"; }
.member-dropdown, .header-actions .member-dropdown { max-width: 390px; z-index: 1000; position: fixed !important; top: 12px !important; right: 12px !important; width: calc(-24px + 100vw) !important; max-height: calc(100dvh - 24px) !important; overflow: auto !important; }
.inbox-dropdown { z-index: 1001; top: 12px !important; max-height: calc(100dvh - 24px) !important; }
.member-overview-rank .raster-badge, .own-profile-rank .raster-badge { max-width: 175px !important; }
.premium-card .raster-badge { max-width: 100% !important; }}
@media (max-width: 760px) {.member-dropdown a, .member-dropdown button { min-height: 40px; }}
@media (max-width: 760px) {#header-inbox .inbox-dropdown { display: flex; flex-direction: column; overflow: hidden; position: fixed !important; top: var(--inbox-mobile-top,110px) !important; left: auto !important; right: 12px !important; width: min(340px, -24px + 100vw) !important; max-height: var(--inbox-mobile-height,calc(100dvh - 130px)) !important; }
#header-inbox .inbox-dropdown h3, #header-inbox .inbox-dropdown footer { flex-shrink: 0; }
#header-inbox .inbox-body { min-height: 0px; overflow: auto; max-height: 370px; }
#header-inbox .inbox-dropdown footer { flex-wrap: wrap; row-gap: 10px; }}
.member-dropdown .staff-ribbon { width: 175px; margin-top: 10px; }
nav .nav-links [hidden], nav .ad-link[hidden], .premium-nav-link[hidden] { display: none !important; }
.own-profile-rank, .member-overview-rank, .member-dropdown-identity, .member-hover-ranks, .post-user .user-rank { --title-width: 200px; }
.own-profile-rank .staff-ribbon, .own-profile-rank .raster-badge:not(.achievement-dot), .member-overview-rank .staff-ribbon, .member-overview-rank .raster-badge:not(.achievement-dot), .member-dropdown-identity .staff-ribbon, .member-dropdown-identity .raster-badge:not(.achievement-dot), .member-hover-ranks .staff-ribbon, .member-hover-ranks .raster-badge:not(.achievement-dot), .post-user .user-rank .staff-ribbon, .post-user .user-rank .tayfa-ribbon.raster-badge, .post-user .user-rank .premium-ribbon.raster-badge { flex-shrink: 0; width: var(--title-width) !important; max-width: 100% !important; }
.own-profile-rank .staff-ribbon, .member-overview-rank .staff-ribbon, .member-dropdown-identity .staff-ribbon, .member-hover-ranks .staff-ribbon, .post-user .user-rank .staff-ribbon { height: auto; aspect-ratio: 5 / 1; }
.member-dropdown-identity { --title-width: 180px; }
.own-profile-rank .tayfa-ribbon.raster-badge, .own-profile-rank .premium-ribbon.raster-badge, .member-overview-rank .tayfa-ribbon.raster-badge, .member-overview-rank .premium-ribbon.raster-badge { object-fit: contain; height: 40px !important; }
.own-profile-rank .raster-badge > img, .member-overview-rank .raster-badge > img { max-height: 40px !important; object-fit: contain !important; }
@media (max-width: 760px) {header .header-actions { min-width: 0px; flex: 0 0 auto; gap: 4px !important; margin-left: auto !important; }
header .header-actions .auth { gap: 4px !important; }
header .header-actions .auth button { white-space: nowrap; padding: 7px !important; gap: 4px !important; font-size: 10px !important; min-height: 36px !important; }
header .header-actions .premium-nav-link { padding: 7px !important; min-height: 36px !important; }
header .header-actions .premium-nav-link svg { width: 16px; height: 16px; }
header .header-actions .auth svg { width: 14px !important; height: 14px !important; }}
@media (max-width: 360px) {header .header-actions .auth button { padding: 6px !important; }}
body:not(.member-signed-in) .premium-nav-link { display: none !important; }
@media (max-width: 760px) {header .header-actions { max-width: calc(100% - 120px); flex: 0 1 auto !important; margin-right: 0px !important; }
header .header-actions .auth { flex-shrink: 1; min-width: 0px; }
header .header-actions .auth button { padding: 8px !important; min-width: 0px !important; }}
@media (max-width: 760px) {body > header > .header-row > .header-actions { width: auto !important; max-width: none !important; min-width: 0px !important; justify-self: end !important; margin: 0px !important; gap: 4px !important; flex-shrink: 1 !important; }
body > header .header-actions .auth { gap: 5px !important; }
body > header .header-actions .auth > button { padding: 8px 9px !important; font-size: 11px !important; min-height: 36px !important; }}
@media (max-width: 360px) {body > header .header-actions .auth > button { padding: 7px !important; }}
.member-menu-close { display: none; }
@media (max-width: 760px) {body .header-actions .member-dropdown { position: fixed !important; top: max(10px,env(safe-area-inset-top)) !important; left: 12px !important; right: 12px !important; width: auto !important; max-width: 390px !important; margin: 0px auto !important; max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; overflow-y: auto !important; padding: 14px !important; box-sizing: border-box !important; border-radius: 14px !important; }
.member-dropdown > .member-menu-close { place-items: center; position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; padding: 7px; border-radius: 50%; background: rgb(243, 243, 243); color: rgb(115, 123, 129); z-index: 2; display: grid !important; min-height: 32px !important; }
.member-menu-close svg { width: 18px; height: 18px; }
.member-dropdown-label { padding-right: 32px; font-size: 9px !important; margin: 0px 0px 10px !important; }
.member-dropdown-identity { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0px 0px 12px !important; padding: 0px !important; }
.member-dropdown-identity > .nav-member-avatar.large { width: 48px !important; height: 48px !important; flex: 0 0 48px !important; }
.member-dropdown-identity > div { min-width: 0px; }
.member-dropdown-identity > div > a { font-size: 15px !important; min-height: 0px !important; display: block !important; margin: 0px 0px 5px !important; }
.member-dropdown-identity .tayfa-ribbon, .member-dropdown-identity .premium-ribbon, .member-dropdown-identity .staff-ribbon { display: block !important; width: 145px !important; max-width: 145px !important; height: 30px !important; margin: 2px 0px !important; }
.member-dropdown-identity .raster-badge img, .member-dropdown-identity .staff-ribbon img, .member-dropdown-identity .premium-ribbon img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
.member-dropdown-stats { margin: 0px 0px 10px !important; padding: 9px 0px !important; min-height: 0px !important; }
.member-dropdown-stats strong { font-size: 17px !important; }
.member-dropdown-stats span { font-size: 9px !important; }
.member-dropdown-links { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 2px 5px !important; padding: 0px !important; }
.member-dropdown-links > a { min-height: 35px !important; padding: 8px 6px !important; gap: 7px !important; font-size: 11px !important; line-height: 1.3 !important; }
.member-dropdown-links > a > svg { width: 15px !important; height: 15px !important; flex: 0 0 15px !important; }
.member-dropdown-footer { margin: 10px -14px -14px !important; padding: 12px 14px !important; font-size: 9px !important; }
.member-dropdown-footer a { min-height: 30px !important; font-size: 11px !important; }
.member-dropdown-footer a svg { width: 15px; height: 15px; }}
body .header-actions .member-dropdown .member-menu-close::after, body .header-actions .member-dropdown .member-menu-close::before { content: none !important; display: none !important; }
body .member-dropdown-identity .member-menu-titles { gap: 4px; --title-width: 180px; display: flex !important; flex-direction: column !important; align-items: flex-start !important; }
body .member-dropdown-identity .member-menu-titles > .staff-ribbon, body .member-dropdown-identity .member-menu-titles > .raster-badge { display: block !important; width: 180px !important; max-width: 100% !important; height: 36px !important; min-height: 36px !important; aspect-ratio: 5 / 1 !important; margin: 0px !important; padding: 0px !important; }
body .member-dropdown-identity .member-menu-titles > .raster-badge img { display: block; width: 100% !important; height: 100% !important; object-fit: contain !important; }
@media (max-width: 760px) {body .header-actions .member-dropdown { top: var(--member-panel-top,90px) !important; max-height: var(--member-panel-height,calc(100dvh - 110px)) !important; }}
body .post-user .user-rank > .staff-ribbon, body .post-user .user-rank > .tayfa-ribbon.raster-badge, body .post-user .user-rank > .premium-ribbon.raster-badge { display: block !important; width: 160px !important; max-width: 100% !important; height: 32px !important; min-height: 32px !important; aspect-ratio: 5 / 1 !important; margin: 0px !important; padding: 0px !important; box-sizing: border-box !important; flex: 0 0 32px !important; }
body .post-user .user-rank > .raster-badge > img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; margin: 0px !important; padding: 0px !important; }
@media (max-width: 760px) {body #thread-posts .post-user .user-rank > .staff-ribbon, body #thread-posts .post-user .user-rank > .raster-badge { width: 84px !important; min-width: 0px !important; max-width: 100% !important; height: 18px !important; min-height: 18px !important; flex: 0 0 18px !important; margin: 0px !important; }}
@media (max-width: 360px) {body #thread-posts .post-user .user-rank > .staff-ribbon, body #thread-posts .post-user .user-rank > .raster-badge { width: 70px !important; height: 15px !important; min-height: 15px !important; flex-basis: 15px !important; }}
@media (max-width: 760px) {body > header .header-actions > .premium-nav-link, body > header .header-actions .member-menu > summary { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 36px !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; aspect-ratio: 1 / 1 !important; padding: 5px !important; margin: 0px !important; align-self: center !important; border: 1px solid rgb(225, 220, 213) !important; border-radius: 6px !important; gap: 0px !important; }
body > header .header-actions .member-menu { flex: 0 0 36px !important; width: 36px !important; min-width: 36px !important; }
body > header .header-actions .member-menu > summary > .nav-member-avatar { width: 25px !important; height: 25px !important; min-width: 25px !important; flex: 0 0 25px !important; margin: 0px !important; }
body > header .header-actions > .premium-nav-link > svg { width: 21px !important; height: 21px !important; margin: 0px !important; }
body > header .header-actions .member-menu > summary > .nav-member-name, body > header .header-actions .member-menu > summary > .member-chevron { display: none !important; }}
.member-overview-identity h1.premium-nickname, .member-identity h1.premium-nickname { color: var(--premium) !important; }
body .member-dropdown-identity > div { flex: 1 1 0%; min-width: 0px; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
body .member-dropdown-identity > div > a { align-self: center !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
body .member-dropdown-identity .member-menu-titles { align-items: center !important; align-self: center !important; }
.member-menu-custom-title { display: block; font-size: 12px; line-height: 1.5; margin: 3px 0px 7px; color: rgb(130, 117, 104); text-align: center; }
body .member-dropdown-identity a.premium-nickname { color: var(--premium) !important; }
body .member-dropdown-identity { gap: 8px !important; }
body .member-dropdown-identity > .nav-member-avatar.large { width: 72px !important; height: 72px !important; flex: 0 0 72px !important; }
@media (max-width: 760px) {body .member-dropdown-identity > .nav-member-avatar.large { width: 60px !important; height: 60px !important; flex: 0 0 60px !important; }}
.voice-header .nav-member-avatar img,.voice-header .inbox-avatar img{width:100%;height:100%;object-fit:cover}

@media (max-width: 600px) {
  body .member-dropdown-identity > .nav-member-avatar.large {
    margin-inline-start: 16px;
    width: 72px !important;
    height: 72px !important;
    flex: 0 0 72px !important;
  }
}
