/* Public site chrome follows Ayarlar → Site rengi (data-accent). Default: red. */
html:not(.panel-boot) {
  --poh-nav: #111111;
  --poh-nav-text: #ffffff;
  --poh-nav-hover: #9a001c;
  --poh-btn: #9a001c;
  --poh-btn-hover: #7a0016;
  --poh-btn-text: #ffffff;
  --poh-surface: #ffffff;
  --poh-text: #202223;
  --poh-muted: #6d7175;
  --poh-border: #e1e3e5;
  --poh-shadow: 0 1px 0 rgba(26, 26, 26, 0.07);
  --poh-chat-bg: #2a0a12;
  --poh-online-bg: #111111;
  --poh-footer-bg: #0a0a0a;
  --poh-home-bg: #c3d8e1;
  --poh-home-news-bg: #c3d8e1;
  --poh-home-comments-bg: #0a275e;
  --poh-home-team-bg: #c5d6a0;
  --poh-home-chat-bg: #1a3040;
  --poh-home-content-bg: #dce6ec;
  --poh-home-online-bg: #003557;
  --poh-home-main-bg: #dce6ec;
  --poh-home-gap: 2px;
}

html:not(.panel-boot)[data-accent="green"] {
  --poh-nav: #a8d5c8;
  --poh-nav-text: #0c5132;
  --poh-nav-hover: #008060;
  --poh-btn: #008060;
  --poh-btn-hover: #006e52;
  --poh-btn-text: #ffffff;
  --poh-chat-bg: #c8e4dc;
  --poh-online-bg: #0c5132;
  --poh-footer-bg: #04251c;
}

html:not(.panel-boot) .meinNav,
html:not(.panel-boot) .meinNav .navbar-nav > li > a,
html:not(.panel-boot) .meinNav .navbar-nav > .active > a,
html:not(.panel-boot) .meinNav .navbar-nav > .open > a,
html:not(.panel-boot) .meinNav .navbar-toggle {
  background: var(--poh-nav) !important;
  color: var(--poh-nav-text) !important;
}

html:not(.panel-boot) .meinNav {
  color: var(--poh-nav-text) !important;
  text-transform: none !important;
}

html:not(.panel-boot) .meinNav .navbar-nav > li > a,
html:not(.panel-boot) .meinNav .navbar-nav > li > a .pohSiteNavLabel,
html:not(.panel-boot) .pohAccountName,
html:not(.panel-boot) .pohAccountTrigger,
html:not(.panel-boot) .pohAccountCaret {
  text-transform: none !important;
  color: var(--poh-nav-text) !important;
}

html:not(.panel-boot) .pohAccountTrigger:hover,
html:not(.panel-boot) .pohAccountTrigger:focus,
html:not(.panel-boot) .pohAccountMenu.is-open .pohAccountTrigger {
  color: var(--poh-nav-text) !important;
  background: rgba(255, 255, 255, 0.1);
  outline: none;
}

html:not(.panel-boot) .pohAccountName {
  color: var(--poh-nav-text) !important;
  -webkit-text-fill-color: var(--poh-nav-text);
  font-weight: 600;
}

html:not(.panel-boot) .meinNav .navbar-brand,
html:not(.panel-boot) .meinNav .navbar-brand:hover,
html:not(.panel-boot) .meinNav .navbar-brand:focus,
html:not(.panel-boot) .meinNav .navbar-brand:focus-visible,
html:not(.panel-boot) .meinNav .navbar-brand:active {
  color: var(--poh-nav-text) !important;
  background: transparent !important;
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  user-select: none;
}

html:not(.panel-boot) .meinNav .navbar-brand .menuLogo,
html:not(.panel-boot) .meinNav .navbar-brand .absMen {
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  z-index: 0;
}

html:not(.panel-boot) .meinNav .navbar-nav > li > a,
html:not(.panel-boot) .meinNav .navbar-nav > li > a:hover,
html:not(.panel-boot) .meinNav .navbar-nav > li > a:focus,
html:not(.panel-boot) .meinNav .navbar-nav > li > a:active,
html:not(.panel-boot) .meinNav .navbar-nav > .active > a,
html:not(.panel-boot) .meinNav .navbar-nav > .open > a,
html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown > a,
html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown > a:focus,
html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown > a:active,
html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown.open > a,
html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown:focus-within > a,
html:not(.panel-boot) .meinNav .dropdown-menu > li > a,
html:not(.panel-boot) .meinNav .dropdown-menu > li > a:focus,
html:not(.panel-boot) .meinNav .dropdown-menu > li > a:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  -webkit-tap-highlight-color: transparent;
}

html:not(.panel-boot) .meinNav .navbar-nav > li > a:hover,
html:not(.panel-boot) .meinNav .navbar-nav > li > a:hover .pohSiteNavLabel {
  color: var(--poh-nav-hover) !important;
  background: transparent !important;
}

html:not(.panel-boot) .meinNav .navbar-nav > li > a:focus,
html:not(.panel-boot) .meinNav .navbar-nav > li > a:focus-visible,
html:not(.panel-boot) .meinNav .navbar-nav > li > a:active,
html:not(.panel-boot) .meinNav .navbar-nav > .active > a,
html:not(.panel-boot) .meinNav .navbar-nav > .open > a,
html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown:focus-within > a {
  color: var(--poh-nav-text) !important;
  background: transparent !important;
}

html:not(.panel-boot) .meinNav .navbar-nav > li > a:hover,
html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown:hover > a {
  color: var(--poh-nav-hover) !important;
}

html:not(.panel-boot) .meinNav .navbar-nav > li > a.pohNavDiscord:hover,
html:not(.panel-boot) .meinNav .navbar-nav > li > a.pohNavDiscord:hover .pohSiteNavLabel,
html:not(.panel-boot) .meinNav .navbar-nav > li > a.pohNavDiscord:hover .pohDiscordIcon {
  color: #5865f2 !important;
  fill: #5865f2 !important;
}

html:not(.panel-boot) .meinNav .navbar-nav > li > a.pohNavDiscord:focus,
html:not(.panel-boot) .meinNav .navbar-nav > li > a.pohNavDiscord:active {
  color: var(--poh-nav-text) !important;
}

html:not(.panel-boot) .meinNav .navbar-nav > .dropdown > a .caret,
html:not(.panel-boot) .meinNav .navbar-nav > .dropdown > a:hover .caret,
html:not(.panel-boot) .meinNav .navbar-nav > .dropdown > a:focus .caret,
html:not(.panel-boot) .meinNav .navbar-nav > .open > a .caret {
  border-top-color: var(--poh-nav-text) !important;
  border-bottom-color: var(--poh-nav-text) !important;
}

/* Panel Inter font — navbar, footer, butonlar, başlıklar */
html:not(.panel-boot) .meinNav,
html:not(.panel-boot) .meinNav .navbar-nav > li > a,
html:not(.panel-boot) .meinNav .dropdown-menu > li > a,
html:not(.panel-boot) .meinNav .navbar-brand,
html:not(.panel-boot) footer,
html:not(.panel-boot) footer *,
html:not(.panel-boot) .btn,
html:not(.panel-boot) .modal-title,
html:not(.panel-boot) h1,
html:not(.panel-boot) h2,
html:not(.panel-boot) h3,
html:not(.panel-boot) h4,
html:not(.panel-boot) h5,
html:not(.panel-boot) h6,
html:not(.panel-boot) input,
html:not(.panel-boot) textarea,
html:not(.panel-boot) select,
html:not(.panel-boot) button,
html:not(.panel-boot) .pohAccountName,
html:not(.panel-boot) .pohAccountPopover,
html:not(.panel-boot) .pohSiteIntro,
html:not(.panel-boot) .pohBadgeShopSection,
html:not(.panel-boot) .pohBadgeShopCard {
  font-family: Inter, "Segoe UI", system-ui, sans-serif !important;
}

/* Sayfa başlığı h1/h2 olsa da eski h3 ölçüsünü koru */
html:not(.panel-boot) #sonEklenenH3 {
  font-size: 24px;
  line-height: 1.1;
  font-weight: 500;
}

html:not(.panel-boot) .meinNav .navbar-nav > li > a {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding-left: 12px !important;
  padding-right: 14px !important;
  margin: 0 2px;
  font-size: 14px !important;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
  position: relative;
  white-space: nowrap;
  text-transform: none !important;
  transition: color 0.12s ease !important;
}

html:not(.panel-boot) .meinNav .navbar-nav > li > a .pohSiteNavLabel {
  font-size: 14px !important;
  font-weight: 600;
  white-space: nowrap;
}

html:not(.panel-boot) .meinNav .dropdown-menu > li > a {
  display: flex !important;
  align-items: center;
  gap: 8px;
  padding: 9px 16px !important;
  font-size: 14px !important;
  font-weight: 550;
  line-height: 1.25;
}

html:not(.panel-boot) .meinNav .dropdown-menu > li > a .pohSiteNavLabel {
  font-size: 14px !important;
}

html:not(.panel-boot) .pohSiteNavIcon,
html:not(.panel-boot) .meinNav .navbar-nav > li > a > .pohHabboIcon,
html:not(.panel-boot) .meinNav .dropdown-menu > li > a > .pohHabboIcon,
html:not(.panel-boot) .meinNav .navbar-nav > li > a > .pohDiscordIcon {
  flex: 0 0 auto;
  width: 18px !important;
  height: 18px !important;
  position: static !important;
  display: block;
  image-rendering: pixelated;
  object-fit: contain;
  opacity: 1;
  color: currentColor;
  stroke: currentColor;
}

html:not(.panel-boot) .meinNav .navbar-nav > li > a > .pohDiscordIcon {
  fill: currentColor;
}

/* Eski sprite ikonları gizle (varsa) */
html:not(.panel-boot) .meinNav .menuNewNav {
  display: none !important;
}

html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown > a,
html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown > a:focus,
html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown > a:active,
html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown.open > a,
html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown:focus-within > a {
  background: transparent !important;
}

html:not(.panel-boot) .meinNav .navbar-nav > li.dropdown > .dropdown-menu,
html:not(.panel-boot) .meinNav .navbar-nav .open .dropdown-menu {
  background: var(--poh-nav) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

html:not(.panel-boot) .meinNav .navbar-nav .dropdown-menu > li > a,
html:not(.panel-boot) .meinNav .navbar-nav .open .dropdown-menu > li > a {
  background: transparent !important;
  color: var(--poh-nav-text) !important;
}

html:not(.panel-boot) .meinNav .navbar-nav .open .dropdown-menu > li > a:hover,
html:not(.panel-boot) .meinNav .navbar-nav .dropdown-menu > li > a:hover {
  background: transparent !important;
  color: var(--poh-nav-hover) !important;
}

html:not(.panel-boot) .meinNav .navbar-nav .open .dropdown-menu > li > a:focus,
html:not(.panel-boot) .meinNav .navbar-nav .dropdown-menu > li > a:focus {
  background: transparent !important;
  color: var(--poh-nav-text) !important;
}

/* Ana sayfa alan renkleri + bölüm boşluğu. Orijinal desenler korunur. */
html:not(.panel-boot) .pohSiteMain {
  background-color: var(--poh-home-main-bg) !important;
}

html:not(.panel-boot) .backGroundSohbetOdasi,
html:not(.panel-boot) .newsCarouselHolder {
  background-color: var(--poh-home-news-bg) !important;
}

html:not(.panel-boot) .newsCommendHolder {
  background-color: var(--poh-home-comments-bg) !important;
}

html:not(.panel-boot) .backGroundHighlight,
html:not(.panel-boot) .pohHomeEkipBadges {
  background-color: var(--poh-home-team-bg) !important;
}

html:not(.panel-boot) .sohbetContainer {
  background-color: var(--poh-home-chat-bg) !important;
}

html:not(.panel-boot) .backGroundNews {
  background-color: var(--poh-home-content-bg) !important;
}

html:not(.panel-boot) #userOnlineRefreshable {
  background-color: var(--poh-home-online-bg) !important;
}

