/* BiBursa mobile shell build: 2026-07-29-shell-standard */

:root {
    --app-mobile-width: 430px;
    --app-page-max-width: 430px;
    --app-mobile-padding: 18px;
    --app-shell-width: min(100vw, var(--app-mobile-width));
    --app-content-width: calc(var(--app-shell-width) - (var(--app-mobile-padding) * 2));
    --app-header-width: var(--app-shell-width);
    --app-bottom-nav-width: var(--app-shell-width);
}

html {
    overflow-x: hidden;
}

body.home-page,
body.mekan-gezi-page,
body.events-page,
body.bblife-page,
body.vizyondakiler-page,
body.taxi-page,
body.pharmacy-page {
    width: 100% !important;
    max-width: var(--app-page-max-width) !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    overflow-x: hidden;
}

body.home-page .site-header,
body.mekan-gezi-page .site-header,
body.events-page .site-header,
body.bblife-page .site-header,
body.vizyondakiler-page .site-header,
body.taxi-page .site-header,
body.pharmacy-page .site-header {
    width: 100% !important;
    max-width: var(--app-page-max-width) !important;
    margin-inline: auto !important;
}

body.home-page .top-row,
body.mekan-gezi-page .top-row,
body.events-page .top-row,
body.bblife-page .top-row,
body.vizyondakiler-page .top-row,
body.taxi-page .top-row,
body.pharmacy-page .top-row {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: var(--app-page-max-width) !important;
    min-height: 68px !important;
    padding: 14px 18px 12px !important;
    box-sizing: border-box !important;
}

