/* PrivateDrop v2.8.8 — gold logo sizing + mobile cache-safe wheel logo. */

/* Upgrade page logo: exact generated PNG rendered by React. */
._logoPage_1mn3a_13 {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:clamp(330px,23vw,430px) !important;
  max-width:46vw !important;
  height:auto !important;
  min-height:0 !important;
  max-height:156px !important;
  object-fit:contain !important;
  object-position:center !important;
  align-self:center !important;
  margin:0 auto 4px !important;
  padding:0 !important;
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  translate:none !important;
  pointer-events:none !important;
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.40)) drop-shadow(0 0 8px rgba(240,185,11,.13)) !important;
}

/* Desktop header: ~15% visually larger than v287. */
@media (min-width:768px) {
  ._header_35s11_2 > ._logoLink_35s11_27 {
    display:block !important;
    flex:0 0 244px !important;
    width:244px !important;
    min-width:244px !important;
    max-width:244px !important;
    height:78px !important;
    min-height:78px !important;
    padding:0 !important;
    margin:0 16px 0 0 !important;
    background:url('/assets/privatedrop-gold-logo-v288.png?v=288') left center / contain no-repeat !important;
    overflow:visible !important;
  }
  ._header_35s11_2 > ._logoLink_35s11_27 > * {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
  }
  ._header_35s11_2 > ._logoLink_35s11_27::before,
  ._header_35s11_2 > ._logoLink_35s11_27::after {
    display:none !important;
    content:none !important;
  }
}

/* Phone: only above the wheel. Mobile header remains untouched. */
@media (max-width:767px) {
  ._logoPage_1mn3a_13 {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:min(72vw,320px) !important;
    max-width:320px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:136px !important;
    margin:0 auto 3px !important;
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    translate:none !important;
  }
}

@media (max-width:390px) {
  ._logoPage_1mn3a_13 {
    width:min(75vw,286px) !important;
    max-width:286px !important;
    max-height:123px !important;
  }
}