/* BIDLUNA V6.2 — compact mobile nav, real homepage ad slots, footer locale/cookie cleanup. */

.bl10-home-ad-slot{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
  margin:clamp(10px,1.5vw,20px) 0;
  overflow:hidden;
}
.bl10-home-ad-slot:empty{display:none!important}
.bl10-home-ad-slot > *{max-width:100%}
.bl10-home-ad-slot img,
.bl10-home-ad-slot video,
.bl10-home-ad-slot iframe{
  max-width:100%;
  height:auto;
}
@media (min-width:1025px){.bl10-home-ad-slot--hide-desktop{display:none!important}}
@media (min-width:768px) and (max-width:1024px){.bl10-home-ad-slot--hide-tablet{display:none!important}}
@media (max-width:767px){
  .bl10-home-ad-slot{
    width:calc(100% - 28px);
    margin:10px auto;
    border-radius:14px;
  }
  .bl10-home-ad-slot--hide-mobile{display:none!important}
}

.bl10-footer-locale{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:inherit;
}
.bl10-footer-locale > svg,
.bl10-footer-locale > span[aria-hidden="true"] svg{
  width:17px;
  height:17px;
  flex:0 0 auto;
}
.bl10-footer-locale__select{
  appearance:auto;
  -webkit-appearance:menulist;
  width:auto;
  max-width:190px;
  min-height:34px;
  padding:4px 7px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:inherit;
  font:inherit;
  line-height:1.2;
  cursor:pointer;
}
.bl10-footer-locale__select:hover{border-color:rgba(7,20,45,.16);background:rgba(255,255,255,.72)}
.bl10-footer-locale__select:focus-visible{outline:2px solid var(--bl5-gold,#d99416);outline-offset:2px}
.bl9-footer__cookie-policy,
.bl9-footer__cookie-manage{white-space:nowrap}

@media (max-width:767px){
  /* The app-style navigation stays useful without swallowing the screen. */
  body.bidluna-studio-v5{
    padding-bottom:calc(52px + env(safe-area-inset-bottom))!important;
  }
  .bl5-mobile-nav{
    height:calc(52px + env(safe-area-inset-bottom))!important;
    min-height:0!important;
    padding:0 4px max(2px,env(safe-area-inset-bottom))!important;
    border-radius:14px 14px 0 0!important;
    box-shadow:0 -5px 16px rgba(7,20,45,.09)!important;
  }
  .bl5-mobile-nav a{
    min-height:44px!important;
    gap:1px!important;
    padding:3px 1px 1px!important;
    font-size:7.5px!important;
    line-height:1!important;
  }
  .bl5-mobile-nav a > span:not(.screen-reader-text){
    line-height:0;
  }
  .bl5-mobile-nav a svg{
    width:19px!important;
    height:19px!important;
  }
  .bl5-mobile-nav a.is-primary span:first-child{
    width:34px!important;
    height:34px!important;
    margin-top:-11px!important;
    box-shadow:0 5px 13px rgba(217,148,22,.24)!important;
  }
  .bl5-mobile-nav a.is-primary span:first-child svg{
    width:17px!important;
    height:17px!important;
  }
  .bl5-mobile-nav em{
    font-size:7.5px!important;
    line-height:1.05!important;
    white-space:nowrap;
  }

  .bl9-footer__bottom{
    padding-bottom:8px!important;
  }
  .bl9-footer__meta{
    display:flex!important;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:7px 12px!important;
  }
  .bl10-footer-locale{
    max-width:100%;
  }
  .bl10-footer-locale__select{
    max-width:170px;
    min-height:32px;
    font-size:10px;
  }
}

@media (max-width:380px){
  .bl5-mobile-nav a,
  .bl5-mobile-nav em{font-size:7px!important}
  .bl5-mobile-nav a svg{width:18px!important;height:18px!important}
  .bl10-footer-locale__select{max-width:150px}
}

/* ========================================================================
   V6.2.10 — homepage rhythm + premium mobile application dock
   Scope: the two homepage separations shown by the administrator and the
   existing five-action mobile navigation only. No route or business logic is
   changed here.
   ======================================================================== */

/* Keep the premium advertisement visually distinct from the trust strip. */
body.bidluna-studio-home .bl10-home-ad-slot--top {
  margin-top: 0 !important;
  /* Compensate the configurable grid gap so the visible separation remains
     a controlled 12 px rather than becoming either zero or excessive. */
  margin-bottom: calc(12px - var(--bl5-section-gap, 28px)) !important;
}
body.bidluna-studio-home .bl10-home-ad-slot--top + .bl5-block--trust {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  body.bidluna-studio-home .bl10-home-ad-slot--top {
    margin-bottom: 0 !important;
  }

  /* Remove the artificial empty band between the last homepage block and footer. */
  body.bidluna-studio-home .bl5-home {
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }
  body.bidluna-studio-home .bl5-home-grid {
    min-height: 0 !important;
    padding-bottom: 0 !important;
    row-gap: 14px !important;
  }
  body.bidluna-studio-home .bl5-block--categories {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  body.bidluna-studio-home .bl5-block--categories .bl5-categories {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  body.bidluna-studio-home .bl5-home + .bl5-footer,
  body.bidluna-studio-home .bl5-home + footer.bl5-footer {
    margin-top: 10px !important;
  }

  /* A compact dark dock removes the oversized white slab while keeping every
     existing destination, icon and current-page state intact. */
  body.bidluna-studio-v5 {
    padding-bottom: calc(70px + env(safe-area-inset-bottom)) !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav {
    left: 8px !important;
    right: 8px !important;
    bottom: max(6px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 5px !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(14, 35, 72, .985), rgba(5, 17, 39, .995)) !important;
    box-shadow:
      0 14px 34px rgba(5, 17, 39, .26),
      0 3px 10px rgba(5, 17, 39, .18),
      inset 0 1px 0 rgba(255, 255, 255, .10) !important;
    -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
    backdrop-filter: blur(16px) saturate(125%) !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a {
    position: relative !important;
    min-width: 0 !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 5px 2px 4px !important;
    gap: 3px !important;
    border-radius: 13px !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 9px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
    transition: color .16s ease, background-color .16s ease, transform .16s ease !important;
    -webkit-tap-highlight-color: transparent;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a:hover,
  body.bidluna-studio-v5 .bl5-mobile-nav a:focus-visible {
    color: #fff !important;
    background: rgba(255, 255, 255, .075) !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a:focus-visible {
    outline: 2px solid #f2b63c !important;
    outline-offset: -2px !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a:active {
    transform: translateY(1px) !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a > span:not(.screen-reader-text) {
    display: grid !important;
    place-items: center !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 0 !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a svg {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 1.8 !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav em {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a.is-current:not(.is-primary) {
    color: #f4b538 !important;
    background: rgba(244, 181, 56, .075) !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a.is-current:not(.is-primary)::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 50%;
    width: 17px;
    height: 2px;
    border-radius: 999px;
    background: #f4b538;
    transform: translateX(-50%);
    box-shadow: 0 0 9px rgba(244, 181, 56, .45);
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a.is-primary {
    color: #fff !important;
    background: transparent !important;
    padding-top: 1px !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a.is-primary > span:first-child {
    width: 39px !important;
    height: 39px !important;
    margin: -12px 0 0 !important;
    border: 3px solid #0a2147 !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #f6c45c 0%, #e49a0f 58%, #c97d00 100%) !important;
    color: #fff !important;
    box-shadow:
      0 8px 18px rgba(226, 151, 13, .34),
      0 2px 5px rgba(0, 0, 0, .20),
      inset 0 1px 0 rgba(255, 255, 255, .55) !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a.is-primary > span:first-child svg {
    width: 19px !important;
    height: 19px !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a.is-primary em {
    margin-top: -1px !important;
    color: rgba(255, 255, 255, .94) !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a.is-primary.is-current > span:first-child {
    box-shadow:
      0 9px 22px rgba(226, 151, 13, .48),
      0 2px 6px rgba(0, 0, 0, .22),
      0 0 0 2px rgba(246, 196, 92, .17),
      inset 0 1px 0 rgba(255, 255, 255, .58) !important;
  }

  /* The footer already reserves room for the fixed navigation; keep it exact. */
  body.bidluna-studio-v5 .bl5-footer.bl6-footer {
    padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 380px) {
  body.bidluna-studio-v5 .bl5-mobile-nav {
    left: 6px !important;
    right: 6px !important;
    padding-inline: 3px !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a,
  body.bidluna-studio-v5 .bl5-mobile-nav em {
    font-size: 7.8px !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a svg {
    width: 19px !important;
    height: 19px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.bidluna-studio-v5 .bl5-mobile-nav a {
    transition: none !important;
  }
}

/* ========================================================================
   V6.2.11 — dock anchored to the viewport + discreet spacing after Ad 1.
   The application navigation remains permanently attached to the bottom edge
   while respecting the iOS safe area. The first homepage advertising slot is
   separated from the following trust strip by a small, deliberate gap.
   ======================================================================== */
@media (max-width: 767px) {
  body.bidluna-studio-v5 {
    padding-bottom: calc(66px + env(safe-area-inset-bottom)) !important;
  }

  body.bidluna-studio-v5 .bl5-mobile-nav {
    position: fixed !important;
    z-index: 2147480000 !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 0 !important;
    width: auto !important;
    height: calc(58px + env(safe-area-inset-bottom)) !important;
    min-height: calc(58px + env(safe-area-inset-bottom)) !important;
    padding: 0 5px env(safe-area-inset-bottom) !important;
    border-radius: 18px 18px 0 0 !important;
    transform: translateZ(0);
    isolation: isolate;
  }

  body.bidluna-studio-v5 .bl5-footer.bl6-footer {
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }

  body.bidluna-studio-home .bl10-home-ad-slot--top {
    margin-bottom: 8px !important;
  }
  body.bidluna-studio-home .bl10-home-ad-slot--top + .bl5-block--trust {
    margin-top: 0 !important;
  }
}

@media (max-width: 380px) {
  body.bidluna-studio-v5 .bl5-mobile-nav {
    left: 6px !important;
    right: 6px !important;
  }
}

/* ========================================================================
   V6.2.12 — native mobile legal sheet + compact bottom navigation cleanup.
   This final override removes the duplicate footer reserve, anchors the dock
   to the physical screen edge and reduces its visual height without changing
   any destination or business behaviour.
   ======================================================================== */
@media (max-width: 767px) {
  body.bidluna-studio-v5 {
    padding-bottom: calc(48px + env(safe-area-inset-bottom)) !important;
  }

  body.bidluna-studio-v5 .bl5-mobile-nav {
    position: fixed !important;
    z-index: 2147480000 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: calc(48px + env(safe-area-inset-bottom)) !important;
    min-height: calc(48px + env(safe-area-inset-bottom)) !important;
    padding: 0 4px env(safe-area-inset-bottom) !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 15px 15px 0 0 !important;
    background: linear-gradient(180deg, #0e2348 0%, #07162f 100%) !important;
    box-shadow: 0 -4px 16px rgba(5, 17, 39, .18), inset 0 1px 0 rgba(255, 255, 255, .09) !important;
  }

  body.bidluna-studio-v5 .bl5-mobile-nav a {
    min-height: 48px !important;
    height: 48px !important;
    padding: 3px 1px 2px !important;
    gap: 1px !important;
    border-radius: 10px !important;
    font-size: 7.4px !important;
  }

  body.bidluna-studio-v5 .bl5-mobile-nav a > span:not(.screen-reader-text) {
    width: 19px !important;
    height: 19px !important;
  }

  body.bidluna-studio-v5 .bl5-mobile-nav a svg {
    width: 17px !important;
    height: 17px !important;
  }

  body.bidluna-studio-v5 .bl5-mobile-nav em {
    font-size: 7.4px !important;
    line-height: 1 !important;
  }

  body.bidluna-studio-v5 .bl5-mobile-nav a.is-current:not(.is-primary)::before {
    top: 2px !important;
    width: 15px !important;
  }

  body.bidluna-studio-v5 .bl5-mobile-nav a.is-primary {
    padding-top: 0 !important;
  }

  body.bidluna-studio-v5 .bl5-mobile-nav a.is-primary > span:first-child {
    width: 34px !important;
    height: 34px !important;
    margin: -8px 0 0 !important;
    border-width: 2px !important;
  }

  body.bidluna-studio-v5 .bl5-mobile-nav a.is-primary > span:first-child svg {
    width: 17px !important;
    height: 17px !important;
  }

  /* Reserve the dock only once. The former footer reserve produced the large
     white striped band visible above the fixed navigation. */
  body.bidluna-studio-v5 .bl5-footer.bl6-footer {
    padding-bottom: 10px !important;
  }

  body.bidluna-studio-v5 .bl9-footer__bottom,
  body.bidluna-studio-v5 .bl5-footer__bottom.bl9-footer__bottom,
  body.bidluna-studio-v5 .bl6-footer__bottom.bl9-footer__bottom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 380px) {
  body.bidluna-studio-v5 .bl5-mobile-nav {
    left: 0 !important;
    right: 0 !important;
    padding-inline: 2px !important;
  }

  body.bidluna-studio-v5 .bl5-mobile-nav a,
  body.bidluna-studio-v5 .bl5-mobile-nav em {
    font-size: 7px !important;
  }
}

/* ========================================================================
   V6.2.13 — configurable desktop navigation + tighter mobile ending rhythm.
   Existing links keep their saved order and state. Five optional slots can be
   activated in Bidluna Studio. Mobile changes are strictly visual.
   ======================================================================== */
@media (min-width: 768px) {
  body.bidluna-studio-v5 .bl5-header-nav__inner,
  body.bidluna-studio-v5 .bl7-header-nav__inner {
    min-height: 44px;
    height: auto;
    flex-wrap: wrap;
    align-content: center;
    row-gap: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

@media (max-width: 767px) {
  /*
   * The final category rail must end close to the footer. A legacy stretched
   * row can otherwise leave an empty band even when min-height is reset.
   */
  body.bidluna-studio-home .bl5-block--categories {
    max-height: 184px !important;
    margin-bottom: -34px !important;
    overflow: visible !important;
  }
  body.bidluna-studio-home .bl5-block--categories .bl5-section-head {
    margin-bottom: 4px !important;
  }
  body.bidluna-studio-home .bl5-block--categories .bl5-categories {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  body.bidluna-studio-home .bl5-home + .bl5-footer,
  body.bidluna-studio-home .bl5-home + footer.bl5-footer {
    margin-top: 0 !important;
  }

  /* Larger, clearer app-dock pictograms without making the dock taller. */
  body.bidluna-studio-v5 .bl5-mobile-nav a > span:not(.screen-reader-text) {
    width: 23px !important;
    height: 23px !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a svg {
    width: 21px !important;
    height: 21px !important;
    stroke-width: 1.95 !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a.is-primary > span:first-child {
    width: 36px !important;
    height: 36px !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a.is-primary > span:first-child svg {
    width: 20px !important;
    height: 20px !important;
  }
}

@media (max-width: 380px) {
  body.bidluna-studio-home .bl5-block--categories {
    max-height: 178px !important;
    margin-bottom: -30px !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a svg {
    width: 20px !important;
    height: 20px !important;
  }
}



/* ========================================================================
   V6.2.14 — exact mobile category-section collapse.
   The visible category rail defines the real height of the final homepage
   section. This removes the residual blank band without fixed negative offsets
   and keeps the section adaptive when labels, fonts or enabled categories vary.
   ======================================================================== */
@media (max-width: 767px) {
  body.bidluna-studio-home .bl5-home,
  body.bidluna-studio-home .bl5-home-grid {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
  }

  body.bidluna-studio-home .bl5-block--categories {
    display: block !important;
    position: relative !important;
    align-self: start !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 14px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.bidluna-studio-home .bl5-block--categories.bl14-category-collapsed {
    height: var(--bl14-category-content-height) !important;
    max-height: var(--bl14-category-content-height) !important;
  }

  body.bidluna-studio-home .bl5-block--categories .bl5-section-head {
    margin-bottom: 4px !important;
    padding-bottom: 0 !important;
  }

  body.bidluna-studio-home .bl5-block--categories .bl5-categories {
    min-height: 0 !important;
    height: auto !important;
    margin: 5px 0 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.bidluna-studio-home .bl5-block--categories::before,
  body.bidluna-studio-home .bl5-block--categories::after,
  body.bidluna-studio-home .bl5-block--categories .bl5-categories::before,
  body.bidluna-studio-home .bl5-block--categories .bl5-categories::after {
    content: none !important;
    display: none !important;
  }

  body.bidluna-studio-home .bl5-home + .bl5-footer,
  body.bidluna-studio-home .bl5-home + footer.bl5-footer {
    margin-top: 8px !important;
  }
}


/* ========================================================================
   V6.2.15 — logged-in favorites shortcuts + mobile swap/account navigation.
   Adds favorites hearts in the header, keeps the account icon in the mobile
   top bar and styles the SWAP tab after replacing the old account tab.
   ======================================================================== */
body.bidluna-studio-v5 .bl7-favorites{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  border-radius:12px;
  text-decoration:none;
  color:#e53935;
  background:rgba(229,57,53,.08);
  border:1px solid rgba(229,57,53,.18);
  transition:transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease;
}
body.bidluna-studio-v5 .bl7-favorites:hover,
body.bidluna-studio-v5 .bl7-favorites:focus-visible{
  color:#d32f2f;
  background:rgba(229,57,53,.13);
  border-color:rgba(229,57,53,.28);
}
body.bidluna-studio-v5 .bl7-favorites:focus-visible{
  outline:2px solid rgba(229,57,53,.35);
  outline-offset:2px;
}
body.bidluna-studio-v5 .bl7-favorites__icon,
body.bidluna-studio-v5 .bl7-favorites__icon svg{
  display:block;
  width:22px;
  height:22px;
}
body.bidluna-studio-v5 .bl7-favorites--desktop{ flex:0 0 auto; }
@media (max-width: 1024px){
  body.bidluna-studio-v5 .bl7-favorites--desktop{ display:none !important; }
}
@media (max-width: 767px){
  body.bidluna-studio-v5 .bl7-compact-tools{
    gap:10px !important;
    align-items:center !important;
  }
  body.bidluna-studio-v5 .bl7-favorites--compact{
    display:inline-flex !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    padding:0 !important;
    border-radius:12px !important;
  }
  body.bidluna-studio-v5 .bl7-locale--compact{
    margin-left:0 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
  }
  body.bidluna-studio-v5 .bl7-account{
    display:grid !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a.is-swap{
    color:rgba(255,255,255,.88) !important;
  }
  body.bidluna-studio-v5 .bl5-mobile-nav a.is-swap.is-current:not(.is-primary){
    color:#f4b538 !important;
  }
}

/* V6.2.2 — exact requested mobile header layout.
   Row 1: logo | search | account.
   Row 2 logged out: menu left | locale right.
   Row 2 logged in: menu left | red favourites | locale right. */
@media (max-width: 767px){
  body.bidluna-studio-v5 .bl7-header-main{
    grid-template-columns:minmax(82px,var(--bl7-m-logo-width,104px)) minmax(0,1fr) 44px !important;
  }

  body.bidluna-studio-v5 .bl7-header-main > .bl7-account{
    display:grid !important;
    grid-column:3 !important;
    place-items:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    padding:8px !important;
    border-radius:12px !important;
  }

  body.bidluna-studio-v5 .bl7-header-main > .bl7-account .bl7-account__icon,
  body.bidluna-studio-v5 .bl7-header-main > .bl7-account .bl7-account__icon svg{
    display:block !important;
    width:24px !important;
    height:24px !important;
  }

  body.bidluna-studio-v5 .bl7-compact-tools{
    display:grid !important;
    align-items:center !important;
    width:100% !important;
    min-height:48px !important;
    gap:8px !important;
  }

  body.bidluna-studio-v5:not(.logged-in) .bl7-compact-tools{
    grid-template-columns:auto minmax(0,185px) !important;
    justify-content:space-between !important;
  }

  body.bidluna-studio-v5.logged-in .bl7-compact-tools{
    grid-template-columns:auto 42px minmax(0,185px) !important;
    justify-content:space-between !important;
  }

  body.bidluna-studio-v5 .bl7-menu-button{
    grid-column:1 !important;
    justify-self:start !important;
  }

  body.bidluna-studio-v5 .bl7-favorites--compact{
    grid-column:2 !important;
    justify-self:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 !important;
    color:#e53935 !important;
    background:rgba(229,57,53,.08) !important;
    border:1px solid rgba(229,57,53,.18) !important;
    border-radius:12px !important;
  }

  body.bidluna-studio-v5 .bl7-favorites--compact .bl7-favorites__icon,
  body.bidluna-studio-v5 .bl7-favorites--compact .bl7-favorites__icon svg{
    width:22px !important;
    height:22px !important;
  }

  body.bidluna-studio-v5 .bl7-locale--compact{
    justify-self:end !important;
    width:min(48vw,185px) !important;
    min-width:0 !important;
    margin-left:0 !important;
    padding-inline:8px !important;
    flex:none !important;
  }

  body.bidluna-studio-v5 .bl7-locale--compact select{
    width:100% !important;
    max-width:none !important;
    height:40px !important;
    font-size:12px !important;
  }

  body.bidluna-studio-v5:not(.logged-in) .bl7-locale--compact{
    grid-column:2 !important;
  }

  body.bidluna-studio-v5.logged-in .bl7-locale--compact{
    grid-column:3 !important;
  }
}

@media (max-width:390px){
  body.bidluna-studio-v5 .bl7-header-main{
    grid-template-columns:minmax(78px,94px) minmax(0,1fr) 42px !important;
  }

  body.bidluna-studio-v5 .bl7-header-main > .bl7-account{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
  }

  body.bidluna-studio-v5.logged-in .bl7-compact-tools{
    grid-template-columns:auto 40px minmax(0,176px) !important;
    gap:6px !important;
  }

  body.bidluna-studio-v5:not(.logged-in) .bl7-compact-tools{
    grid-template-columns:auto minmax(0,176px) !important;
    gap:6px !important;
  }

  body.bidluna-studio-v5 .bl7-favorites--compact{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }

  body.bidluna-studio-v5 .bl7-locale--compact{
    width:min(49vw,176px) !important;
  }
}

/* V6.2.19 — real notifications shortcut, immediately left of Favorites on desktop. */
body.bidluna-studio-v5 .bl7-notifications{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  flex:0 0 42px;
  margin:0;
  padding:0;
  border:1px solid rgba(20,57,107,.16);
  border-radius:12px;
  background:rgba(20,57,107,.06);
  color:#14396b;
  text-decoration:none;
  transition:transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease;
}
body.bidluna-studio-v5 .bl7-notifications:hover,
body.bidluna-studio-v5 .bl7-notifications:focus-visible{
  color:#0b2b58;
  background:rgba(20,57,107,.11);
  border-color:rgba(20,57,107,.26);
  transform:translateY(-1px);
}
body.bidluna-studio-v5 .bl7-notifications:focus-visible{
  outline:2px solid rgba(20,57,107,.28);
  outline-offset:2px;
}
body.bidluna-studio-v5 .bl7-notifications__icon,
body.bidluna-studio-v5 .bl7-notifications__icon svg{
  display:block;
  width:22px;
  height:22px;
}
body.bidluna-studio-v5 .bl7-notifications__badge{
  position:absolute;
  top:-6px;
  right:-6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border:2px solid #fff;
  border-radius:999px;
  background:#e53935;
  color:#fff;
  font-size:10px;
  font-weight:900;
  line-height:1;
  box-shadow:0 3px 8px rgba(130,19,19,.24);
}
@media (min-width:1101px){
  body.logged-in.bidluna-studio-v5 .bl7-header-main{
    grid-template-columns:var(--bl7-d-logo-width,220px) minmax(320px,1fr) auto auto auto auto !important;
  }
}
@media (max-width:1100px){
  body.bidluna-studio-v5 .bl7-notifications--desktop{
    display:none !important;
  }
}


/* V6.3.3 — mobile notifications before Favorites and stable compact header geometry. */
@media (max-width:767px){
  body.bidluna-studio-v5.logged-in .bl7-compact-tools{
    grid-template-columns:auto 42px 42px minmax(0,185px) !important;
    justify-content:space-between !important;
  }
  body.bidluna-studio-v5 .bl7-notifications--compact{
    grid-column:2 !important;
    justify-self:center !important;
    display:inline-flex !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
  }
  body.bidluna-studio-v5 .bl7-favorites--compact{
    grid-column:3 !important;
  }
  body.bidluna-studio-v5.logged-in .bl7-locale--compact{
    grid-column:4 !important;
    width:min(44vw,185px) !important;
  }
}
@media (max-width:390px){
  body.bidluna-studio-v5.logged-in .bl7-compact-tools{
    grid-template-columns:auto 38px 38px minmax(0,1fr) !important;
    gap:5px !important;
  }
  body.bidluna-studio-v5 .bl7-notifications--compact,
  body.bidluna-studio-v5 .bl7-favorites--compact{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    border-radius:11px !important;
  }
  body.bidluna-studio-v5 .bl7-notifications--compact .bl7-notifications__icon,
  body.bidluna-studio-v5 .bl7-notifications--compact .bl7-notifications__icon svg,
  body.bidluna-studio-v5 .bl7-favorites--compact .bl7-favorites__icon,
  body.bidluna-studio-v5 .bl7-favorites--compact .bl7-favorites__icon svg{
    width:20px !important;
    height:20px !important;
  }
  body.bidluna-studio-v5.logged-in .bl7-locale--compact{
    width:100% !important;
    max-width:168px !important;
  }
}