body.home-page .menu-button,
body.home-page .icon-button,
body.mekan-gezi-page .menu-button,
body.mekan-gezi-page .icon-button,
body.events-page .menu-button,
body.events-page .icon-button,
body.bblife-page .menu-button,
body.bblife-page .icon-button,
body.vizyondakiler-page .menu-button,
body.vizyondakiler-page .icon-button,
body.taxi-page .menu-button,
body.taxi-page .icon-button,
body.pharmacy-page .menu-button,
body.pharmacy-page .icon-button {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.home-page .brand img,
body.mekan-gezi-page .brand img,
body.events-page .brand img,
body.bblife-page .brand img,
body.vizyondakiler-page .brand img,
body.taxi-page .brand img,
body.pharmacy-page .brand img {
    width: 144px !important;
    height: 34px !important;
    object-fit: contain !important;
}

body.home-page .section-tabs,
body.mekan-gezi-page .section-tabs,
body.events-page .section-tabs,
body.bblife-page .section-tabs,
body.vizyondakiler-page .section-tabs,
body.taxi-page .section-tabs,
body.pharmacy-page .section-tabs {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: var(--app-page-max-width) !important;
    min-height: 74px !important;
    padding: 8px 12px 9px !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
}

body.home-page .section-tabs .tab,
body.mekan-gezi-page .section-tabs .tab,
body.events-page .section-tabs .tab,
body.bblife-page .section-tabs .tab,
body.vizyondakiler-page .section-tabs .tab,
body.taxi-page .section-tabs .tab,
body.pharmacy-page .section-tabs .tab {
    flex: 0 0 calc((100% - 16px) / 3) !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.home-page .section-tabs .tab.tab-wide,
body.mekan-gezi-page .section-tabs .tab.tab-wide,
body.events-page .section-tabs .tab.tab-wide,
body.bblife-page .section-tabs .tab.tab-wide,
body.vizyondakiler-page .section-tabs .tab.tab-wide,
body.taxi-page .section-tabs .tab.tab-wide,
body.pharmacy-page .section-tabs .tab.tab-wide {
    flex-basis: 170px !important;
}

body.home-page .section-tabs .tab img,
body.mekan-gezi-page .section-tabs .tab img,
body.events-page .section-tabs .tab img,
body.bblife-page .section-tabs .tab img,
body.vizyondakiler-page .section-tabs .tab img,
body.taxi-page .section-tabs .tab img,
body.pharmacy-page .section-tabs .tab img {
    width: 100% !important;
    height: 56px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
}

body.home-page .section-tabs .topbar-extra-taxi,
body.events-page .section-tabs .topbar-extra-taxi,
body.bblife-page .section-tabs .topbar-extra-taxi,
body.mekan-gezi-page .section-tabs .topbar-extra-taxi,
body.vizyondakiler-page .section-tabs .topbar-extra-taxi,
body.taxi-page .section-tabs .topbar-extra-taxi,
body.pharmacy-page .section-tabs .topbar-extra-taxi {
    flex-basis: 153px !important;
}

body.home-page .section-tabs .topbar-extra-pharmacy,
body.events-page .section-tabs .topbar-extra-pharmacy,
body.bblife-page .section-tabs .topbar-extra-pharmacy,
body.mekan-gezi-page .section-tabs .topbar-extra-pharmacy,
body.vizyondakiler-page .section-tabs .topbar-extra-pharmacy,
body.taxi-page .section-tabs .topbar-extra-pharmacy,
body.pharmacy-page .section-tabs .topbar-extra-pharmacy {
    flex-basis: 153px !important;
}

body.home-page .section-tabs .topbar-extra-hotels,
body.events-page .section-tabs .topbar-extra-hotels,
body.bblife-page .section-tabs .topbar-extra-hotels,
body.mekan-gezi-page .section-tabs .topbar-extra-hotels,
body.vizyondakiler-page .section-tabs .topbar-extra-hotels,
body.taxi-page .section-tabs .topbar-extra-hotels,
body.pharmacy-page .section-tabs .topbar-extra-hotels {
    flex-basis: 153px !important;
}

body.home-page .section-tabs img[src$="topbar-taksi-logo.png"],
body.events-page .section-tabs img[src$="topbar-taksi-logo.png"],
body.bblife-page .section-tabs img[src$="topbar-taksi-logo.png"],
body.mekan-gezi-page .section-tabs img[src$="topbar-taksi-logo.png"],
body.vizyondakiler-page .section-tabs img[src$="topbar-taksi-logo.png"],
body.taxi-page .section-tabs img[src$="topbar-taksi-logo.png"],
body.pharmacy-page .section-tabs img[src$="topbar-taksi-logo.png"],
body.home-page .section-tabs img[src$="topbar-eczane-logo.png"],
body.events-page .section-tabs img[src$="topbar-eczane-logo.png"],
body.bblife-page .section-tabs img[src$="topbar-eczane-logo.png"],
body.mekan-gezi-page .section-tabs img[src$="topbar-eczane-logo.png"],
body.vizyondakiler-page .section-tabs img[src$="topbar-eczane-logo.png"],
body.taxi-page .section-tabs img[src$="topbar-eczane-logo.png"],
body.pharmacy-page .section-tabs img[src$="topbar-eczane-logo.png"],
body.home-page .section-tabs img[src$="oteller-menu.png"],
body.events-page .section-tabs img[src$="oteller-menu.png"],
body.bblife-page .section-tabs img[src$="oteller-menu.png"],
body.mekan-gezi-page .section-tabs img[src$="oteller-menu.png"],
body.vizyondakiler-page .section-tabs img[src$="oteller-menu.png"],
body.taxi-page .section-tabs img[src$="oteller-menu.png"],
body.pharmacy-page .section-tabs img[src$="oteller-menu.png"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    max-height: 56px !important;
    object-fit: contain !important;
}

body.home-page main,
body.mekan-gezi-page main,
body.events-page .events-shell,
body.bblife-page .bblife-shell,
body.vizyondakiler-page .watch-shell,
body.taxi-page .taxi-app,
body.pharmacy-page .pharmacy-shell {
    width: 100% !important;
    max-width: var(--app-page-max-width) !important;
    margin-inline: auto !important;
}

body.home-page .bottom-nav,
body.events-page .bottom-nav,
body.bblife-page .bottom-nav,
body.mekan-gezi-page .places-bottom-nav {
    width: min(100%, var(--app-bottom-nav-width)) !important;
    max-width: var(--app-bottom-nav-width) !important;
    height: 86px !important;
    min-height: 86px !important;
    padding: 8px 12px calc(7px + env(safe-area-inset-bottom)) !important;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.home-page .home-side-banner,
body.mekan-gezi-page .home-side-banner {
    aspect-ratio: 1080 / 650 !important;
    flex: 0 0 auto !important;
    height: auto !important;
}

body.home-page .bottom-nav-items,
body.events-page .bottom-nav-items,
body.bblife-page .bottom-nav-items,
body.mekan-gezi-page .places-bottom-nav-items {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body.home-page .bottom-nav-item,
body.events-page .bottom-nav-item,
body.bblife-page .bottom-nav-item,
body.mekan-gezi-page .places-bottom-nav-item {
    min-height: 62px !important;
    gap: 5px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
}

body.home-page .bottom-nav-item strong,
body.events-page .bottom-nav-item strong,
body.bblife-page .bottom-nav-item strong,
body.mekan-gezi-page .places-bottom-nav-item strong {
    font-size: 13px !important;
    line-height: 1.1 !important;
}

body.home-page .bottom-nav-icon,
body.home-page .bottom-nav-icon svg,
body.events-page .bottom-nav-icon,
body.events-page .bottom-nav-icon svg,
body.bblife-page .bottom-nav-icon,
body.bblife-page .bottom-nav-icon svg,
body.mekan-gezi-page .places-bottom-nav-icon,
body.mekan-gezi-page .places-bottom-nav-icon svg {
    width: 28px !important;
    height: 28px !important;
}

body.home-page .bottom-nav-icon.plop-nav-icon,
body.home-page .bottom-nav-icon.plop-nav-icon img {
    width: 64px !important;
    height: 49px !important;
}

body.home-page .bottom-nav-item.active:has(.plop-nav-icon)::after {
    background: #d9d5e2;
    border-radius: 999px;
    content: "";
    height: 58px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 2px;
    transform: translateY(-50%);
}

body.mekan-gezi-page .home-discover-hero,
body.mekan-gezi-page .home-search-bar,
body.mekan-gezi-page .home-categories,
body.mekan-gezi-page .places-points-section,
body.mekan-gezi-page .restaurant-band,
body.mekan-gezi-page .home-popular-products,
body.mekan-gezi-page .popular-list-section,
body.mekan-gezi-page .guide-panel,
body.mekan-gezi-page .ad-section {
    width: min(100%, var(--app-content-width)) !important;
    max-width: var(--app-content-width) !important;
    margin-inline: auto !important;
}

body.home-page .home-discover-hero,
body.home-page .home-search-bar,
body.home-page .content-band,
body.home-page .ad-section,
body.home-page .guide-panel,
body.bblife-page .bblife-hero,
body.bblife-page .bblife-category-strip,
body.bblife-page .bblife-section,
body.bblife-page .bblife-top-banner,
body.bblife-page .bblife-random-panel {
    width: min(100%, var(--app-content-width)) !important;
    max-width: var(--app-content-width) !important;
    margin-inline: auto !important;
}

body.events-page .event-live-intro,
body.events-page .event-search,
body.events-page .event-categories,
body.events-page .event-section,
body.events-page .event-near-section,
body.vizyondakiler-page .watch-hero,
body.vizyondakiler-page .watch-featured,
body.vizyondakiler-page .watch-grid,
body.taxi-page .taxi-top-panel,
body.taxi-page .taxi-map,
body.taxi-page .taxi-sheet,
body.pharmacy-page .pharmacy-hero,
body.pharmacy-page .search-card,
body.pharmacy-page .stale-warning,
body.pharmacy-page .pharmacy-list {
    width: min(100%, var(--app-content-width)) !important;
    max-width: var(--app-content-width) !important;
    margin-inline: auto !important;
}

html.bibursa-ios-app body.home-page .site-header .top-row,
html.bibursa-ios-app body.mekan-gezi-page .site-header .top-row,
html.bibursa-ios-app body.events-page .site-header .top-row,
html.bibursa-ios-app body.bblife-page .site-header .top-row,
html.bibursa-ios-app body.vizyondakiler-page .site-header .top-row,
html.bibursa-ios-app body.taxi-page .site-header .top-row,
html.bibursa-ios-app body.pharmacy-page .site-header .top-row {
    display: none !important;
}

html.bibursa-ios-app body.home-page .site-header,
html.bibursa-ios-app body.mekan-gezi-page .site-header,
html.bibursa-ios-app body.events-page .site-header,
html.bibursa-ios-app body.bblife-page .site-header,
html.bibursa-ios-app body.vizyondakiler-page .site-header,
html.bibursa-ios-app body.taxi-page .site-header,
html.bibursa-ios-app body.pharmacy-page .site-header {
    border-bottom: 0 !important;
}

html.bibursa-ios-app body.home-page {
    --app-content-width: var(--app-page-max-width);
}

html.bibursa-ios-app body.home-page .home-discover-hero,
html.bibursa-ios-app body.home-page .content-band,
html.bibursa-ios-app body.home-page .ad-section,
html.bibursa-ios-app body.home-page .guide-panel {
    width: 100% !important;
    max-width: var(--app-page-max-width) !important;
}

html.bibursa-ios-app body.home-page .bottom-nav,
html.bibursa-ios-app body.events-page .bottom-nav,
html.bibursa-ios-app body.bblife-page .bottom-nav,
html.bibursa-ios-app body.mekan-gezi-page .places-bottom-nav {
    height: 72px !important;
    min-height: 72px !important;
    padding: 6px 10px calc(5px + env(safe-area-inset-bottom)) !important;
}

html.bibursa-ios-app body.home-page .bottom-nav-item,
html.bibursa-ios-app body.events-page .bottom-nav-item,
html.bibursa-ios-app body.bblife-page .bottom-nav-item,
html.bibursa-ios-app body.mekan-gezi-page .places-bottom-nav-item {
    min-height: 50px !important;
    font-size: 12px !important;
    gap: 4px !important;
}

html.bibursa-ios-app body.home-page .bottom-nav-item strong,
html.bibursa-ios-app body.events-page .bottom-nav-item strong,
html.bibursa-ios-app body.bblife-page .bottom-nav-item strong,
html.bibursa-ios-app body.mekan-gezi-page .places-bottom-nav-item strong {
    font-size: 12px !important;
}

html.bibursa-ios-app body.home-page .bottom-nav-icon,
html.bibursa-ios-app body.home-page .bottom-nav-icon svg,
html.bibursa-ios-app body.events-page .bottom-nav-icon,
html.bibursa-ios-app body.events-page .bottom-nav-icon svg,
html.bibursa-ios-app body.bblife-page .bottom-nav-icon,
html.bibursa-ios-app body.bblife-page .bottom-nav-icon svg,
html.bibursa-ios-app body.mekan-gezi-page .places-bottom-nav-icon,
html.bibursa-ios-app body.mekan-gezi-page .places-bottom-nav-icon svg {
    width: 24px !important;
    height: 24px !important;
}

html.bibursa-ios-app body.home-page .bottom-nav-icon.plop-nav-icon,
html.bibursa-ios-app body.home-page .bottom-nav-icon.plop-nav-icon img {
    width: 58px !important;
    height: 44px !important;
}

html.bibursa-ios-app body.mekan-gezi-page .places-bottom-trip {
    transform: translateY(-12px) !important;
}

html.bibursa-ios-app body.mekan-gezi-page .places-bottom-trip::before {
    width: 58px !important;
    height: 58px !important;
}

html.bibursa-ios-app body.mekan-gezi-page .places-bottom-trip .places-bottom-nav-icon,
html.bibursa-ios-app body.mekan-gezi-page .places-bottom-trip .places-bottom-nav-icon svg {
    width: 22px !important;
    height: 22px !important;
}

html.bibursa-ios-app body.mekan-gezi-page .places-discover-avatar,
html.bibursa-ios-app body.mekan-gezi-page .places-discover-avatar img {
    width: 58px !important;
    height: 58px !important;
}

html.bibursa-ios-app body.bblife-page .bottom-nav-discover,
html.bibursa-ios-app body.events-page .bottom-nav-discover {
    width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    transform: translateY(-12px) !important;
}

html.bibursa-ios-app body.bblife-page .bottom-nav-discover::before,
html.bibursa-ios-app body.events-page .bottom-nav-discover::before {
    width: 58px !important;
    height: 58px !important;
    top: 0 !important;
}

html.bibursa-ios-app body.bblife-page .discover-action {
    width: 58px !important;
    height: 58px !important;
    box-shadow: 0 0 0 6px #fff, 0 12px 22px rgba(255, 107, 44, 0.22) !important;
}

html.bibursa-ios-app body.bblife-page .discover-icon {
    width: 25px !important;
    height: 20px !important;
}

html.bibursa-ios-app body.bblife-page .discover-wand {
    width: 7px !important;
    height: 17px !important;
    left: 10px !important;
    top: 1px !important;
}

html.bibursa-ios-app body.bblife-page .discover-wand::before {
    width: 6px !important;
    height: 2px !important;
    top: 5px !important;
}

html.bibursa-ios-app body.bblife-page .discover-sparkle {
    width: 8px !important;
    height: 8px !important;
}

html.bibursa-ios-app body.bblife-page .discover-sparkle::before {
    width: 3px !important;
    height: 8px !important;
}

html.bibursa-ios-app body.bblife-page .discover-sparkle::after {
    width: 8px !important;
    height: 3px !important;
}

html.bibursa-ios-app body.bblife-page .discover-action strong,
html.bibursa-ios-app body.events-page .bottom-nav-discover strong,
html.bibursa-ios-app body.events-page .bottom-nav-calendar strong {
    font-size: 11px !important;
    line-height: 1.05 !important;
}

html.bibursa-ios-app body.events-page .bottom-nav-discover {
    box-shadow: 0 0 0 6px #fff, 0 12px 22px rgba(255, 107, 44, 0.22) !important;
}

html.bibursa-ios-app body.events-page .bottom-nav-calendar .bottom-nav-icon,
html.bibursa-ios-app body.events-page .bottom-nav-calendar .bottom-nav-icon svg {
    width: 22px !important;
    height: 22px !important;
}

body.compact-bottom-nav .bottom-nav,
body.events-bottom-nav-compact .bottom-nav,
body.mekan-gezi-bottom-nav-compact .places-bottom-nav {
    transform: translateX(-50%) translateY(70%) !important;
}

body.compact-bottom-nav .bottom-nav-item,
body.events-bottom-nav-compact .bottom-nav-item,
body.mekan-gezi-bottom-nav-compact .places-bottom-nav-item {
    opacity: 0.72;
}

html.bibursa-ios-app .site-header.has-expandable-topbar .section-tabs .topbar-app-home,
html.bibursa-ios-app .detail-site-header.has-expandable-topbar .section-tabs .topbar-app-home {
    align-self: center !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 46px !important;
    flex-basis: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    margin: 5px 12px 5px 0 !important;
    padding: 0 !important;
    border-radius: 15px !important;
    box-sizing: border-box !important;
}

html.bibursa-ios-app .site-header.has-expandable-topbar .section-tabs .topbar-app-home::before,
html.bibursa-ios-app .detail-site-header.has-expandable-topbar .section-tabs .topbar-app-home::before {
    height: 34px !important;
    right: -8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

html.bibursa-ios-app .site-header.has-expandable-topbar .section-tabs .topbar-app-home span,
html.bibursa-ios-app .detail-site-header.has-expandable-topbar .section-tabs .topbar-app-home span {
    width: 26px !important;
    height: 26px !important;
}

html.bibursa-ios-app .site-header.has-expandable-topbar .section-tabs .topbar-app-home svg,
html.bibursa-ios-app .detail-site-header.has-expandable-topbar .section-tabs .topbar-app-home svg {
    width: 24px !important;
    height: 24px !important;
}