/* YabancıDizi V2.38 — animated bottom navigation sheet.
   Presentation only; V1, auth flows and URLs are untouched.
   All colors derive from admin-driven V2 palette variables. */
@media (max-width:790px) {
  body.frontend-v2 .v36-mobile-scrim:not([hidden]) {
    display:block!important;
    z-index:11900!important;
    opacity:0;
    visibility:visible;
    pointer-events:none;
    background:rgba(0,0,0,.60)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transition:opacity .24s ease!important;
  }
  body.frontend-v2 .v36-mobile-scrim.is-open:not([hidden]) {
    opacity:1;
    pointer-events:auto;
  }
  body.frontend-v2 .v36-mobile-bar {
    box-sizing:border-box!important;
    height:calc(78px + env(safe-area-inset-bottom,0px))!important;
    z-index:12100!important;
    transition:background-color .22s ease,border-color .22s ease!important;
  }
  body.frontend-v2.v38-sheet-open .v36-mobile-bar {
    background:var(--v2-panel)!important;
    border-top-color:transparent!important;
    box-shadow:0 -8px 24px rgba(0,0,0,.18)!important;
  }
  body.frontend-v2 .v36-mobile-bar .v36-nav-item {
    position:relative;
  }
  body.frontend-v2 .v36-mobile-bar .v36-nav-item[aria-expanded="true"] {
    background:color-mix(in srgb,var(--v2-accent) 11%,var(--v2-surface))!important;
    color:var(--v2-text)!important;
  }
  body.frontend-v2 .v36-mobile-bar .v36-nav-item[aria-expanded="true"]::before {
    content:"";
    position:absolute;
    left:29%;right:29%;top:-5px;height:3px;
    border-radius:0 0 5px 5px;
    background:var(--v2-accent);
    box-shadow:0 1px 9px color-mix(in srgb,var(--v2-accent) 50%,transparent);
  }

  /* Connect the raised sheet directly to the bottom navigation, without the old floating gap. */
  body.frontend-v2 .v36-mobile-sheet:not([hidden]) {
    display:block!important;
    position:fixed;
    left:max(0px,env(safe-area-inset-left,0px))!important;
    right:max(0px,env(safe-area-inset-right,0px))!important;
    bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;
    z-index:12000!important;
    width:auto!important;
    max-height:min(68dvh,490px)!important;
    padding:12px 18px 17px!important;
    margin:0!important;
    border:1px solid var(--v2-line)!important;
    border-bottom:0!important;
    border-radius:24px 24px 0 0!important;
    background:var(--v2-panel)!important;
    box-shadow:0 -18px 50px rgba(0,0,0,.32)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(0,30px,0) scale(.986);
    transform-origin:bottom center;
    transition:transform .32s cubic-bezier(.2,.8,.2,1), opacity .23s ease,visibility .32s!important;
  }
  body.frontend-v2 .v36-mobile-sheet.is-open:not([hidden]) {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,var(--v38-drag-y,0px),0) scale(1);
  }
  body.frontend-v2 .v36-mobile-sheet.is-dragging:not([hidden]) {
    transition:none!important;
  }
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-head {
    position:relative;
    padding:25px 2px 13px!important;
    margin-bottom:4px;
    background:transparent!important;
  }
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-head h2 {
    font-size:17px!important;
    font-weight:650!important;
    letter-spacing:-.25px;
    outline:none;
  }
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-handle {
    position:absolute;
    top:2px;left:50%;
    width:48px;height:5px;
    background:color-mix(in srgb,var(--v2-muted) 55%,transparent);
    border-radius:30px;
    cursor:grab;
    touch-action:none;
  }
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-handle:active {cursor:grabbing}
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-close {
    width:33px!important;height:33px!important;
    min-width:33px!important;
    border-radius:11px!important;
    background:var(--v2-surface)!important;
  }
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-section:not([hidden]) {
    display:grid!important;
    grid-template-columns:1fr;
    gap:7px!important;
    padding:4px 0 3px;
    margin-top:6px;
    background:transparent!important;
  }
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-section a {
    display:flex!important;
    align-items:center;
    min-height:57px!important;
    padding:10px 13px!important;
    background:color-mix(in srgb,var(--v2-surface) 86%,var(--v2-panel))!important;
    border:1px solid color-mix(in srgb,var(--v2-line) 85%,transparent);
    border-radius:14px!important;
    text-decoration:none!important;
    color:var(--v2-text)!important;
    font-size:13px!important;
    font-weight:550!important;
    opacity:0;
    transform:translateY(8px);
    transition:transform .22s ease,opacity .22s ease,background .15s ease!important;
  }
  body.frontend-v2 .v36-mobile-sheet.is-open .v36-sheet-section:not([hidden]) a {
    opacity:1;
    transform:translateY(0);
  }
  body.frontend-v2 .v36-mobile-sheet.is-open .v36-sheet-section:not([hidden]) a:nth-child(2){transition-delay:35ms!important}
  body.frontend-v2 .v36-mobile-sheet.is-open .v36-sheet-section:not([hidden]) a:nth-child(3){transition-delay:70ms!important}
  body.frontend-v2 .v36-mobile-sheet.is-open .v36-sheet-section:not([hidden]) a:nth-child(4){transition-delay:105ms!important}
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-section a:hover,
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-section a:focus-visible {
    background:color-mix(in srgb,var(--v2-surface) 83%,var(--v2-accent))!important;
    border-color:color-mix(in srgb,var(--v2-accent) 32%,var(--v2-line))!important;
  }
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-section a > svg {
    color:var(--v2-muted)!important;
    width:19px!important;height:19px!important;
    margin-left:auto;
  }
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-section a > span:first-child {
    flex:1;
    min-width:0;
  }
}
@media(max-width:350px) {
  body.frontend-v2 .v36-mobile-sheet:not([hidden]){padding-left:12px!important;padding-right:12px!important}
}
@media(prefers-reduced-motion:reduce) {
  body.frontend-v2 .v36-mobile-sheet:not([hidden]),
  body.frontend-v2 .v36-mobile-scrim:not([hidden]),
  body.frontend-v2 .v36-mobile-bar,
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-section a {
    transition:none!important;
    animation:none!important;
  }
  body.frontend-v2 .v36-mobile-sheet .v36-sheet-section a{opacity:1;transform:none}
}