/* PrivateDrop v2.7.8 — precise mobile upgrade alignment, Best Drop title layering, stats fix companion. */

.pd268-wordmark .pd268-main,
.pd268-wordmark .pd268-vip,
.pd268-plain-brand { color:#fff !important; }
.pd268-wordmark { text-shadow:none !important; }

/* DESKTOP HEADER: own mark + PRIVATE DROP (no .VIP) + compact native stats. */
@media (min-width:768px) {
  ._header_35s11_2 {
    padding-left:20px !important;
    padding-right:26px !important;
    gap:18px !important;
  }
  ._header_35s11_2 > ._logoLink_35s11_27 {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    min-height:48px !important;
    padding-left:54px !important;
    flex:0 0 auto !important;
  }
  ._header_35s11_2 > ._logoLink_35s11_27::before {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:44px !important;
    height:44px !important;
    transform:translateY(-50%) !important;
    background:url('/assets/privatedrop-mark.png?v=278') center/42px 42px no-repeat !important;
  }
  ._header_35s11_2 .pd268-header {
    font-size:23px !important;
    letter-spacing:-.65px !important;
    align-items:center !important;
  }
  ._header_35s11_2 .pd268-header .pd268-vip { display:none !important; }
  ._header_35s11_2 ._stats_wt1yv_2 {
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    margin-left:2px !important;
    padding-left:18px !important;
    border-left:1px solid rgba(255,255,255,.075) !important;
  }
  ._header_35s11_2 ._stat_5aoip_2 { gap:7px !important; min-width:0 !important; }
  ._header_35s11_2 ._stat_5aoip_2 > svg { width:20px !important; height:20px !important; flex:0 0 20px !important; }
  ._header_35s11_2 ._statContent_5aoip_8 { gap:1px !important; min-width:0 !important; }
  ._header_35s11_2 ._statContent_5aoip_8 > *:first-child {
    font-size:11px !important;
    line-height:13px !important;
    color:rgba(255,255,255,.58) !important;
    text-transform:none !important;
    font-weight:500 !important;
  }
  ._header_35s11_2 ._statContent_5aoip_8 > *:last-child {
    font-size:14px !important;
    line-height:17px !important;
    font-weight:800 !important;
  }
}
@media (min-width:768px) and (max-width:1100px) {
  ._header_35s11_2 { gap:12px !important; padding-left:14px !important; padding-right:16px !important; }
  ._header_35s11_2 > ._logoLink_35s11_27 { padding-left:46px !important; }
  ._header_35s11_2 > ._logoLink_35s11_27::before { width:38px !important; height:38px !important; background-size:36px 36px !important; }
  ._header_35s11_2 .pd268-header { font-size:19px !important; }
  ._header_35s11_2 ._stats_wt1yv_2 { gap:10px !important; padding-left:12px !important; }
}

/* MOBILE HEADER: mark -> online -> native account controls. */
@media (max-width:767px) {
  ._headerMobile_35s11_11 { height:56px !important; padding:0 10px !important; gap:8px !important; overflow:hidden !important; }
  ._headerMobile_35s11_11 > ._logoLink_35s11_27 {
    width:36px !important; height:36px !important; min-width:36px !important; flex:0 0 36px !important;
    background:url('/assets/privatedrop-mark.png?v=278') center/34px 34px no-repeat !important;
  }
  ._headerMobile_35s11_11 > ._logoLink_35s11_27 > * { display:none !important; }
  ._headerMobile_35s11_11 ._online_4rso6_2 { order:2 !important; gap:3px !important; flex:0 0 auto !important; margin:0 !important; }
  ._headerMobile_35s11_11 > ._rightGroup_35s11_32 { order:3 !important; margin-left:auto !important; gap:0 !important; min-width:0 !important; }
  ._headerMobile_35s11_11 ._userSection_35s11_50 { gap:7px !important; min-width:0 !important; }
  ._headerMobile_35s11_11 ._walletGroup_35s11_39 { gap:6px !important; }
  ._headerMobile_35s11_11 ._balance_35s11_56 { padding:0 !important; min-width:0 !important; white-space:nowrap !important; }
  ._headerMobile_35s11_11 ._topUpBtn_35s11_22,
  ._headerMobile_35s11_11 ._topUpSkeleton_35s11_64 { width:34px !important; height:34px !important; min-width:34px !important; }
  ._headerMobile_35s11_11 ._avatarBtn_35s11_94 { --_avatar-size:30px !important; }
  ._headerMobile_35s11_11 ._avatarBtn_35s11_94 img,
  ._headerMobile_35s11_11 ._avatarBtn_35s11_94 [class*="avatar"] { width:30px !important; height:30px !important; }
  ._headerMobile_35s11_11 ._socialLinks_35s11_111 { display:none !important; }
}
@media (max-width:390px) {
  ._headerMobile_35s11_11 { padding:0 7px !important; gap:6px !important; }
  ._headerMobile_35s11_11 > ._logoLink_35s11_27 { width:32px !important; height:32px !important; min-width:32px !important; flex-basis:32px !important; background-size:30px 30px !important; }
  ._headerMobile_35s11_11 ._userSection_35s11_50 { gap:5px !important; }
  ._headerMobile_35s11_11 ._walletGroup_35s11_39 { gap:4px !important; }
  ._headerMobile_35s11_11 ._topUpBtn_35s11_22 { width:32px !important; height:32px !important; min-width:32px !important; }
  ._headerMobile_35s11_11 ._avatarBtn_35s11_94 { --_avatar-size:28px !important; }
}

/* MOBILE BEST DROP: the visual fills the entire card, title floats over it top-left. */
@media (max-width:767px) {
  ._bestDrop_upcd7_63,
  ._bestDrop_1c45h_22,
  [class*="_bestDrop_"] {
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
    position:relative !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.055) !important;
    border-radius:10px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.18) !important;
  }
  ._bestDrop_upcd7_63 > ._block_r0yrv_2,
  [class*="_bestDrop_"] > [class*="_block_"] {
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
    padding:0 !important;
    position:relative !important;
    overflow:hidden !important;
  }
  ._bestDrop_upcd7_63 ._top_r0yrv_14,
  [class*="_bestDrop_"] > [class*="_block_"] > [class*="_top_"] {
    position:absolute !important;
    left:0 !important; right:0 !important; top:0 !important;
    z-index:8 !important;
    min-height:42px !important;
    box-sizing:border-box !important;
    padding:12px 14px !important;
    display:flex !important;
    align-items:flex-start !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,rgba(22,24,37,.94) 0%,rgba(22,24,37,.52) 65%,rgba(22,24,37,0) 100%) !important;
  }
  ._bestDrop_upcd7_63 .standpeak-bestdrop-v09,
  [class*="_bestDrop_"] .standpeak-bestdrop-v09 {
    top:0 !important; bottom:0 !important;
    border-radius:9px !important;
    background:radial-gradient(circle at 58% 42%,rgba(251,213,6,.12),transparent 45%),linear-gradient(180deg,rgba(31,33,49,.99),rgba(18,19,27,.99)) !important;
  }
  ._bestDrop_upcd7_63 .standpeak-bestdrop-v09__visual,
  [class*="_bestDrop_"] .standpeak-bestdrop-v09__visual {
    inset:0 0 50px 0 !important;
    padding-top:16px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  ._bestDrop_upcd7_63 .standpeak-bestdrop-v09__image,
  [class*="_bestDrop_"] .standpeak-bestdrop-v09__image {
    width:min(54vw,210px) !important;
    height:96px !important;
    max-width:210px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 12px 18px rgba(0,0,0,.38)) !important;
  }
  ._bestDrop_upcd7_63 .standpeak-bestdrop-v09__footer,
  [class*="_bestDrop_"] .standpeak-bestdrop-v09__footer {
    left:0 !important; right:0 !important; bottom:0 !important; top:auto !important;
    width:auto !important; height:50px !important; min-height:50px !important;
    padding:5px 13px 6px !important;
    border-top:1px solid rgba(255,255,255,.05) !important;
    border-left:0 !important;
    background:linear-gradient(180deg,rgba(9,10,14,.38),rgba(8,9,13,.95)) !important;
    display:block !important;
  }
  ._bestDrop_upcd7_63 .standpeak-bestdrop-v09__price,
  [class*="_bestDrop_"] .standpeak-bestdrop-v09__price { font-size:14px !important; line-height:16px !important; }
  ._bestDrop_upcd7_63 .standpeak-bestdrop-v09__name,
  [class*="_bestDrop_"] .standpeak-bestdrop-v09__name { font-size:12px !important; line-height:14px !important; margin-top:1px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; display:block !important; }
  ._bestDrop_upcd7_63 .standpeak-bestdrop-v09__chance,
  [class*="_bestDrop_"] .standpeak-bestdrop-v09__chance { font-size:9px !important; line-height:11px !important; margin-top:1px !important; }
}