/* Bölümler arası beyaz çizgi kalınlığı */
html:not(.panel-boot) .backGroundHighlight,
html:not(.panel-boot) .pohHomeEkipBadges {
  border-top-width: var(--poh-home-gap) !important;
  border-bottom-width: var(--poh-home-gap) !important;
  border-top-style: solid !important;
  border-bottom-style: solid !important;
  border-top-color: #fff !important;
  border-bottom-color: #fff !important;
}

html:not(.panel-boot) .backGroundNews,
html:not(.panel-boot) .newsCommendHolder,
html:not(.panel-boot) .sohbetContainer,
html:not(.panel-boot) #userOnlineRefreshable {
  border-top-width: var(--poh-home-gap) !important;
  border-top-style: solid !important;
  border-top-color: #fff !important;
}

html:not(.panel-boot) .backGroundFooter {
  padding-top: 32px !important;
  padding-bottom: 28px !important;
  margin-bottom: 0 !important;
}

/* Kısa sayfalar: footer viewport altında; orta alan büyür.
   Ana sayfada .pohSiteMain’e display:flex YOK — Bootstrap float/row bozulmasın.
   Arka plan .pohSiteMain’de; boşluk beyaz kalmaz. */
html:not(.panel-boot) {
  height: 100%;
}

html:not(.panel-boot) body {
  min-height: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
}

html:not(.panel-boot) .pohSiteShell {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  width: 100%;
}

html:not(.panel-boot) .pohSiteMain {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  background-image: url(/img/poh/bg/wallpaper-straypixels-001-1.png),
    url(/img/poh/bg/wallpaper-straypixels-005.png), url(/img/poh/bg/slide-bg.png);
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: top left, bottom right, top center;
}

/* Yalnızca tek bölümlü / auth sayfalarında içeriği dikey doldur */
html:not(.panel-boot) .pohSiteMain:has(> .backGroundNews:only-child),
html:not(.panel-boot) .pohSiteMain:has(> .pohAuthPage) {
  display: flex;
  flex-direction: column;
}

html:not(.panel-boot) .pohSiteMain > .backGroundNews:only-child,
html:not(.panel-boot) .pohSiteMain > .pohAuthPage {
  flex: 1 1 auto;
  width: 100%;
}

html:not(.panel-boot) .pohSiteFooter {
  flex-shrink: 0;
  margin-top: 0;
}

html:not(.panel-boot) .backGroundFooter,
html:not(.panel-boot) #footerFarbe {
  background-color: var(--poh-footer-bg) !important;
}

html:not(.panel-boot) .modal-footer {
  border-top-color: var(--poh-btn) !important;
}

html:not(.panel-boot) .btn-danger,
html:not(.panel-boot) .btn-danger:focus,
html:not(.panel-boot) .btn-danger:active,
html:not(.panel-boot) .btn-danger.active {
  background-color: var(--poh-btn) !important;
  border-color: var(--poh-btn) !important;
  color: var(--poh-btn-text) !important;
}

html:not(.panel-boot) .btn-danger:hover {
  background-color: var(--poh-btn-hover) !important;
  border-color: var(--poh-btn-hover) !important;
  color: var(--poh-btn-text) !important;
}

html:not(.panel-boot) .pohSiteIntro,
html:not(.panel-boot) .pohSiteEmpty,
html:not(.panel-boot) .pohSiteMeta {
  color: var(--poh-muted);
}

html:not(.panel-boot) .pohScrollTop {
  background: var(--poh-btn) !important;
  color: #fff !important;
}

html:not(.panel-boot) .pohScrollTop:hover,
html:not(.panel-boot) .pohScrollTop:focus {
  background: var(--poh-btn-hover) !important;
  color: #fff !important;
}

html:not(.panel-boot)[data-accent="red"] .backGroundFooter,
html:not(.panel-boot)[data-accent="red"] #footerFarbe {
  border-top: 3px solid #9a001c;
}

html:not(.panel-boot) .loginNav {
  display: none !important;
}

/* Chat lines live inside #raum: centered, bottom-pinned, internal scroll. */
html:not(.panel-boot) .sohbetContainer {
  overflow: hidden;
}

html:not(.panel-boot) .sohbetContainer .sohbetOdasiBg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto !important;
  min-height: 100%;
  background-size: cover;
  background-position: center bottom;
}

html:not(.panel-boot) .sohbetContainer #raum.raum {
  position: relative;
  overflow: hidden;
  height: 300px;
  max-height: 300px;
}

html:not(.panel-boot) .sohbetContainer #raum #messages,
html:not(.panel-boot) .pohRaumChat {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 6px;
  bottom: 6px;
  z-index: 40;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  pointer-events: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  scrollbar-width: thin;
  scrollbar-color: var(--poh-scroll-thumb, #008060) #000000;
}

/* Spacer: keep the message stack pinned to the bottom while overflow still scrolls. */
html:not(.panel-boot) .pohRaumChat::before {
  content: "";
  flex: 1 1 0;
  min-height: 0;
}

/* Classic Habbo bubble row: left | center | right (floats break inside flex). */
html:not(.panel-boot) .pohRaumChat .nachr {
  max-height: none !important;
  height: auto !important;
  margin: 1px auto !important;
  display: block;
  flex-shrink: 0;
  text-align: center;
  list-style: none;
  width: auto;
  max-width: 100%;
}

html:not(.panel-boot) .pohRaumChat .nachr > div {
  display: inline-flex;
  align-items: stretch;
  max-width: 100%;
  text-align: left;
}

html:not(.panel-boot) .pohRaumChat .nachr .sprite_blase {
  float: none !important;
  position: relative;
  flex: 0 0 auto;
}

html:not(.panel-boot) .pohRaumChat .nachr [class*="blase_center"] {
  flex: 0 1 auto;
  width: auto !important;
  max-width: min(680px, calc(100vw - 72px));
  overflow: hidden;
}

html:not(.panel-boot) .pohRaumChat .nachr .blasecenter_txt {
  height: auto !important;
  max-width: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  padding-top: 0 !important;
}

html:not(.panel-boot) .pohRaumChat br {
  display: none;
}

html:not(.panel-boot) .pohBubbleUser {
  color: inherit;
  text-decoration: none !important;
}

html:not(.panel-boot) .pohBubbleUser b {
  font-weight: 700;
}

html:not(.panel-boot) .pohRaumChat .msgP {
  color: #333;
  padding-right: 4px;
}

html:not(.panel-boot) .pohRaumChatEmpty {
  color: #fff;
  text-shadow: 0 1px 2px #000;
  font-size: 12px;
  margin-top: auto;
  align-self: center;
}

html:not(.panel-boot) .pohRaumAvatars {
  position: relative;
  z-index: 20;
  height: 100%;
}

@media (max-width: 767px) {
  /* Tower hidden on mobile — remove leftover bottom gap under chat. */
  html:not(.panel-boot) .sohbetContainer {
    padding-bottom: 0 !important;
    margin-bottom: 12px;
  }

  html:not(.panel-boot) .sohbetContainer .browserWolke {
    min-height: 0 !important;
    height: 100%;
    top: 0;
    bottom: 0;
  }

  html:not(.panel-boot) .sohbetContainer .backgroundSohbetTile {
    min-height: 300px;
    max-height: none;
    height: 100%;
  }

  html:not(.panel-boot) .sohbetContainer .browser {
    min-height: 300px;
  }

  html:not(.panel-boot) .sohbetContainer #raum.raum {
    height: 300px;
    max-height: 300px;
  }

  html:not(.panel-boot) .sohbetContainer .sohbetOdasiBg {
    background-size: cover;
    background-position: center center;
  }

  html:not(.panel-boot) .pohRaumChat .nachr [class*="blase_center"] {
    max-width: min(680px, calc(100vw - 56px));
  }
}

.pohBadgeShopSection {
  margin-bottom: 28px;
}

.pohBadgeShopSection h4 {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 650;
  color: var(--poh-text, #202223);
}

.pohBadgeShopGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 900px) {
  .pohBadgeShopGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 560px) {
  .pohBadgeShopGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}