/* MOBILE UPGRADE: keep wordmark aligned with left controls. */
@media (max-width:767px) {
  ._page_1mn3a_2 { padding-top:12px !important; }
  ._logoPage_1mn3a_13 { width:auto !important; height:24px !important; min-height:24px !important; margin-bottom:-24px !important; align-self:center !important; position:relative !important; z-index:6 !important; transform:translateY(50px) !important; pointer-events:none !important; }
  ._logoPage_1mn3a_13 .pd268-upgrade { font-size:18px !important; line-height:24px !important; letter-spacing:-.5px !important; }
  ._upgrader_1szeh_2 { padding-top:36px !important; }
  ._controlsBar_1szeh_168 { top:6px !important; }
}


/* v2.7.8: Best Drop title must sit ABOVE the custom item layer on mobile. */
@media (max-width:767px) {
  ._bestDrop_upcd7_63 ._top_r0yrv_14,
  [class*="_bestDrop_"] > [class*="_block_"] > [class*="_top_"] {
    z-index:30 !important;
    color:#fff !important;
    opacity:1 !important;
    isolation:isolate !important;
    background:linear-gradient(180deg,rgba(25,27,42,.98) 0%,rgba(25,27,42,.78) 62%,rgba(25,27,42,0) 100%) !important;
  }
  ._bestDrop_upcd7_63 ._top_r0yrv_14 > *,
  [class*="_bestDrop_"] > [class*="_block_"] > [class*="_top_"] > * {
    position:relative !important;
    z-index:31 !important;
    color:#fff !important;
    opacity:1 !important;
    font-weight:800 !important;
    text-shadow:0 1px 4px rgba(0,0,0,.5) !important;
  }
  ._bestDrop_upcd7_63 .standpeak-bestdrop-v09,
  [class*="_bestDrop_"] .standpeak-bestdrop-v09 {
    z-index:4 !important;
  }
}