.pohBadgePriceSlider {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pohBadgeShopCard {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--poh-surface, #fff);
  border: 1px solid var(--poh-border, #e1e3e5);
  border-radius: 12px;
  box-shadow: var(--poh-shadow, 0 1px 0 rgba(26, 26, 26, 0.07));
  scroll-margin-top: 96px;
}

.pohBadgeShopCard:target {
  outline: 2px solid var(--poh-btn, #9a001c);
  outline-offset: 2px;
}

.pohBadgeShopGroup {
  width: 40px;
  height: 40px;
  image-rendering: pixelated;
  flex: 0 0 auto;
}

.pohBadgeShopBody {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.pohBadgeShopKind {
  font-size: 11px;
  font-weight: 600;
  color: var(--poh-muted, #6d7175);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pohBadgeShopCard strong {
  font-size: 14px;
  color: var(--poh-text, #202223);
}

.pohBadgeShopPrice {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 650;
  color: var(--poh-text, #202223);
}

.pohCreditIcon {
  display: inline-block;
  vertical-align: middle;
  image-rendering: pixelated;
}

/* Header / footer / sayfa içeriği — aynı merkez hizası */
html:not(.panel-boot) {
  --poh-chrome-max: 1200px;
  --poh-footer-max: 1480px;
}

html:not(.panel-boot) .pohChromeContainer,
html:not(.panel-boot) .backGroundNews > .container,
html:not(.panel-boot) .backGroundHighlight > .container,
html:not(.panel-boot) .container-fluid > .container {
  max-width: var(--poh-chrome-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Ekibimiz + Rozetlerimiz — tek backGroundHighlight, aynı içerik genişliği */
html:not(.panel-boot) .pohHomeEkipBadges > .ekibimizSection > .container {
  max-width: var(--poh-chrome-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

html:not(.panel-boot) .pohHomeEkipBadges .ekibimizSection {
  padding-bottom: 0;
}

/* Header genişliği = footer (1480px) */
html:not(.panel-boot) #menuNavigator .container,
html:not(.panel-boot) .pohSiteFooter .container,
html:not(.panel-boot) .backGroundFooter > .container {
  max-width: var(--poh-footer-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}

html:not(.panel-boot) #menuNavigator .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
}

@media (min-width: 992px) {
  html:not(.panel-boot) #menuNavigator .container {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: nowrap !important;
    max-width: var(--poh-footer-max) !important;
  }

  html:not(.panel-boot) #menuNavigator .navbar-header {
    float: none !important;
    flex: 0 0 auto;
    margin: 0;
  }

  html:not(.panel-boot) #menuNavigator .navbar-collapse {
    float: none !important;
    display: flex !important;
    flex: 0 0 auto;
    min-width: 0;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: flex-start;
  }

  html:not(.panel-boot) #menuNavigator .navbar-collapse .text-right {
    width: auto;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    text-align: left !important;
  }

  html:not(.panel-boot) #menuNavigator .navbar-nav {
    display: flex !important;
    float: none !important;
    margin: 0 !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
  }

  html:not(.panel-boot) #menuNavigator .navbar-nav > li {
    float: none !important;
    flex: 0 0 auto;
    margin: 0 !important;
  }
}

html:not(.panel-boot) .pohFooterTop {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  text-align: left;
}

html:not(.panel-boot) .pohFooterBrand {
  flex: 0 0 auto;
}

html:not(.panel-boot) .pohFooterBrandLink {
  display: inline-block;
  line-height: 0;
}

html:not(.panel-boot) .pohFooterTextCol {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

html:not(.panel-boot) .pohFooterAbout {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.95);
}

html:not(.panel-boot) .pohFooterAbout strong {
  color: #fff;
}

html:not(.panel-boot) .pohFooterDisclaimer {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
}

html:not(.panel-boot) .pohFooterNav {
  width: 100%;
}

html:not(.panel-boot) .pohFooterCopy {
  text-align: center;
}

html:not(.panel-boot) .rowMaxWidth {
  max-width: var(--poh-chrome-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px;
  padding-right: 20px;
}

/* Satılık rozet — hover’da ad + fiyat + ışık çizgisi */
.pohSaleBadgeGrid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 6px;
}

.pohSaleBadge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  vertical-align: top;
  text-decoration: none !important;
  width: 64px;
  padding-bottom: 26px;
  cursor: pointer;
  pointer-events: auto;
  z-index: 2;
}

/* Rozetlerimiz (backGroundHighlight) — küçük rozet, isim hover’da */
html:not(.panel-boot) .pohHomeBadges .pohSaleBadge,
html:not(.panel-boot) .pohHomeBadges .pohSaleBadge .letzteBadgeAbdullah {
  cursor: pointer !important;
  pointer-events: auto !important;
}

html:not(.panel-boot) .pohHomeBadges .pohSaleBadgeGrid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 6px;
}

html:not(.panel-boot) .pohHomeBadges .pohSaleBadge {
  position: relative;
  z-index: 5;
  width: 44px;
  max-width: 44px;
  padding-bottom: 0;
}

html:not(.panel-boot) .pohHomeBadges {
  padding-top: 8px;
  padding-bottom: 36px;
}

html:not(.panel-boot) .pohHomeBadges .pohSaleBadge .letzteBadgeAbdullah {
  width: 36px !important;
  height: 36px !important;
  margin: 0 auto !important;
  border-width: 2px !important;
}

html:not(.panel-boot) .pohHomeBadges .pohSaleBadgeTip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 6px);
  top: auto;
  transform: translateX(-50%);
  opacity: 0;
  min-width: 110px;
  max-width: 200px;
  width: max-content;
  margin: 0;
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(32, 34, 35, 0.94);
  color: #fff;
  pointer-events: none;
  z-index: 20;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}

html:not(.panel-boot) .pohHomeBadges .pohSaleBadge:hover .pohSaleBadgeTip,
html:not(.panel-boot) .pohHomeBadges .pohSaleBadge:focus .pohSaleBadgeTip,
html:not(.panel-boot) .pohHomeBadges .pohSaleBadge:focus-within .pohSaleBadgeTip {
  opacity: 1;
}

html:not(.panel-boot) .pohHomeBadges .pohSaleBadgeTip strong {
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  -webkit-line-clamp: unset;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.3;
  color: #fff;
  word-break: break-word;
}

html:not(.panel-boot) .pohHomeBadges .pohSaleBadgeTip em {
  display: block;
  font-size: 10px;
  color: #ffffff;
  margin-top: 3px;
}

html:not(.panel-boot)[data-accent="green"] .pohHomeBadges .pohSaleBadgeTip em {
  color: #b7ebc8;
}

.pohSaleBadge .letzteBadgeAbdullah {
  position: relative;
  overflow: hidden;
  width: 48px;
  height: 48px;
  margin: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.pohSaleBadge .letzteBadgeAbdullah::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -40%;
  width: 28%;
  height: 140%;
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(255, 255, 255, 0) 35%,
    rgba(255, 255, 255, 0.75) 50%,
    rgba(255, 255, 255, 0) 65%,
    transparent 100%
  );
  transform: skewX(-18deg) translateX(-120%);
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.pohSaleBadge:hover .letzteBadgeAbdullah::after,
.pohSaleBadge:focus .letzteBadgeAbdullah::after {
  opacity: 1;
  animation: pohBadgeShine 1.15s ease-in-out infinite alternate;
}

@keyframes pohBadgeShine {
  0% {
    transform: skewX(-18deg) translateX(-130%);
  }
  100% {
    transform: skewX(-18deg) translateX(380%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pohSaleBadge:hover .letzteBadgeAbdullah::after,
  .pohSaleBadge:focus .letzteBadgeAbdullah::after {
    animation: none;
    opacity: 0;
  }
}

.pohSaleBadgeTip {
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  min-width: 72px;
  max-width: 120px;
  padding: 4px 6px;
  border-radius: 0 0 6px 6px;
  background: rgba(32, 34, 35, 0.92);
  color: #fff;
  text-align: center;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
  z-index: 12;
}

.pohSaleBadgeTip strong {
  display: block;
  font-size: 10px;
  font-weight: 650;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pohSaleBadgeTip em {
  display: block;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  color: #b7ebc8;
  margin-top: 1px;
}

.pohSaleBadge:hover .pohSaleBadgeTip,
.pohSaleBadge:focus .pohSaleBadgeTip {
  opacity: 1;
}

html:not(.panel-boot)[data-accent="red"] .pohSaleBadgeTip em {
  color: #ffffff;
}

/* Footer sayfa linkleri — tam genişlik, sığdığı kadar */
.pohFooterNav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 8px 20px;
  width: 100%;
  max-width: none;
  margin: 28px 0 22px;
  padding: 0;
}

.pohFooterLink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 4px 0;
  background: none;
  border-radius: 0;
  color: rgba(255, 255, 255, 0.88) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  transition: color 0.15s ease, opacity 0.15s ease;
}

.pohFooterLink:hover,
.pohFooterLink:focus {
  background: none;
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.pohFooterLink .pohHabboIcon {
  flex: 0 0 auto;
  width: 18px !important;
  height: 18px !important;
  image-rendering: pixelated;
  opacity: 0.9;
}

.pohFooterCopy {
  text-align: center;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  margin-top: 8px;
}

.pohFooterCopy b {
  color: #fff;
  font-weight: 650;
}

.pohFooterDev {
  color: inherit !important;
  text-decoration: none !important;
}

.pohFooterDev:hover,
.pohFooterDev:focus {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.pohFooterDev b {
  font-weight: 650;
}

html:not(.panel-boot)[data-accent="red"] .pohFooterLink {
  background: none;
}

html:not(.panel-boot)[data-accent="red"] .pohFooterLink:hover,
html:not(.panel-boot)[data-accent="red"] .pohFooterLink:focus {
  background: none;
  color: #fff !important;
}

/* Habbo kredi yağışı — haber bandının sol/sağ kenarı (Bootstrap row dışında) */
.pohHomeNewsBand {
  position: relative;
  overflow-x: clip;
}

.pohHomeNewsBand > .newsCarouselHolder,
.pohHomeNewsBand > .pohHomeNewsRow {
  position: relative;
  z-index: 1;
}

/* Sol mozaik + sağ kısa haber: sütunlar birbirinden bağımsız (float boşluğu yok) */
html:not(.panel-boot) .pohHomeNewsRow {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

html:not(.panel-boot) .pohHomeNewsRow > [class*="col-"] {
  float: none;
}

html:not(.panel-boot) .pohHomeNewsRow > .col-md-9 {
  flex: 1 1 0;
  width: auto;
  max-width: 75%;
  min-width: 0;
}

html:not(.panel-boot) .pohHomeNewsRow > .panelShortnewsHolderColumn {
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
  margin-left: 0;
}

html:not(.panel-boot) .pohHomeMosaic {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
  width: 100%;
  margin: 0;
  padding: 0;
}

html:not(.panel-boot) .pohHomeMosaicItem {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
}

html:not(.panel-boot) .pohHomeMosaicItem.is-wide {
  grid-column: span 2;
}

html:not(.panel-boot) .pohHomeMosaicItem .new_haberboxbackground {
  width: 100%;
  max-width: none;
}

/* Mosaic: mobile 3 / desktop 9, then “Devamını gör” */
html:not(.panel-boot) .pohHomeMosaicMore {
  display: none;
  grid-column: 1 / -1;
  width: 100%;
  text-align: center;
  padding: 4px 0 6px;
}

html:not(.panel-boot) .pohHomeMosaicMoreBtn {
  display: inline-block;
  min-width: 160px;
  padding: 8px 18px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  color: #222;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

html:not(.panel-boot) .pohHomeMosaicMoreBtn:hover {
  background: #fff;
}

@media (max-width: 991px) {
  html:not(.panel-boot) .pohHomeNewsRow > .col-md-9,
  html:not(.panel-boot) .pohHomeNewsRow > .panelShortnewsHolderColumn {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  html:not(.panel-boot) .pohHomeMosaic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html:not(.panel-boot) .pohHomeMosaicItem.is-wide {
    grid-column: span 2;
  }

  html:not(.panel-boot) .pohHomeMosaic:not(.is-expanded) > .pohHomeMosaicItem:nth-child(n + 4) {
    display: none !important;
  }

  html:not(.panel-boot) .pohHomeMosaic:not(.is-expanded).has-more-mobile > .pohHomeMosaicMore {
    display: block;
  }
}

@media (max-width: 575px) {
  html:not(.panel-boot) .pohHomeMosaic {
    grid-template-columns: 1fr;
  }

  html:not(.panel-boot) .pohHomeMosaicItem.is-wide {
    grid-column: auto;
  }
}

@media (min-width: 992px) {
  html:not(.panel-boot) .pohHomeMosaic:not(.is-expanded) > .pohHomeMosaicItem:nth-child(n + 10) {
    display: none !important;
  }

  html:not(.panel-boot) .pohHomeMosaic:not(.is-expanded).has-more-desktop > .pohHomeMosaicMore {
    display: block;
  }
}

.pohCoinRain {
  position: absolute;
  top: 0;
  bottom: 0;
  width: min(140px, 12vw);
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.pohCoinRain--left {
  left: 0;
}

.pohCoinRain--right {
  right: 0;
}

.pohCoinRainCoin {
  position: absolute;
  top: -48px;
  left: var(--coin-x, 20%);
  width: var(--coin-size, 22px);
  height: var(--coin-size, 22px);
  display: block;
  animation: pohCoinFall var(--coin-dur, 6.5s) linear var(--coin-delay, 0s) infinite;
  will-change: transform;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.28));
}

.pohCoinRainCoin img {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

/* Mozaik kartlar: grid kendi boşluklarını yönetir */
.pohHomeNewsBand #newsBox.col-md-8,
.pohHomeNewsBand #newsBox.col-md-4,
.pohHomeNewsBand #newsBox[class*="col-"] {
  margin-left: 0;
  margin-right: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}

.pohHomeNewsBand .pohHomeMosaicItem#newsBox {
  margin: 0 !important;
}

@keyframes pohCoinFall {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg) scale(0.85);
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  50% {
    transform: translate3d(calc(var(--coin-spin, 1) * 10px), 52vh, 0) rotate(calc(var(--coin-spin, 1) * 180deg))
      scale(1);
    opacity: 0.95;
  }
  92% {
    opacity: 0.85;
  }
  100% {
    transform: translate3d(calc(var(--coin-spin, 1) * -6px), 108vh, 0) rotate(calc(var(--coin-spin, 1) * 360deg))
      scale(0.9);
    opacity: 0;
  }
}

@media (max-width: 991px) {
  .pohCoinRain {
    width: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pohCoinRain {
    display: none;
  }
}

/* ��� Shopify tarz� public formlar ��� */
html:not(.panel-boot) .pohAuthPage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 16px;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
}

html:not(.panel-boot) .pohAuthWrap {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}

html:not(.panel-boot) .pohAuthCard {
  background: #fff;
  border: 1px solid #e1e3e5;
  border-radius: 12px;
  box-shadow: 0 1px 0 rgba(26, 26, 26, 0.07);
  padding: 28px 24px 24px;
}

html:not(.panel-boot) .pohAuthTitle {
  margin: 0 0 20px;
  padding: 0;
  font-size: 22px;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: #202223;
  text-align: center;
  text-transform: none;
  background: none;
  text-shadow: none;
}

html:not(.panel-boot) .pohAuthBody {
  width: 100%;
}

html:not(.panel-boot) .pohForm {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

html:not(.panel-boot) .pohFormField {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  margin: 0;
}

html:not(.panel-boot) .pohFormField label,
html:not(.panel-boot) .inner-form.registerSplit > label {
  display: block;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #202223;
  text-align: left;
}

html:not(.panel-boot) .pohFormInput,
html:not(.panel-boot) .pohForm .form-control,
html:not(.panel-boot) .inner-form.registerSplit input.form-control,
html:not(.panel-boot) .inner-form.registerSplit textarea.form-control,
html:not(.panel-boot) .inner-form.registerSplit select.form-control,
html:not(.panel-boot) .pohSitePanel .form-control,
html:not(.panel-boot) .pohSitePanel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
html:not(.panel-boot) .pohSitePanel textarea,
html:not(.panel-boot) .pohSitePanel select,
html:not(.panel-boot) .backGroundNews .panel-body input.form-control,
html:not(.panel-boot) .backGroundNews .panel-body textarea.form-control,
html:not(.panel-boot) .backGroundNews .panel-body select.form-control {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #c9cccf !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #202223 !important;
  -webkit-text-fill-color: #202223 !important;
  caret-color: #202223;
  font-family: Inter, "Segoe UI", system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 450;
  line-height: 1.4;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

html:not(.panel-boot) .pohFormInput::placeholder,
html:not(.panel-boot) .inner-form.registerSplit .form-control::placeholder {
  color: #8c9196;
  opacity: 1;
}

html:not(.panel-boot) .pohFormInput:hover,
html:not(.panel-boot) .inner-form.registerSplit .form-control:hover,
html:not(.panel-boot) .pohSitePanel .form-control:hover {
  border-color: #8c9196 !important;
}

html:not(.panel-boot) .pohFormInput:focus,
html:not(.panel-boot) .inner-form.registerSplit .form-control:focus,
html:not(.panel-boot) .pohSitePanel .form-control:focus,
html:not(.panel-boot) .backGroundNews .panel-body .form-control:focus {
  outline: none !important;
  border-color: var(--poh-btn, #008060) !important;
  box-shadow: 0 0 0 1px var(--poh-btn, #008060) !important;
}

html:not(.panel-boot) textarea.pohFormInput {
  min-height: 96px;
  resize: vertical;
}

html:not(.panel-boot) .pohPasswordField {
  position: relative;
  width: 100%;
}

html:not(.panel-boot) .pohPasswordField .pohFormInput {
  padding-right: 88px !important;
}

html:not(.panel-boot) .pohPasswordToggle {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 6px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #6d7175;
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}

html:not(.panel-boot) .pohPasswordToggle:hover,
html:not(.panel-boot) .pohPasswordToggle:focus {
  color: #202223;
  background: #f1f2f3;
  outline: none;
}

html:not(.panel-boot) .pohPasswordToggle .glyphicon {
  font-size: 13px;
  top: 0;
}

html:not(.panel-boot) .pohLoginBarPassword {
  position: relative;
}

html:not(.panel-boot) .pohLoginBarPassword .inputLog {
  padding-right: 76px !important;
}

html:not(.panel-boot) .pohLoginBarPassword .pohPasswordToggle {
  right: 2px;
  padding: 4px 8px;
  color: #555;
  z-index: 3;
}

html:not(.panel-boot) .pohFormBtn,
html:not(.panel-boot) .pohForm .btn-danger,
html:not(.panel-boot) .inner-form.registerSplit .btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 4px 0 0;
  padding: 11px 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--poh-btn, #008060) !important;
  border-color: var(--poh-btn, #008060) !important;
  color: var(--poh-btn-text, #fff) !important;
  font-family: Inter, "Segoe UI", system-ui, sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease;
}

html:not(.panel-boot) .pohFormBtn:hover:not(:disabled),
html:not(.panel-boot) .pohForm .btn-danger:hover:not(:disabled),
html:not(.panel-boot) .inner-form.registerSplit .btn-danger:hover:not(:disabled) {
  background: var(--poh-btn-hover, #006e52) !important;
  border-color: var(--poh-btn-hover, #006e52) !important;
  color: #fff !important;
}

html:not(.panel-boot) .pohFormBtn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

html:not(.panel-boot) .pohFormBtn.ghost {
  background: #fff !important;
  border-color: #c9cccf !important;
  color: #202223 !important;
}

html:not(.panel-boot) .pohFormBtn.ghost:hover {
  background: #f6f6f7 !important;
  border-color: #8c9196 !important;
  color: #202223 !important;
}

html:not(.panel-boot) .pohFormActions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

html:not(.panel-boot) .pohFormLinks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 4px 0 0;
  padding-top: 4px;
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
}

html:not(.panel-boot) .pohFormLinks a {
  color: var(--poh-btn, #008060) !important;
  font-weight: 550;
  text-decoration: none !important;
}

html:not(.panel-boot) .pohFormLinks a:hover,
html:not(.panel-boot) .pohFormLinks a:focus {
  color: var(--poh-btn-hover, #006e52) !important;
  text-decoration: underline !important;
}

html:not(.panel-boot) .pohFormLinksSep {
  color: #8c9196;
  user-select: none;
}

html:not(.panel-boot) .pohFormHint {
  margin: 0 0 2px;
  font-size: 13px;
  line-height: 1.5;
  color: #6d7175;
  text-align: left;
}

html:not(.panel-boot) .pohFormHint strong {
  color: #202223;
  font-weight: 650;
}

html:not(.panel-boot) .pohFormError {
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fbeae5;
  border: 1px solid #e0b3a8;
  color: #8e1f0b !important;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
}

html:not(.panel-boot) .pohFormOk {
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #eaf4f0;
  border: 1px solid #aee0cb;
  color: #0c5132;
  font-size: 13px;
  line-height: 1.4;
}

html:not(.panel-boot) .pohFormCode {
  margin: 0;
  text-align: center;
}

html:not(.panel-boot) .pohFormCode code {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 8px;
  background: #f6f6f7;
  border: 1px solid #e1e3e5;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: 0.04em;
  color: #202223;
}

html:not(.panel-boot) .pohFormList {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  line-height: 1.55;
  color: #6d7175;
  text-align: left;
}

html:not(.panel-boot) .pohFormList strong {
  color: #202223;
}

html:not(.panel-boot) .pohFormList code {
  font-size: 12px;
  padding: 1px 5px;
  border-radius: 4px;
  background: #f6f6f7;
}

/* Eski bootstrap panel formlar� da ayn� dil */
html:not(.panel-boot) .inner-form.registerSplit {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 420px;
}

html:not(.panel-boot) .inner-form.registerSplit > label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

html:not(.panel-boot) .inner-form.registerSplit > p {
  margin: 0;
  text-align: center;
  font-size: 13px;
}

html:not(.panel-boot) .inner-form.registerSplit > p a {
  color: var(--poh-btn, #008060) !important;
  font-weight: 550;
}

/* Panel toast — public sayfalar (giriş / kayıt / şifre) */
html:not(.panel-boot) .pohToastHost {
  position: fixed;
  top: 72px;
  right: 20px;
  z-index: 5000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: min(380px, calc(100vw - 28px));
  pointer-events: none;
}

html:not(.panel-boot) .pohToast {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #e1e3e5;
  background: #ffffff;
  color: #202223;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  animation: pohToastIn 0.22s ease-out;
}

html:not(.panel-boot) .pohToastIcon {
  display: inline-flex;
  flex-shrink: 0;
  margin-top: 1px;
}

html:not(.panel-boot) .pohToastBody {
  flex: 1;
  min-width: 0;
}

html:not(.panel-boot) .pohToastBody strong {
  display: block;
  font-size: 13px;
  font-weight: 650;
  margin-bottom: 2px;
}

html:not(.panel-boot) .pohToastBody p {
  margin: 0;
  font-size: 13px;
  color: #6d7175;
  line-height: 1.4;
  word-break: break-word;
}

html:not(.panel-boot) .pohToastClose {
  border: 0;
  background: transparent;
  color: inherit;
  opacity: 0.7;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  padding: 0 2px;
  flex-shrink: 0;
}

html:not(.panel-boot) .pohToastClose:hover {
  opacity: 1;
}

html:not(.panel-boot) .pohToast.tone-success {
  border-color: rgba(12, 81, 50, 0.4);
}

html:not(.panel-boot) .pohToast.tone-success .pohToastIcon {
  color: #0c5132;
}

html:not(.panel-boot) .pohToast.tone-critical {
  border-color: rgba(215, 44, 13, 0.4);
}

html:not(.panel-boot) .pohToast.tone-critical .pohToastIcon {
  color: #d72c0d;
}

html:not(.panel-boot) .pohToast.tone-warning .pohToastIcon {
  color: #b98900;
}

html:not(.panel-boot) .pohToast.tone-info .pohToastIcon {
  color: #1e3a8a;
}

html:not(.panel-boot)[data-accent="red"] .pohToast.tone-success {
  border-color: rgba(154, 0, 28, 0.4);
}

html:not(.panel-boot)[data-accent="red"] .pohToast.tone-success .pohToastIcon {
  color: #9a001c;
}

@keyframes pohToastIn {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 767px) {
  html:not(.panel-boot) .pohToastHost {
    top: auto;
    bottom: 72px;
    right: 12px;
    left: 12px;
    width: auto;
  }
}

/* Shopify confirm dialog — public (panel CSS yokken) */
html:not(.panel-boot) {
  --poh-border-strong: #c9cccf;
  --poh-hover: #f6f6f7;
  --poh-danger: #d72c0d;
}

html:not(.panel-boot) .pohDialogScrim {
  position: fixed;
  inset: 0;
  z-index: 4200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  background: rgba(0, 0, 0, 0);
  transition: background 0.2s ease;
  pointer-events: auto;
}

html:not(.panel-boot) .pohDialogScrim.is-open {
  background: rgba(0, 0, 0, 0.52);
}

html:not(.panel-boot) .pohCenterDialog {
  width: min(100%, 420px);
  max-height: min(80vh, 560px);
  margin: 0;
  padding: 0;
  background: var(--poh-surface);
  color: var(--poh-text);
  border: 1px solid var(--poh-border);
  border-radius: 16px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.04),
    0 20px 50px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: translateY(10px) scale(0.96);
  opacity: 0;
  transition:
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.2s ease;
}

html:not(.panel-boot) .pohCenterDialog.is-open {
  transform: translateY(0) scale(1);
  opacity: 1;
}

html:not(.panel-boot) .pohCenterDialogHead {
  padding: 20px 20px 0;
}

html:not(.panel-boot) .pohCenterDialogHead h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.3;
}

html:not(.panel-boot) .pohCenterDialogBody {
  padding: 12px 20px 4px;
}

html:not(.panel-boot) .pohCenterDialogBody > .pohMuted {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--poh-muted);
}

html:not(.panel-boot) .pohCenterDialogActions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--poh-border);
  background: var(--poh-surface);
}

html:not(.panel-boot) .pohBtn {
  border: 0;
  border-radius: 8px;
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
  background: var(--poh-btn);
  color: var(--poh-btn-text);
  line-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
}

html:not(.panel-boot) .pohBtn.sm {
  min-height: 32px;
  padding: 5px 12px;
  font-size: 12.5px;
  font-weight: 600;
  border-radius: 7px;
}

html:not(.panel-boot) .pohBtn.ghost {
  background: var(--poh-surface);
  border: 1px solid var(--poh-border-strong);
  color: var(--poh-text);
}

html:not(.panel-boot) .pohBtn.ghost:hover:not(:disabled) {
  background: var(--poh-hover);
}

html:not(.panel-boot) .pohBtn.danger {
  background: var(--poh-danger);
  border: 1px solid color-mix(in srgb, var(--poh-danger) 70%, #000);
  color: #fff;
}

html:not(.panel-boot) .pohBtn.danger:hover:not(:disabled) {
  background: color-mix(in srgb, var(--poh-danger) 82%, #000);
  color: #fff;
}

html:not(.panel-boot) .pohMuted {
  color: var(--poh-muted);
  font-size: 13px;
}

/* ——— Shopify tarzı mobil drawer + sayfa responsive ——— */
html:not(.panel-boot) .meinNav .navbar-toggle {
  display: none !important;
}

html:not(.panel-boot) .pohMobileMenuBtn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--poh-nav-text, #fff);
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
  float: none;
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
  -webkit-tap-highlight-color: transparent;
}

html:not(.panel-boot) .pohMobileMenuBtn:hover,
html:not(.panel-boot) .pohMobileMenuBtn:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.35);
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12);
}

html:not(.panel-boot) .pohMobileMenuBtn.is-open {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.4);
}

html:not(.panel-boot) .pohBurger {
  position: relative;
  display: block;
  width: 18px;
  height: 14px;
}

html:not(.panel-boot) .pohBurgerLine {
  position: absolute;
  left: 0;
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.2s ease,
    top 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

html:not(.panel-boot) .pohBurgerLine:nth-child(1) {
  top: 0;
}

html:not(.panel-boot) .pohBurgerLine:nth-child(2) {
  top: 6px;
}

html:not(.panel-boot) .pohBurgerLine:nth-child(3) {
  top: 12px;
}

html:not(.panel-boot) .pohMobileMenuBtn.is-open .pohBurgerLine:nth-child(1) {
  top: 6px;
  transform: rotate(45deg);
}

html:not(.panel-boot) .pohMobileMenuBtn.is-open .pohBurgerLine:nth-child(2) {
  opacity: 0;
  transform: scaleX(0.4);
}

html:not(.panel-boot) .pohMobileMenuBtn.is-open .pohBurgerLine:nth-child(3) {
  top: 6px;
  transform: rotate(-45deg);
}

html:not(.panel-boot) .pohDrawerRoot {
  display: none;
}

@media (max-width: 991px) {
  html:not(.panel-boot) .pohMobileMenuBtn {
    display: inline-flex !important;
  }

  html:not(.panel-boot) #menuNavigator.meinNav {
    min-height: 60px;
  }

  html:not(.panel-boot) #menuNavigator .navbar-header {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    float: none !important;
    width: 100%;
    min-height: 60px;
    padding: 8px 0;
    margin: 0;
  }

  html:not(.panel-boot) #menuNavigator .navbar-brand {
    float: none !important;
    display: flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px;
    line-height: 0;
  }

  html:not(.panel-boot) #menuNavigator .navbar-brand .absMen {
    position: static !important;
    display: block;
    line-height: 0;
  }

  html:not(.panel-boot) #menuNavigator .navbar-brand .menuLogo,
  html:not(.panel-boot) .meinNav .menuLogo {
    display: block !important;
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    z-index: 1 !important;
    background-position: left center !important;
  }

  html:not(.panel-boot) #menuNavigator .pohDesktopNav,
  html:not(.panel-boot) #menuNavigator .navbar-collapse.pohDesktopNav {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  html:not(.panel-boot) #menuNavigator .container {
    display: block !important;
    max-width: var(--poh-footer-max) !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html:not(.panel-boot) .pohDrawerRoot {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 10060;
    pointer-events: none;
  }

  html:not(.panel-boot) .pohDrawerRoot.is-open {
    pointer-events: auto;
  }

  html:not(.panel-boot) .pohDrawerBackdrop {
    position: absolute;
    inset: 0;
    border: 0;
    padding: 0;
    margin: 0;
    background: rgba(26, 26, 26, 0.45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.28s ease;
  }

  html:not(.panel-boot) .pohDrawerRoot.is-open .pohDrawerBackdrop {
    opacity: 1;
  }

  html:not(.panel-boot) .pohDrawer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(88vw, 340px);
    display: flex;
    flex-direction: column;
    background: #ffffff;
    color: #202223;
    box-shadow:
      0 0 0 1px rgba(0, 0, 0, 0.04),
      12px 0 40px rgba(0, 0, 0, 0.2);
    border-radius: 0 14px 14px 0;
    transform: translate3d(-104%, 0, 0);
    transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
    text-align: left;
  }

  html:not(.panel-boot) .pohDrawerRoot.is-open .pohDrawer {
    transform: translate3d(0, 0, 0);
  }

  html:not(.panel-boot) .pohDrawerHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 16px 14px;
    border-bottom: 1px solid #e1e3e5;
    flex-shrink: 0;
  }

  html:not(.panel-boot) .pohDrawerBrand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }

  html:not(.panel-boot) .pohDrawerLogo {
    width: 112px !important;
    min-width: 112px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    background-image: url(/img/logo2.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
  }

  html:not(.panel-boot) .pohDrawerTitle {
    margin: 0;
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.02em;
    color: #202223;
    line-height: 1.2;
  }

  html:not(.panel-boot) .pohDrawerSub {
    margin: 2px 0 0;
    font-size: 12px;
    color: #6d7175;
    line-height: 1.2;
  }

  html:not(.panel-boot) .pohDrawerClose {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: #f6f6f7;
    color: #202223;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease;
    flex-shrink: 0;
  }

  html:not(.panel-boot) .pohDrawerClose:hover,
  html:not(.panel-boot) .pohDrawerClose:focus-visible {
    background: #ebebeb;
    outline: none;
  }

  html:not(.panel-boot) .pohDrawerClose:active {
    transform: scale(0.96);
  }

  html:not(.panel-boot) .pohDrawerScroll {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 10px 10px 16px;
  }

  html:not(.panel-boot) .pohDrawerList {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  html:not(.panel-boot) .pohDrawerItem {
    margin: 0 0 4px;
    opacity: 0;
    transform: translateX(-10px);
  }

  html:not(.panel-boot) .pohDrawerRoot.is-open .pohDrawerItem {
    animation: pohDrawerItemIn 0.38s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: calc(0.04s * var(--i, 0) + 0.08s);
  }

  @keyframes pohDrawerItemIn {
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  html:not(.panel-boot) .pohDrawerLink {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 11px 12px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #202223 !important;
    text-decoration: none !important;
    font-size: 14.5px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
  }

  html:not(.panel-boot) .pohDrawerLink:hover,
  html:not(.panel-boot) .pohDrawerLink:focus-visible {
    background: #f6f6f7;
    color: #202223 !important;
    outline: none;
    text-decoration: none !important;
  }

  html:not(.panel-boot) .pohDrawerLink--nested {
    padding-left: 18px;
    font-size: 14px;
    font-weight: 550;
    color: #4a4a4a !important;
  }

  html:not(.panel-boot) .pohDrawerLinkIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
  }

  html:not(.panel-boot) .pohDrawerLinkIcon .pohSiteNavIcon,
  html:not(.panel-boot) .pohDrawerLinkIcon .pohHabboIcon,
  html:not(.panel-boot) .pohDrawerLinkIcon .pohDiscordIcon {
    width: 20px !important;
    height: 20px !important;
    color: currentColor;
  }

  html:not(.panel-boot) .pohDrawerLinkLabel {
    flex: 1 1 auto;
    min-width: 0;
  }

  html:not(.panel-boot) .pohDrawerChevron {
    flex-shrink: 0;
    color: #8c9196;
    transition: transform 0.22s ease;
  }

  html:not(.panel-boot) .pohDrawerItem.is-open .pohDrawerChevron {
    transform: rotate(180deg);
  }

  html:not(.panel-boot) .pohDrawerSubwrap {
    overflow: hidden;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  }

  html:not(.panel-boot) .pohDrawerItem.is-open .pohDrawerSubwrap {
    grid-template-rows: 1fr;
  }

  html:not(.panel-boot) .pohDrawerSublist {
    list-style: none;
    margin: 0;
    padding: 2px 0 6px;
    min-height: 0;
    overflow: hidden;
  }

  html:not(.panel-boot) .pohDrawerFoot {
    flex-shrink: 0;
    padding: 12px 14px calc(14px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid #e1e3e5;
    background: #fafbfb;
    border-radius: 0 0 16px 0;
    text-align: left;
  }

  html:not(.panel-boot) .pohDrawerAuth,
  html:not(.panel-boot) .pohDrawerAccount {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left;
  }

  html:not(.panel-boot) .pohDrawerAccountCard {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e1e3e5;
    margin-bottom: 4px;
    overflow: hidden;
    text-align: left;
  }

  html:not(.panel-boot) .pohDrawerAccountText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
    text-align: left;
  }

  html:not(.panel-boot) .pohDrawerAccountText strong,
  html:not(.panel-boot) .pohDrawerAccountText .pohDrawerAccountRank {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html:not(.panel-boot) .pohDrawerAccountText strong {
    font-size: 14px;
    font-weight: 650;
    color: #202223;
    line-height: 1.2;
  }

  html:not(.panel-boot) .pohDrawerAccountText .pohDrawerAccountRank {
    font-size: 12px;
    color: #6d7175;
    line-height: 1.2;
  }

  html:not(.panel-boot) .pohDrawerAuthBtn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: -0.01em;
    text-decoration: none !important;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
  }

  html:not(.panel-boot) .pohDrawerAuthBtn svg {
    flex-shrink: 0;
    display: block;
  }

  html:not(.panel-boot) .pohDrawerAuthBtn .pohDrawerAuthBtnLabel {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    line-height: 1.2;
  }

  html:not(.panel-boot) .pohDrawerAuthBtn:active {
    transform: scale(0.985);
  }

  html:not(.panel-boot) .pohDrawerAuthBtn--ghost {
    background: #fff;
    border-color: #c9cccf;
    color: #202223 !important;
  }

  html:not(.panel-boot) .pohDrawerAuthBtn--ghost:hover {
    background: #f6f6f7;
  }

  html:not(.panel-boot) .pohDrawerAuthBtn--solid {
    background: var(--poh-btn, #008060);
    border-color: var(--poh-btn, #008060);
    color: var(--poh-btn-text, #fff) !important;
  }

  html:not(.panel-boot) .pohDrawerAuthBtn--solid:hover {
    background: var(--poh-btn-hover, #006e52);
    border-color: var(--poh-btn-hover, #006e52);
  }

  html:not(.panel-boot) .pohDrawerAuthBtn--danger {
    background: #fff;
    border-color: #e0b3b2;
    color: #d72c0d !important;
  }

  html:not(.panel-boot) .pohDrawerAuthBtn--danger:hover {
    background: #fff4f4;
  }

  html:not(.panel-boot) .pohChromeContainer,
  html:not(.panel-boot) .backGroundNews > .container,
  html:not(.panel-boot) .backGroundHighlight > .container,
  html:not(.panel-boot) .pohHomeEkipBadges > .ekibimizSection > .container,
  html:not(.panel-boot) .container-fluid > .container,
  html:not(.panel-boot) .rowMaxWidth {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html:not(.panel-boot) .pohSiteFooter .container,
  html:not(.panel-boot) .backGroundFooter > .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html:not(.panel-boot) .backGroundFooter {
    padding-top: 24px !important;
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html:not(.panel-boot) .pohFooterTop {
    flex-direction: column;
    align-items: stretch;
    text-align: left;
    gap: 14px;
  }

  html:not(.panel-boot) .pohFooterBrand {
    display: flex;
    justify-content: center;
  }

  html:not(.panel-boot) .footerBrandLogo {
    max-width: 140px;
  }

  html:not(.panel-boot) .pohFooterDisclaimer {
    font-size: 12px;
  }

  html:not(.panel-boot) .pohFooterAbout {
    font-size: 13px;
    line-height: 1.5;
  }

  html:not(.panel-boot) .pohFooterNav {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px 14px;
    margin: 18px 0 14px;
  }

  html:not(.panel-boot) .pohFooterLink {
    justify-content: flex-start;
    width: 100%;
    min-height: 0;
    padding: 6px 0;
    font-size: 13px;
    font-weight: 500;
    background: none;
  }

  html:not(.panel-boot) .pohFooterCopy {
    font-size: 12px;
    line-height: 1.4;
    padding-top: 4px;
  }

  html:not(.panel-boot) .pohAuthPage {
    padding: 28px 16px 36px;
    align-items: center !important;
    justify-content: center !important;
  }

  .pohSaleBadgeGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(52px, 1fr));
    justify-items: center;
    gap: 10px 8px;
  }

  .pohSaleBadge {
    width: 100%;
    max-width: 56px;
    padding-bottom: 0;
  }

  .pohSaleBadge .letzteBadgeAbdullah {
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto !important;
  }

  .pohSaleBadgeTip {
    position: static;
    left: auto;
    bottom: auto;
    transform: none;
    opacity: 1;
    min-width: 0;
    max-width: 100%;
    margin-top: 4px;
    padding: 3px 4px;
    border-radius: 6px;
    pointer-events: none;
  }

  html:not(.panel-boot) .pohHomeBadges .pohSaleBadgeGrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 6px;
  }

  html:not(.panel-boot) .pohHomeBadges .pohSaleBadge {
    width: 40px;
    max-width: 40px;
    padding-bottom: 0;
  }

  html:not(.panel-boot) .pohHomeBadges .pohSaleBadge .letzteBadgeAbdullah {
    width: 32px !important;
    height: 32px !important;
  }

  html:not(.panel-boot) .pohHomeBadges .pohSaleBadgeTip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 6px);
    transform: translateX(-50%);
    opacity: 0;
    min-width: 100px;
    max-width: min(200px, 70vw);
    width: max-content;
    margin: 0;
    padding: 6px 8px;
    border-radius: 8px;
    background: rgba(32, 34, 35, 0.94);
    color: #fff;
  }

  html:not(.panel-boot) .pohHomeBadges .pohSaleBadge:hover .pohSaleBadgeTip,
  html:not(.panel-boot) .pohHomeBadges .pohSaleBadge:focus .pohSaleBadgeTip,
  html:not(.panel-boot) .pohHomeBadges .pohSaleBadge:focus-within .pohSaleBadgeTip {
    opacity: 1;
  }

  html:not(.panel-boot) .pohHomeBadges .pohSaleBadgeTip strong {
    font-size: 11px;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    color: #fff;
  }

  .pohBadgeShopGrid {
    gap: 8px;
  }

  .pohBadgeShopCard {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    gap: 8px;
  }

  .pohBadgeShopGroup {
    width: 32px;
    height: 32px;
  }

  .pohBadgeShopCard strong {
    font-size: 12px;
    line-height: 1.25;
  }

  .pohBadgeShopPrice {
    font-size: 12px;
  }

  html:not(.panel-boot) .pohAuthCard {
    padding: 22px 16px 18px;
    border-radius: 12px;
    width: 100%;
  }

  html:not(.panel-boot) .pohAuthTitle {
    font-size: 20px;
    margin-bottom: 16px;
  }

  html:not(.panel-boot) .backGroundNews {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  html:not(.panel-boot) .pohHomeNewsBand .col-md-9,
  html:not(.panel-boot) .pohHomeNewsBand .col-md-3,
  html:not(.panel-boot) .pohHomeNewsBand [class*="col-"] {
    width: 100% !important;
    float: none !important;
  }

  html:not(.panel-boot) .pohSiteFloats {
    right: 12px;
    bottom: 12px;
  }

  html:not(.panel-boot) .pohScrollTop,
  html:not(.panel-boot) .pohDiscordFloat {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 991px) and (prefers-reduced-motion: reduce) {
  html:not(.panel-boot) .pohDrawer,
  html:not(.panel-boot) .pohDrawerBackdrop,
  html:not(.panel-boot) .pohDrawerItem,
  html:not(.panel-boot) .pohDrawerChevron,
  html:not(.panel-boot) .pohDrawerSubwrap {
    transition: none !important;
    animation: none !important;
  }

  html:not(.panel-boot) .pohDrawerRoot.is-open .pohDrawerItem {
    opacity: 1;
    transform: none;
  }
}

@media (min-width: 992px) {
  html:not(.panel-boot) .pohDrawerRoot {
    display: none !important;
  }

  html:not(.panel-boot) .pohMobileMenuBtn {
    display: none !important;
  }
}


/* Short-news panel scroll cue � replace plain SCROLL text */
html:not(.panel-boot) .scrollMePlease {
  display: flex !important;
  align-items: flex-end;
  justify-content: center;
  padding: 28px 12px 10px !important;
  letter-spacing: 0;
  font-size: 0;
  pointer-events: none;
}

html:not(.panel-boot) .pohScrollCue {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), 0 8px 18px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  animation: pohScrollCuePulse 1.8s ease-in-out infinite;
}

html:not(.panel-boot) .pohScrollCueLabel {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
  white-space: nowrap;
}

html:not(.panel-boot) .pohScrollCueArrow {
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  opacity: 0.95;
  flex: 0 0 auto;
}

html:not(.panel-boot) .pohScrollCueArrow.is-left {
  transform: rotate(45deg);
  animation: pohScrollCueArrowDown 1.2s ease-in-out infinite;
}

html:not(.panel-boot) .pohScrollCueArrow.is-right {
  transform: rotate(45deg);
  animation: pohScrollCueArrowDown 1.2s ease-in-out infinite 0.15s;
}

@keyframes pohScrollCuePulse {
  0%,
  100% {
    transform: translateY(0);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), 0 8px 18px rgba(0, 0, 0, 0.35);
  }
  50% {
    transform: translateY(-4px);
    box-shadow: 0 0 0 1px rgba(154, 0, 28, 0.35), 0 10px 22px rgba(154, 0, 28, 0.35);
  }
}

@keyframes pohScrollCueArrowDown {
  0%,
  100% {
    transform: rotate(45deg) translate(0, 0);
    opacity: 0.45;
  }
  50% {
    transform: rotate(45deg) translate(2px, 2px);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:not(.panel-boot) .pohScrollCue,
  html:not(.panel-boot) .pohScrollCueArrow.is-left,
  html:not(.panel-boot) .pohScrollCueArrow.is-right {
    animation: none;
  }
}

/* SSS — Habbo zeminine uyumlu (beyaz kart yok) */
html:not(.panel-boot) .pohFaqBlock {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

html:not(.panel-boot) .pohFaqHead {
  display: none;
}

html:not(.panel-boot) .pohFaqAllLink {
  display: none;
}

html:not(.panel-boot) .pohFaqFoot {
  display: flex;
  justify-content: center;
  padding: 14px 0 6px;
}

html:not(.panel-boot) .pohFaqSeeAll {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(0, 0, 0, 0.4);
  color: #fff !important;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-decoration: none !important;
  transition: background 0.15s ease, border-color 0.15s ease;
}

html:not(.panel-boot) .pohFaqSeeAll:hover,
html:not(.panel-boot) .pohFaqSeeAll:focus {
  background: rgba(0, 0, 0, 0.55);
  border-color: rgba(255, 255, 255, 0.45);
  color: #fff !important;
}

html:not(.panel-boot) .pohFaqGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

html:not(.panel-boot) .pohFaqGrid.is-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}

html:not(.panel-boot) .pohFaqCol {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: 0;
}

html:not(.panel-boot) .pohFaqItem {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  overflow: hidden;
  transition: background 0.15s ease, border-color 0.15s ease;
}

html:not(.panel-boot) .pohFaqItem:hover {
  background: rgba(0, 0, 0, 0.48);
  border-color: rgba(255, 255, 255, 0.22);
}

html:not(.panel-boot) .pohFaqItem.is-open {
  background: rgba(0, 0, 0, 0.55);
  border-color: rgba(255, 255, 255, 0.28);
}

html:not(.panel-boot) .pohFaqTrigger {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin: 0;
  padding: 14px 14px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
}

html:not(.panel-boot) .pohFaqTrigger:hover .pohFaqQuestion,
html:not(.panel-boot) .pohFaqTrigger:focus-visible .pohFaqQuestion {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

html:not(.panel-boot) .pohFaqQuestion {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

html:not(.panel-boot) .pohFaqIcon {
  position: relative;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  opacity: 0.9;
}

html:not(.panel-boot) .pohFaqIcon span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease, opacity 0.2s ease, background 0.2s ease;
}

html:not(.panel-boot) .pohFaqIcon span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}

html:not(.panel-boot) .pohFaqItem.is-open .pohFaqIcon span {
  background: #fff;
}

html:not(.panel-boot) .pohFaqItem.is-open .pohFaqIcon span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}

html:not(.panel-boot) .pohFaqPanel {
  padding: 0 14px 14px;
}

html:not(.panel-boot) .pohFaqAnswer {
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
  white-space: pre-wrap;
}

html:not(.panel-boot) .pohFaqPage {
  margin-top: 4px;
  padding: 0;
}

html:not(.panel-boot) .pohFaqPage .pohFaqFoot {
  display: none;
}

@media (max-width: 767px) {
  html:not(.panel-boot) .pohFaqGrid.is-two {
    grid-template-columns: 1fr;
  }

  html:not(.panel-boot) .pohFaqBlock {
    padding: 0;
  }

  html:not(.panel-boot) .pohFaqQuestion {
    font-size: 13px;
  }

  html:not(.panel-boot) .pohFaqTrigger {
    padding: 12px;
  }
}

/* Kısa haber paneli — sıkı, meta satırı bozulmasın */
html:not(.panel-boot) .panelShortnewsHolder {
  position: relative;
}

html:not(.panel-boot) .panelShortnewsHolder .panel-kisaHaber {
  margin-bottom: 10px !important;
  border-width: 1px !important;
}

html:not(.panel-boot) .panelShortnewsHolder .shortNewsHeading {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  min-height: 56px !important;
  padding: 8px 10px !important;
  overflow: hidden;
}

html:not(.panel-boot) .panelShortnewsHolder .panel-kisaHaber .imgUserB {
  float: none !important;
  flex: 0 0 48px;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
}

html:not(.panel-boot) .panelShortnewsHolder .shortNewsHeadingBody {
  position: relative;
  z-index: 11;
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 2px;
  pointer-events: none;
}

html:not(.panel-boot) .panelShortnewsHolder .panel-kisaHaber > .panel-heading strong {
  margin: 0 0 6px !important;
  display: block;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em;
}

html:not(.panel-boot) .panelShortnewsHolder .shortNewsHeadingMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 10px !important;
  line-height: 1.2;
  opacity: 0.85;
}

html:not(.panel-boot) .panelShortnewsHolder .shortNewsCat,
html:not(.panel-boot) .panelShortnewsHolder .shortNewsTime {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

html:not(.panel-boot) .panelShortnewsHolder .shortNewsTime {
  margin-left: auto;
  text-align: right;
}

html:not(.panel-boot) .panelShortnewsHolder .panel-kisaHaber > .panel-body {
  padding: 8px 10px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #4a4d50;
}

html:not(.panel-boot) .panelShortnewsHolder .panel-kisaHaber .newsinhaltMain,
html:not(.panel-boot) .panelShortnewsHolder .panel-kisaHaber .newsinhaltMain p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html:not(.panel-boot) .panelShortnewsHolder .panel-kisaHaber > .panel-footer {
  padding: 0 10px 8px !important;
  overflow: hidden;
}

html:not(.panel-boot) .panelShortnewsHolder .panel-kisaHaber .likerbutton {
  font-size: 11px !important;
  padding: 2px 6px !important;
}

html:not(.panel-boot) .panelShortnewsHolder .scrollMePlease {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  z-index: 40;
}

/* —— Public page skeletons (route loading.tsx) —— */
.pohPublicSkeletonSr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pohPublicSkeleton {
  position: relative;
  min-height: 280px;
  padding-bottom: 32px;
}

.pohPublicBone {
  display: block;
  position: relative;
  overflow: hidden;
  background: rgba(32, 34, 35, 0.08);
  border-radius: 6px;
}

.pohPublicBone::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.55) 45%,
    transparent 100%
  );
  animation: pohPublicBoneSweep 1.6s ease-in-out infinite;
}

@keyframes pohPublicBoneSweep {
  100% {
    transform: translateX(100%);
  }
}

.pohPublicBone--heading {
  width: 180px;
  height: 28px;
  margin: 18px 0 20px;
  border-radius: 4px;
}

.pohPublicBone--title {
  width: 160px;
  height: 22px;
  margin: 24px 0 16px;
}

.pohPublicBone--line {
  height: 11px;
  width: 100%;
}

.pohPublicBone--line.w40 {
  width: 40%;
}

.pohPublicBone--line.w55 {
  width: 55%;
}

.pohPublicBone--line.w70 {
  width: 70%;
}

.pohPublicBone--avatar {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  flex-shrink: 0;
}

.pohPublicBone--chip {
  width: 64px;
  height: 24px;
  border-radius: 999px;
  flex-shrink: 0;
}

.pohPublicBone--card {
  height: 120px;
  border-radius: 8px;
}

.pohPublicBone--block {
  width: 100%;
  height: 160px;
  border-radius: 8px;
}

.pohPublicBone--tile {
  aspect-ratio: 1;
  width: 100%;
  border-radius: 10px;
}

.pohPublicSkeletonPanel {
  background: #fff;
  border: 1px solid var(--poh-border, #e1e3e5);
  border-radius: 8px;
  padding: 14px 16px;
  box-shadow: var(--poh-shadow, 0 1px 0 rgba(26, 26, 26, 0.07));
}

.pohPublicSkeletonRows {
  display: grid;
  gap: 12px;
}

.pohPublicSkeletonRow {
  display: flex;
  align-items: center;
  gap: 12px;
}

.pohPublicSkeletonRowText {
  flex: 1;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.pohPublicSkeletonGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 8px;
}

.pohPublicSkeleton--home {
  padding: 0 0 40px;
}

.pohPublicSkeletonHomeBand {
  display: grid;
  gap: 16px;
  padding: 16px 12px 8px;
  background: rgba(0, 0, 0, 0.2);
}

.pohPublicSkeletonCarousel {
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
}

.pohPublicSkeletonHomeGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
}

@media (max-width: 991px) {
  .pohPublicSkeletonGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pohPublicSkeletonHomeGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .pohPublicSkeletonGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pohPublicSkeletonHomeGrid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pohPublicBone::after {
    animation: none;
  }
}

/* —— Ödüller / sandık —— */
.pohRewardsChestHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.pohRewardsChestHead h4 {
  margin: 0;
}

.pohRewardsStatus {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 650;
  background: #f1f2f3;
  color: #6d7175;
}

.pohRewardsStatus.is-open {
  background: color-mix(in srgb, var(--poh-btn, #9a001c) 14%, #fff);
  color: var(--poh-btn, #9a001c);
}

.pohChestHit {
  display: grid;
  justify-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 8px;
  padding: 22px 12px 14px;
  border: 0;
  border-radius: 14px;
  background:
    radial-gradient(ellipse at 50% 78%, rgba(255, 196, 72, 0.12), transparent 58%),
    transparent;
  color: inherit;
  cursor: pointer;
  appearance: none;
}

.pohChestHit:disabled {
  cursor: default;
}

.pohChestScene {
  position: relative;
  width: 196px;
  height: 176px;
  perspective: 680px;
  transform-style: preserve-3d;
}

.pohChestFloor {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 10px;
  height: 18px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(80, 42, 10, 0.28), transparent 72%);
}

.pohChestGlow {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 14px;
  height: 48px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255, 210, 90, 0.55), transparent 70%);
  opacity: 0;
  pointer-events: none;
}

.pohChestBody {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 22px;
  height: 72px;
  border-radius: 4px 4px 14px 14px;
  background:
    repeating-linear-gradient(
      90deg,
      #8f4d16 0 18px,
      #7a3f10 18px 20px,
      #a0561a 20px 38px
    ),
    linear-gradient(180deg, #c26a1e 0%, #7a3c10 100%);
  box-shadow:
    inset 0 3px 0 rgba(255, 214, 130, 0.28),
    inset 0 -12px 0 rgba(0, 0, 0, 0.2),
    0 10px 0 #3d1c08;
}

.pohChestPlank {
  position: absolute;
  inset: 8px 10px auto;
  height: 10px;
  border-radius: 2px;
  background: linear-gradient(180deg, rgba(255, 210, 130, 0.22), transparent);
}

.pohChestBand {
  position: absolute;
  left: 0;
  right: 0;
  top: 28px;
  height: 14px;
  background: linear-gradient(180deg, #f4d06a 0%, #c7921a 48%, #8d650c 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 220, 0.65),
    inset 0 -2px 0 rgba(80, 50, 0, 0.35);
}

.pohChestCorner {
  position: absolute;
  top: 8px;
  width: 10px;
  height: 56px;
  background: linear-gradient(180deg, #efc75a, #9a6b10);
  box-shadow: inset 1px 0 0 rgba(255, 255, 220, 0.4);
}

.pohChestCorner-l { left: 6px; }
.pohChestCorner-r { right: 6px; }

.pohChestLock {
  position: absolute;
  left: 50%;
  top: 20px;
  width: 22px;
  height: 26px;
  margin-left: -11px;
  border-radius: 4px 4px 10px 10px;
  background: linear-gradient(180deg, #ffe08a, #d4a017 55%, #9a6f0c);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 230, 0.8),
    0 2px 0 #6d4a08;
}

.pohChestLock::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  width: 6px;
  height: 8px;
  border: 2px solid #5a3208;
  border-radius: 50% 50% 2px 2px;
}

.pohChestLid {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 90px;
  height: 46px;
  transform-origin: bottom center;
  transform-style: preserve-3d;
  transition: transform 0.7s cubic-bezier(0.18, 0.75, 0.22, 1);
}

.pohChestLidTop {
  position: absolute;
  inset: 0;
  border-radius: 16px 16px 5px 5px;
  background:
    linear-gradient(180deg, #f0a94a 0%, #c56a1c 58%, #8d4010 100%);
  box-shadow:
    inset 0 4px 0 rgba(255, 232, 170, 0.4),
    0 6px 0 #6b3010;
}

.pohChestLidShine {
  position: absolute;
  left: 14px;
  right: 38px;
  top: 6px;
  height: 12px;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(255, 245, 200, 0.45), transparent);
}

.pohChestLidBand {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  height: 10px;
  background: linear-gradient(180deg, #f4d06a, #b8860b);
}

.pohChestStud {
  position: absolute;
  bottom: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #fff3b0, #c7921a);
}

.pohChestStud-l { left: 12px; }
.pohChestStud-r { right: 12px; }

.pohChestSpark {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffe27a;
  box-shadow: 0 0 8px #ffd24a;
  opacity: 0;
  pointer-events: none;
}

.pohChestSpark-1 { left: 30px; top: 40px; }
.pohChestSpark-2 { right: 32px; top: 30px; }
.pohChestSpark-3 { left: 54px; top: 18px; }
.pohChestSpark-4 { right: 56px; top: 48px; }

.pohChestHit.is-ready .pohChestScene {
  animation: pohChestIdle 2.8s ease-in-out infinite;
}

.pohChestHit.is-knock .pohChestScene {
  animation: pohChestKnock 0.28s ease;
}

.pohChestHit.is-opening .pohChestLid,
.pohChestHit.is-reveal .pohChestLid {
  transform: rotateX(-124deg) translateY(-4px);
}

.pohChestHit.is-opening .pohChestGlow,
.pohChestHit.is-reveal .pohChestGlow {
  opacity: 1;
  animation: pohChestPulse 0.85s ease-out;
}

.pohChestHit.is-opening .pohChestSpark,
.pohChestHit.is-reveal .pohChestSpark {
  animation: pohChestSpark 0.85s ease-out forwards;
}

.pohChestHit.is-opening .pohChestSpark-2,
.pohChestHit.is-reveal .pohChestSpark-2 { animation-delay: 0.08s; }
.pohChestHit.is-opening .pohChestSpark-3,
.pohChestHit.is-reveal .pohChestSpark-3 { animation-delay: 0.14s; }
.pohChestHit.is-opening .pohChestSpark-4,
.pohChestHit.is-reveal .pohChestSpark-4 { animation-delay: 0.2s; }

.pohChestLoot {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 2px;
  padding: 9px 11px;
  border-radius: 10px;
  background: #fff8e6;
  border: 1px solid #e6c56a;
  box-shadow: 0 10px 20px rgba(90, 50, 8, 0.2);
  animation: pohChestLoot 0.5s cubic-bezier(0.18, 0.9, 0.28, 1.15) both;
  z-index: 2;
}

.pohChestLoot.is-empty {
  background: #f4f4f5;
  border-color: #d2d5d8;
}

.pohChestLoot strong {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  color: #6a3710;
}

.pohChestCaption,
.pohChestHint {
  font-size: 12px;
  color: var(--poh-muted, #6d7175);
}

.pohChestCaption {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 14px;
}

.pohChestHint {
  font-weight: 650;
  color: var(--poh-text, #202223);
}

.pohChestLogin {
  text-align: center;
  margin-top: 4px;
}

.pohChestHit.is-off .pohChestBody,
.pohChestHit.is-off .pohChestLidTop {
  filter: grayscale(0.4) brightness(0.9);
}

@keyframes pohChestIdle {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes pohChestKnock {
  0% { transform: translateX(0) rotate(0); }
  25% { transform: translateX(-6px) rotate(-3deg); }
  55% { transform: translateX(5px) rotate(3deg); }
  100% { transform: translateX(0) rotate(0); }
}

@keyframes pohChestPulse {
  0% { opacity: 0; transform: scaleX(0.6); }
  40% { opacity: 1; }
  100% { opacity: 0.55; transform: scaleX(1.15); }
}

@keyframes pohChestSpark {
  0% { opacity: 0; transform: translateY(8px) scale(0.4); }
  35% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-36px) scale(1.25); }
}

@keyframes pohChestLoot {
  0% { opacity: 0; transform: translateY(22px) scale(0.84); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .pohChestHit.is-ready .pohChestScene,
  .pohChestHit.is-knock .pohChestScene,
  .pohChestHit.is-opening .pohChestGlow,
  .pohChestHit.is-reveal .pohChestGlow,
  .pohChestHit.is-opening .pohChestSpark,
  .pohChestHit.is-reveal .pohChestSpark,
  .pohChestLoot {
    animation: none;
  }

  .pohChestLid {
    transition: none;
  }
}

.pohRewardsPrizeList {
  margin: 8px 0 0;
  padding-left: 18px;
  display: grid;
  gap: 4px;
}

.pohRewardsWinners {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

.pohRewardsWinnerRow {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid var(--poh-border, #e1e3e5);
}

.pohRewardsWinnerRow:last-child {
  border-bottom: 0;
}

.pohRewardsWinnerRow img {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  image-rendering: pixelated;
  flex-shrink: 0;
}

.pohRewardsWinnerText {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 2px;
}

.pohRewardsWinnerText strong {
  font-size: 13px;
}

.pohRewardsWinnerText span {
  font-size: 12px;
  color: var(--poh-muted, #6d7175);
}

.pohRewardsWinnerRow time {
  flex-shrink: 0;
  font-size: 11px;
}

/* —— Anılar slider + yoğun ızgara —— */
html:not(.panel-boot) .pohMemoriesPage {
  display: grid;
  gap: 22px;
  margin: 0 0 32px;
}

html:not(.panel-boot) .pohMemoriesLead {
  margin: 0;
  color: var(--poh-muted, #6d7175);
  font-size: 14px;
  line-height: 1.5;
}

html:not(.panel-boot) .pohMemoriesSub {
  margin: 8px 0 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--poh-text, #202223);
}

html:not(.panel-boot) .pohMemoriesCarousel {
  position: relative;
  margin: 0 -6px;
  padding: 6px 0 28px;
}

html:not(.panel-boot) .pohMemoriesCarousel .owl-stage-outer {
  overflow: visible;
}

html:not(.panel-boot) .pohMemoriesCarousel .owl-item {
  opacity: 0.55;
  transform: scale(0.92);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

html:not(.panel-boot) .pohMemoriesCarousel .owl-item.center,
html:not(.panel-boot) .pohMemoriesCarousel .owl-item.active.center {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}

html:not(.panel-boot) .pohMemoriesCarousel .owl-dots {
  margin-top: 14px !important;
}

html:not(.panel-boot) .pohMemoriesCarousel .owl-dot span {
  width: 9px !important;
  height: 9px !important;
  margin: 4px !important;
  background: color-mix(in srgb, var(--poh-btn, #9a001c) 28%, #d0d3d6) !important;
}

html:not(.panel-boot) .pohMemoriesCarousel .owl-dot.active span,
html:not(.panel-boot) .pohMemoriesCarousel .owl-dot:hover span {
  background: var(--poh-btn, #9a001c) !important;
}

html:not(.panel-boot) .pohMemorySlide {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 14px;
  aspect-ratio: 4 / 5;
  min-height: 280px;
  background: #111;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
  text-decoration: none !important;
  color: #fff !important;
  isolation: isolate;
}

html:not(.panel-boot) .pohMemorySlideBg {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.02);
  transition: transform 0.55s ease;
}

html:not(.panel-boot) .pohMemorySlideShade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.08) 35%,
    rgba(0, 0, 0, 0.55) 72%,
    rgba(0, 0, 0, 0.82) 100%
  );
  opacity: 0.35;
  transition: opacity 0.3s ease;
}

html:not(.panel-boot) .pohMemorySlideMeta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  gap: 5px;
  padding: 18px 16px 16px;
  transform: translateY(14px);
  opacity: 0;
  transition: opacity 0.28s ease, transform 0.28s ease;
  z-index: 2;
}

html:not(.panel-boot) .pohMemorySlideMeta time,
html:not(.panel-boot) .pohMemorySlideMeta .pohMemorySlideTag {
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
}

html:not(.panel-boot) .pohMemorySlideMeta .pohMemorySlideTag {
  justify-self: start;
  padding: 3px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--poh-btn, #9a001c) 88%, #000);
  color: #fff;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
}

html:not(.panel-boot) .pohMemorySlideMeta strong {
  font-size: 17px;
  font-weight: 750;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

html:not(.panel-boot) .pohMemorySlideMeta span {
  font-size: 12px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.88);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html:not(.panel-boot) .pohMemorySlide:hover .pohMemorySlideBg,
html:not(.panel-boot) .pohMemorySlide:focus-visible .pohMemorySlideBg {
  transform: scale(1.08);
}

html:not(.panel-boot) .pohMemorySlide:hover .pohMemorySlideShade,
html:not(.panel-boot) .pohMemorySlide:focus-visible .pohMemorySlideShade,
html:not(.panel-boot) .pohMemoriesCarousel .owl-item.center .pohMemorySlideShade {
  opacity: 1;
}

html:not(.panel-boot) .pohMemorySlide:hover .pohMemorySlideMeta,
html:not(.panel-boot) .pohMemorySlide:focus-visible .pohMemorySlideMeta,
html:not(.panel-boot) .pohMemoriesCarousel .owl-item.center .pohMemorySlideMeta {
  opacity: 1;
  transform: translateY(0);
}

html:not(.panel-boot) .pohMemoriesDense {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

html:not(.panel-boot) .pohMemoriesDense .pohMemorySlide {
  min-height: 0;
  aspect-ratio: 3 / 4;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

html:not(.panel-boot) .pohMemoriesDense .pohMemorySlideMeta strong {
  font-size: 14px;
}

html:not(.panel-boot) .pohMemoriesDense .pohMemorySlideMeta span {
  -webkit-line-clamp: 2;
}

@media (max-width: 1199px) {
  html:not(.panel-boot) .pohMemoriesDense {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  html:not(.panel-boot) .pohMemoriesDense {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html:not(.panel-boot) .pohMemorySlide {
    min-height: 240px;
  }

  /* Dokunmatikte merkez slaytta yazı görünür kalsın */
  html:not(.panel-boot) .pohMemoriesCarousel .owl-item.active .pohMemorySlideMeta {
    opacity: 1;
    transform: translateY(0);
  }

  html:not(.panel-boot) .pohMemoriesCarousel .owl-item.active .pohMemorySlideShade {
    opacity: 0.85;
  }
}

@media (max-width: 639px) {
  html:not(.panel-boot) .pohMemoriesDense {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  html:not(.panel-boot) .pohMemoriesDense .pohMemorySlideMeta {
    padding: 12px 10px 10px;
  }

  html:not(.panel-boot) .pohMemoriesDense .pohMemorySlideMeta strong {
    font-size: 13px;
  }

  html:not(.panel-boot) .pohMemoriesDense .pohMemorySlideMeta span {
    display: none;
  }
}

@media (hover: none) {
  html:not(.panel-boot) .pohMemoriesDense .pohMemorySlide .pohMemorySlideMeta {
    opacity: 1;
    transform: translateY(0);
  }

  html:not(.panel-boot) .pohMemoriesDense .pohMemorySlide .pohMemorySlideShade {
    opacity: 0.9;
  }
}

/* —— İletişim —— */
html:not(.panel-boot) .pohContactPage {
  display: grid;
  gap: 18px;
  margin: 0 0 28px;
  max-width: 920px;
}

html:not(.panel-boot) .pohContactLead {
  margin: 0 0 4px;
  color: var(--poh-muted, #6d7175);
  font-size: 14px;
  line-height: 1.55;
  max-width: 40rem;
}

html:not(.panel-boot) .pohContactGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

html:not(.panel-boot) .pohContactCard,
html:not(.panel-boot) .pohContactLegal {
  background: var(--poh-surface, #fff);
  border: 1px solid var(--poh-border, #e1e3e5);
  border-radius: 12px;
  box-shadow: var(--poh-shadow, 0 1px 0 rgba(26, 26, 26, 0.07));
  padding: 20px 20px 18px;
  display: grid;
  gap: 14px;
  min-width: 0;
}

html:not(.panel-boot) .pohContactCardHead {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

html:not(.panel-boot) .pohContactCardHead h2 {
  margin: 0 0 2px;
  font-size: 17px;
  font-weight: 700;
  color: var(--poh-text, #202223);
  line-height: 1.25;
}

html:not(.panel-boot) .pohContactCardHead p {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--poh-muted, #6d7175);
}

html:not(.panel-boot) .pohContactIcon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--poh-btn, #9a001c) 12%, #fff);
  color: var(--poh-btn, #9a001c);
}

html:not(.panel-boot) .pohContactIcon.is-discord {
  background: #eef0ff;
  color: #5865f2;
}

html:not(.panel-boot) .pohContactIcon.is-legal {
  background: #f3f4f6;
  color: #4b5563;
}

html:not(.panel-boot) .pohContactMailList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

html:not(.panel-boot) .pohContactMailLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 13px;
  border-radius: 9px;
  border: 1px solid var(--poh-border, #e1e3e5);
  background: #fafbfc;
  text-decoration: none !important;
  color: inherit;
  transition: border-color 0.15s ease, background 0.15s ease;
}

html:not(.panel-boot) .pohContactMailLink:hover,
html:not(.panel-boot) .pohContactMailLink:focus {
  border-color: color-mix(in srgb, var(--poh-btn, #9a001c) 45%, #e1e3e5);
  background: color-mix(in srgb, var(--poh-btn, #9a001c) 6%, #fff);
}

html:not(.panel-boot) .pohContactMailLink strong {
  font-size: 13px;
  font-weight: 650;
  color: var(--poh-text, #202223);
  word-break: break-all;
}

html:not(.panel-boot) .pohContactMailLink span {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--poh-muted, #6d7175);
  background: #fff;
  border: 1px solid var(--poh-border, #e1e3e5);
  border-radius: 999px;
  padding: 3px 8px;
}

html:not(.panel-boot) .pohContactDiscordBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 9px;
  background: #5865f2;
  color: #fff !important;
  font-size: 14px;
  font-weight: 650;
  text-decoration: none !important;
  transition: background 0.15s ease, transform 0.15s ease;
}

html:not(.panel-boot) .pohContactDiscordBtn:hover,
html:not(.panel-boot) .pohContactDiscordBtn:focus {
  background: #4752c4;
  color: #fff !important;
  transform: translateY(-1px);
}

html:not(.panel-boot) .pohContactHint {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--poh-muted, #6d7175);
}

html:not(.panel-boot) .pohContactLegalText {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--poh-text, #202223);
}

html:not(.panel-boot) .pohContactLegalNav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

html:not(.panel-boot) .pohContactLegalNav a {
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border-radius: 8px;
  border: 1px solid var(--poh-border, #e1e3e5);
  background: #fafbfc;
  color: var(--poh-text, #202223) !important;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

html:not(.panel-boot) .pohContactLegalNav a:hover,
html:not(.panel-boot) .pohContactLegalNav a:focus {
  border-color: color-mix(in srgb, var(--poh-btn, #9a001c) 45%, #e1e3e5);
  background: color-mix(in srgb, var(--poh-btn, #9a001c) 8%, #fff);
  color: var(--poh-btn, #9a001c) !important;
}

@media (max-width: 767px) {
  html:not(.panel-boot) .pohContactGrid {
    grid-template-columns: 1fr;
  }

  html:not(.panel-boot) .pohContactMailLink {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

/* —— Başvurular formu (minimal) —— */
html:not(.panel-boot) .pohAppApply {
  display: grid;
  grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

html:not(.panel-boot) .pohAppApplyPick {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: sticky;
  top: 12px;
}

html:not(.panel-boot) .pohAppApplyPickLabel {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #6d7175;
}

html:not(.panel-boot) .pohAppApplyPickBrief {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: #8c9196;
}

html:not(.panel-boot) .pohAppApplyOpenings {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

html:not(.panel-boot) .pohAppApplyOpening {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background 0.1s ease, border-color 0.1s ease;
}

html:not(.panel-boot) .pohAppApplyOpening:hover {
  background: #f6f6f7;
}

html:not(.panel-boot) .pohAppApplyOpening.is-active {
  background: #f1f2f3;
  border-color: #e1e3e5;
}

html:not(.panel-boot) .pohAppApplyOpeningBadge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
}

html:not(.panel-boot) .pohAppApplyOpeningBadge img {
  display: block;
  width: 28px;
  height: 28px;
  image-rendering: pixelated;
}

html:not(.panel-boot) .pohAppApplyOpeningBadgeEmpty {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: #eef0f1;
}

html:not(.panel-boot) .pohAppApplyOpeningText {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

html:not(.panel-boot) .pohAppApplyOpeningText strong {
  font-size: 13px;
  font-weight: 600;
  color: #202223;
  line-height: 1.25;
}

html:not(.panel-boot) .pohAppApplyOpeningText em {
  font-style: normal;
  font-size: 11px;
  font-weight: 500;
  color: #8c9196;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html:not(.panel-boot) .pohAppApplyForm {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  max-width: 420px;
}

html:not(.panel-boot) .pohAppApplyFormHead {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  margin: 0;
  border-bottom: 1px solid #e1e3e5;
}

html:not(.panel-boot) .pohAppApplyFormHead img {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  image-rendering: pixelated;
}

html:not(.panel-boot) .pohAppApplyFormHead h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.25;
  color: #202223;
}

html:not(.panel-boot) .pohAppApplyFormHead p {
  margin: 1px 0 0;
  font-size: 12px;
  color: #8c9196;
  line-height: 1.3;
}

html:not(.panel-boot) .pohAppApplyFields {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

html:not(.panel-boot) .pohAppApplyForm .pohFormField {
  gap: 4px;
}

html:not(.panel-boot) .pohAppApplyForm .pohFormField label {
  font-size: 12px;
  font-weight: 600;
  color: #303030;
}

html:not(.panel-boot) .pohAppApplyForm .pohFormInput,
html:not(.panel-boot) .pohAppApplyForm textarea.pohFormInput {
  padding: 8px 10px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  min-height: 0;
}

html:not(.panel-boot) .pohAppApplyForm textarea.pohFormInput {
  min-height: 56px;
  resize: vertical;
}

html:not(.panel-boot) .pohAppApplyOptional {
  margin-left: 6px;
  font-size: 11px;
  font-weight: 500;
  color: #8c9196;
}

html:not(.panel-boot) .pohAppApplyCheck {
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

html:not(.panel-boot) .pohAppApplyCheckLabel {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-size: 13px !important;
  font-weight: 550 !important;
  color: #202223 !important;
  cursor: pointer;
}

html:not(.panel-boot) .pohAppApplyCheckLabel input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  flex: 0 0 auto;
  accent-color: var(--poh-btn, #008060);
}

html:not(.panel-boot) .pohAppApplyForm .pohFormBtn {
  width: auto;
  align-self: flex-start;
  min-width: 120px;
  margin: 4px 0 0;
  padding: 9px 16px;
  font-size: 13px;
}

@media (max-width: 760px) {
  html:not(.panel-boot) .pohAppApply {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  html:not(.panel-boot) .pohAppApplyPick {
    position: static;
  }

  html:not(.panel-boot) .pohAppApplyOpenings {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
  }

  html:not(.panel-boot) .pohAppApplyForm {
    max-width: none;
  }
}

@media (max-width: 420px) {
  html:not(.panel-boot) .pohAppApplyOpenings {
    grid-template-columns: 1fr;
  }
}