/* bidlira.com V400 - V3 mobile shell with role-specific action menus */
.v395-appbar,.v395-bottom-nav,.v395-sheet,.v395-backdrop,.v395-mobile-home,.v395-live-type-shell{display:none}
.v395-live-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v395-live-type-card{min-width:0;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line,#dfc9a6);border-radius:18px;background:var(--surface,var(--card,#fffaf1));color:var(--ink,var(--text,#171612));text-decoration:none;box-shadow:0 8px 22px rgba(55,39,16,.06);transition:.18s}
.v395-live-type-card:hover{transform:translateY(-1px)}
.v395-live-type-card.active{border:2px solid var(--green,var(--primary,#168b57));box-shadow:0 0 0 3px color-mix(in srgb,var(--green,var(--primary,#168b57)) 12%,transparent)}
.v395-live-type-icon{width:45px;height:45px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:#171612;color:#fff;font-size:21px}
.v395-live-type-card.seller .v395-live-type-icon{background:#bd7d12}.v395-live-type-card.member .v395-live-type-icon{background:#286caf}
.v395-live-type-copy{min-width:0;flex:1}.v395-live-type-copy b{display:block;font-size:14px;line-height:1.2}.v395-live-type-copy small{display:block;margin-top:4px;color:var(--muted,#716758);font-size:11px;line-height:1.35;font-weight:720}
.v395-live-type-count{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:54px;min-height:34px;padding:0 8px;border:1px solid var(--line,#dfc9a6);border-radius:999px;background:color-mix(in srgb,var(--surface,var(--card,#fffaf1)) 84%,#e5d2aa 16%);font-size:10px;font-weight:1000;white-space:nowrap}

/* V397: browser hidden attribute must win over the grid display rule. */
.v395-bottom-nav[hidden],.v395-sheet[hidden],[hidden]{display:none!important}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;touch-action:pan-y}

  /* V396: Sayfa açıkken dokunmatik kaydırma daima body/html üzerinde kalır.
     Yalnız gerçekten açık uygulama paneli kontrollü biçimde arka sayfayı kilitler. */
  html:not(.v396-app-scroll-lock):not(.mezat-modal-open-v394),
  body:not(.v396-app-scroll-lock):not(.mezat-modal-open-v394):not(.modal-open){
    overflow-y:auto!important;
    touch-action:pan-y!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  body:not(.v396-app-scroll-lock) main,
  body:not(.v396-app-scroll-lock) .wrap,
  body:not(.v396-app-scroll-lock) .app-shell,
  body:not(.v396-app-scroll-lock) #app{touch-action:pan-y!important}
  html.v396-app-scroll-lock,body.v396-app-scroll-lock{
    height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.v396-app-scroll-lock{
    position:fixed!important;
    left:0!important;right:0!important;width:100%!important;
    touch-action:pan-y!important;
  }
  .v395-backdrop:not(.show),.v395-sheet:not(.show){visibility:hidden!important;pointer-events:none!important}
  .v395-backdrop.show,.v395-sheet.show{visibility:visible!important}
  .v395-sheet.show{pointer-events:auto!important;touch-action:pan-y!important}
  .v395-sheet.show .v395-sheet-body{
    min-height:0;max-height:calc(90dvh - 82px);
    overflow-y:auto!important;overflow-x:hidden!important;
    touch-action:pan-y!important;overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body .topbar,body .menu-strip,body .role-context-wrap,body .mobile-appbar,body .mobile-bottom,body .mobile-live-fab{display:none!important}
  body[data-page="home"] #anasayfa{display:none!important}
  body[data-page="home"] main{padding-top:0!important}
  body:not(.app-body) main>.page-section:first-child{padding-top:12px!important}
  body .wrap{width:min(100% - 24px,1180px);padding-left:0!important;padding-right:0!important}

  .v395-appbar{display:block;position:sticky;top:0;z-index:66;padding:calc(8px + env(safe-area-inset-top)) 12px 9px;background:color-mix(in srgb,var(--surface,var(--card,#fffaf1)) 94%,transparent);border-bottom:1px solid var(--line,#dfc9a6);backdrop-filter:blur(17px);box-shadow:0 6px 20px rgba(55,39,16,.06)}
  .v395-appbar-main{display:flex;align-items:center;gap:9px}
  .v395-appbar-brand{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:var(--ink,var(--text,#171612));text-decoration:none}
  .v395-appbar-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#252824,#111);color:#fff;font-size:18px;font-weight:1000;box-shadow:0 8px 18px rgba(0,0,0,.18);flex:0 0 auto}
  .v395-appbar-copy{min-width:0}.v395-appbar-copy b{display:block;font-size:17px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v395-appbar-copy small{display:block;margin-top:4px;color:var(--muted,#716758);font-size:10px;line-height:1.2;font-weight:790;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .v395-appbar-actions{display:flex;align-items:center;gap:7px}.v395-icon-btn{width:42px;height:42px;border:1px solid var(--line,#dfc9a6);border-radius:14px;background:var(--surface,var(--card,#fffaf1));color:var(--ink,var(--text,#171612));display:grid;place-items:center;font-size:18px;position:relative}.v395-icon-btn .v395-badge{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#d43c32;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:1000}
  .v395-profile-btn{width:42px;height:42px;border:0;border-radius:14px;background:linear-gradient(145deg,#2f332f,#111);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:1000;position:relative}.v395-profile-dot{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;border:3px solid var(--surface,var(--card,#fffaf1));background:#a0a0a0}.v395-profile-dot.buyer{background:#2a6db2}.v395-profile-dot.seller{background:#168b57}
  .v395-appbar-page{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:10px}.v395-appbar-page>div{min-width:0}.v395-appbar-page h1{margin:0;font-size:22px;line-height:1.05;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v395-appbar-page p{margin:5px 0 0;color:var(--muted,#716758);font-size:11px;line-height:1.3;font-weight:740;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v395-mode-pill{flex:0 0 auto;min-height:31px;padding:0 10px;border:1px solid var(--line,#dfc9a6);border-radius:999px;background:var(--surface-2,var(--card2,#f8efdf));color:var(--muted,#716758);font-size:10px;font-weight:1000;display:inline-flex;align-items:center}.v395-mode-pill.buyer{background:#edf4ff;color:#285a91;border-color:#c7d8eb}.v395-mode-pill.seller{background:#e7f4eb;color:#0c7043;border-color:#bdd8c6}

  .v395-bottom-nav{display:grid;position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:68;width:min(100%,440px);height:calc(78px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:7px 7px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface,var(--card,#fffaf1)) 96%,transparent);border-top:1px solid var(--line,#dfc9a6);backdrop-filter:blur(18px);box-shadow:0 -12px 32px rgba(55,39,16,.12)}
  .v395-nav-link{min-width:0;border:0;background:transparent;border-radius:15px;color:var(--muted,#716758);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px;text-decoration:none;font-size:9.5px;font-weight:950}.v395-nav-link span:first-child{font-size:19px;line-height:1}.v395-nav-link.active{background:#e7f4eb;color:#0c7043}.v395-nav-link.center span:first-child{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;margin-top:-20px;border:4px solid var(--surface,var(--card,#fffaf1));background:linear-gradient(145deg,#22a66b,#0c7043);color:#fff;box-shadow:0 8px 18px rgba(12,112,67,.28);font-size:23px}.v395-nav-link.center{overflow:visible;color:#0c7043}

  .v395-backdrop{display:block;position:fixed;inset:0;z-index:80;background:rgba(16,15,12,.55);opacity:0;pointer-events:none;transition:.18s}.v395-backdrop.show{opacity:1;pointer-events:auto}
  .v395-sheet{display:flex;position:fixed;left:50%;bottom:0;z-index:82;transform:translate(-50%,105%);width:min(100%,440px);max-height:90dvh;flex-direction:column;background:var(--surface,var(--card,#fffaf1));border:1px solid var(--line,#dfc9a6);border-radius:27px 27px 0 0;box-shadow:0 -26px 72px rgba(28,21,11,.3);transition:.24s}.v395-sheet.show{transform:translate(-50%,0)}
  .v395-sheet-handle{width:50px;height:5px;border-radius:999px;background:#c7bcae;margin:9px auto 3px}.v395-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 16px 12px;border-bottom:1px solid var(--line,#dfc9a6)}.v395-sheet-head h2{margin:0;font-size:21px;line-height:1.08;letter-spacing:-.035em}.v395-sheet-head p{margin:5px 0 0;color:var(--muted,#716758);font-size:11px;line-height:1.4;font-weight:730}.v395-sheet-close{width:40px;height:40px;border:0;border-radius:13px;background:var(--surface-2,var(--card2,#f8efdf));color:var(--ink,var(--text,#171612));font-size:22px;flex:0 0 auto}.v395-sheet-body{padding:13px 14px 20px;overflow:auto;-webkit-overflow-scrolling:touch}
  .v395-menu-groups{display:grid;gap:12px}.v395-menu-group{padding:11px;border:1px solid var(--line,#dfc9a6);border-radius:18px;background:#fffdf8}.v395-menu-group h3{margin:0 0 8px;color:#0c7043;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.v395-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v395-menu-link{min-height:48px;border:1px solid color-mix(in srgb,var(--line,#dfc9a6) 70%,transparent);border-radius:14px;background:var(--surface,var(--card,#fffaf1));color:var(--ink,var(--text,#171612));display:flex;align-items:center;gap:8px;padding:0 10px;text-align:left;text-decoration:none;font-size:11px;font-weight:900}
  .v395-profile-summary{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line,#dfc9a6);border-radius:17px;background:#fffdf8}.v395-profile-avatar{width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#2d332f,#111);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:1000;flex:0 0 auto}.v395-profile-summary b{display:block;font-size:14px}.v395-profile-summary small{display:block;margin-top:4px;color:var(--muted,#716758);font-size:10px;line-height:1.4;font-weight:720}.v395-setting-list{display:grid;gap:8px;margin-top:11px}.v395-setting-row{min-height:51px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--line,#dfc9a6) 70%,transparent);border-radius:14px;background:#fffdf8}.v395-setting-row b{flex:1;font-size:11px}.v395-setting-row a,.v395-setting-row button{min-height:36px;border:1px solid var(--line,#dfc9a6);border-radius:11px;background:var(--surface,var(--card,#fffaf1));color:var(--ink,var(--text,#171612));padding:0 9px;text-decoration:none;font-size:10px;font-weight:950}
  .v395-role-options{display:grid;gap:9px}.v395-role-option{width:100%;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line,#dfc9a6);border-radius:18px;background:#fffdf8;color:var(--ink,var(--text,#171612));text-align:left}.v395-role-option.active{border:2px solid #168b57;background:#e7f4eb}.v395-role-icon{width:47px;height:47px;border-radius:15px;background:var(--surface-2,var(--card2,#f8efdf));display:grid;place-items:center;font-size:21px;flex:0 0 auto}.v395-role-option b{display:block;font-size:13px}.v395-role-option small{display:block;margin-top:4px;color:var(--muted,#716758);font-size:10px;line-height:1.4;font-weight:720}.v395-note{margin-top:11px;padding:11px;border:1px solid #e1c27c;border-radius:14px;background:#fff0cc;color:#6d4b0b;font-size:10px;line-height:1.45;font-weight:800}
  .v395-search-input{width:100%;height:50px;border:1px solid var(--line,#dfc9a6);border-radius:15px;background:#fffdf8;color:var(--ink,var(--text,#171612));padding:0 13px;font-size:16px}.v395-search-results{display:grid;gap:7px;margin-top:10px}.v395-search-result{min-height:54px;display:flex;align-items:center;gap:10px;padding:9px;border:1px solid color-mix(in srgb,var(--line,#dfc9a6) 72%,transparent);border-radius:14px;background:#fffdf8;color:var(--ink,var(--text,#171612));text-decoration:none}.v395-search-result i{width:39px;height:39px;border-radius:13px;background:#e7f4eb;display:grid;place-items:center;font-style:normal}.v395-search-result b{display:block;font-size:11px}.v395-search-result small{display:block;color:var(--muted,#716758);font-size:9px;font-weight:720;margin-top:3px}

  .v395-mobile-home{display:grid;gap:13px;padding:13px 12px 2px}.v395-mobile-card{border:1px solid var(--line,#dfc9a6);border-radius:22px;background:var(--surface,var(--card,#fffaf1));box-shadow:0 13px 32px rgba(55,39,16,.09)}.v395-mobile-hero{padding:18px;position:relative;overflow:hidden}.v395-mobile-hero:after{content:"";position:absolute;right:-58px;bottom:-80px;width:155px;height:155px;border-radius:50%;background:rgba(187,142,47,.13)}.v395-mobile-kicker{position:relative;z-index:1;color:#7a5210;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:1000}.v395-mobile-hero h2{position:relative;z-index:1;margin:7px 0 9px;font-size:27px;line-height:1.08;letter-spacing:-.045em}.v395-mobile-hero p{position:relative;z-index:1;margin:0;color:var(--muted,#716758);font-size:12px;line-height:1.5;font-weight:700}.v395-mobile-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.v395-mobile-btn{min-height:49px;border:1px solid var(--line,#dfc9a6);border-radius:15px;background:var(--surface,var(--card,#fffaf1));color:var(--ink,var(--text,#171612));display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:1000}.v395-mobile-btn.primary{background:#1ba164;border-color:#1ba164;color:#fff}.v395-mobile-search{padding:10px;display:grid;grid-template-columns:1fr auto;gap:8px}.v395-mobile-search input{min-width:0;height:48px;border:1px solid var(--line,#dfc9a6);border-radius:14px;background:#fffdf8;padding:0 12px;font-size:15px}.v395-mobile-search button{height:48px;border:0;border-radius:14px;background:#171612;color:#fff;padding:0 15px;font-weight:1000}.v395-mobile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v395-mobile-stat{padding:12px 6px;text-align:center}.v395-mobile-stat b{display:block;font-size:22px;line-height:1}.v395-mobile-stat small{display:block;margin-top:5px;color:var(--muted,#716758);font-size:8.5px;font-weight:850}.v395-mobile-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.v395-mobile-section-head h3{margin:0;font-size:17px}.v395-mobile-section-head a{color:#7a5210;font-size:10px;font-weight:1000;text-decoration:none}.v395-mobile-quick{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v395-mobile-quick a{min-height:72px;border:1px solid var(--line,#dfc9a6);border-radius:17px;background:var(--surface,var(--card,#fffaf1));display:flex;align-items:center;gap:9px;padding:10px;color:var(--ink,var(--text,#171612));text-decoration:none;font-size:11px;font-weight:950}.v395-mobile-seller-cta{padding:18px}.v395-mobile-seller-cta h3{margin:5px 0 7px;font-size:22px;line-height:1.1}.v395-mobile-seller-cta p{margin:0;color:var(--muted,#716758);font-size:11px;line-height:1.5;font-weight:700}

  .v395-live-type-shell{display:block;margin:10px 8px 12px;padding:10px;border:1px solid var(--line,#dfc9a6);border-radius:20px;background:color-mix(in srgb,var(--surface,var(--card,#fffaf1)) 88%,transparent);box-shadow:0 10px 28px rgba(55,39,16,.08)}
  .v395-live-type-grid{grid-template-columns:1fr;gap:8px}.v395-live-type-card{padding:10px;border-radius:16px}.v395-live-type-icon{width:42px;height:42px;border-radius:13px}.v395-live-type-copy b{font-size:12px}.v395-live-type-copy small{font-size:9.5px}.v395-live-type-count{min-width:50px;min-height:31px;font-size:9px}

  body.app-body .mezat-live-hero-v170{display:none!important}
  body.app-body>.v395-appbar{width:100%}
  body.app-body .app-shell{padding-top:0!important;max-width:100%!important;width:100%!important;min-width:0!important}
  body.app-body .v395-live-type-shell{margin-left:8px;margin-right:8px}
  body.app-body .bottom-nav{bottom:max(7px,env(safe-area-inset-bottom))!important}
  body.app-body #app{padding-top:0!important}

  .seller-product-add-page-v393 .seller-product-submit-v393{bottom:calc(84px + env(safe-area-inset-bottom))!important}
  .pool-page-v394 .pool-product-grid-v394{grid-template-columns:1fr!important}
}
@media(max-width:365px){
  .v395-appbar-copy small{display:none}.v395-mobile-actions,.v395-mobile-quick,.v395-menu-links{grid-template-columns:1fr}.v395-mobile-search{grid-template-columns:1fr}.v395-mobile-search button{width:100%}.v395-live-type-card{gap:8px}.v395-live-type-count{min-width:44px;padding:0 6px}.v395-nav-link{font-size:8.5px}
}
/* Three auction types are also visible on their desktop landing pages. */
.v395-live-type-shell.v395-public-live-types,.v395-live-type-shell.v395-live-page-types{display:block;margin:0 0 14px}
@media(max-width:760px){.v395-live-type-shell.v395-public-live-types,.v395-live-type-shell.v395-live-page-types{margin:8px 0 12px}}
/* V395 live page: global app navigation stays consistent; the four live tools become an in-page sticky sub-navigation. */
@media(max-width:760px){
  body.app-body .bottom-nav.mezat-local-nav-v395{
    position:sticky!important;top:119px!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;
    width:calc(100% - 16px)!important;max-width:none!important;min-width:0!important;height:auto!important;margin:8px auto 10px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:6px!important;overflow:hidden!important;
    border:1px solid var(--line,#dfc9a6)!important;border-radius:16px!important;background:color-mix(in srgb,var(--surface,var(--card,#fffaf1)) 95%,transparent)!important;
    box-shadow:0 8px 22px rgba(55,39,16,.09)!important;backdrop-filter:blur(16px)!important;z-index:54!important;
  }
  body.app-body .bottom-nav.mezat-local-nav-v395 .navbtn{
    min-width:0!important;min-height:40px!important;padding:7px 4px!important;border-radius:11px!important;font-size:10px!important;line-height:1.1!important;
  }
  body.app-body .app-shell{padding-bottom:14px!important}
  body.app-body #app{min-height:420px}
}


/* V398 - final mobile prototype visual matching, while preserving V396 touch-scroll recovery. */
@media(max-width:760px){
  .v395-appbar{background:color-mix(in srgb,var(--surface,#fffaf1) 96%,transparent);padding:calc(9px + env(safe-area-inset-top)) 13px 10px}
  .v395-appbar-main{gap:9px}
  .v395-appbar-logo{width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,#20a267,#0c7043);color:#fff;font-size:23px;box-shadow:0 9px 20px rgba(12,112,67,.25)}
  .v395-appbar-copy b{font-size:18px;letter-spacing:-.035em}.v395-appbar-copy small{font-size:10px;margin-top:4px}
  .v395-icon-btn,.v395-profile-btn{width:47px;height:47px;border-radius:15px}.v395-appbar-page h1{font-size:25px}.v395-appbar-page p{font-size:11px}
  .v395-mobile-search button{background:#168b57}
  .v395-mobile-kicker{color:#0c7043}
  .v395-mobile-section-head button{border:0;background:transparent;color:#0c7043;padding:7px 0;font-size:10px;font-weight:1000;cursor:pointer}
  .v397-home-quick a{min-height:91px;align-items:flex-start;padding:13px}.v397-home-quick a>span:first-child{width:38px;height:38px;border-radius:13px;background:#e7f4eb;display:grid;place-items:center;font-size:19px;flex:0 0 auto}.v397-home-quick b{display:block;font-size:12px}.v397-home-quick small{display:block;margin-top:4px;color:var(--muted,#716758);font-size:9px;line-height:1.35;font-weight:720}
  .v395-bottom-nav{max-width:440px;left:50%;right:auto;transform:translateX(-50%);width:100%;border-left:0;border-right:0;border-bottom:0;border-radius:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface,#fffaf1) 94%,transparent);box-shadow:0 -10px 30px rgba(55,39,16,.10)}
  .v395-nav-link{min-height:60px;border-radius:16px;font-size:9.5px}.v395-nav-link>span:first-child{font-size:20px}.v395-nav-link.active:not(.center){background:#e7f4eb;color:#0c7043}.v395-nav-link.center>span:first-child{width:47px;height:47px;border-radius:16px}
  .v395-sheet{max-width:440px;border-radius:28px 28px 0 0;background:#fffaf1}.v395-sheet-head{padding:17px 18px 15px}.v395-sheet-head h2{font-size:24px}.v395-sheet-head p{font-size:12px}.v395-sheet-close{width:47px;height:47px;border-radius:16px;font-size:25px}.v395-sheet-body{padding:14px 15px calc(22px + env(safe-area-inset-bottom))}
  .v395-menu-group{padding:12px;border-radius:19px}.v395-menu-group h3{font-size:12px;margin:0 0 10px}.v395-menu-links{gap:8px}.v395-menu-link{min-height:58px;border-radius:16px;padding:0 12px;font-size:12px}
  .v397-auth-sheet .v395-sheet-body{padding-top:13px}.v397-auth-panel-wrap .auth-panel{padding:0;background:transparent;border:0;box-shadow:none}.v397-auth-panel-wrap .auth-tabs{gap:8px;margin-bottom:12px}.v397-auth-panel-wrap .auth-tab{min-height:50px;border-radius:15px;font-size:13px}.v397-auth-panel-wrap .auth-tab.active{background:#e7f4eb;border-color:#b9d8c5;color:#0c7043}.v397-auth-panel-wrap .auth-form{gap:10px}.v397-auth-panel-wrap .auth-form label{font-size:12px;color:var(--ink,#171612)}.v397-auth-panel-wrap .auth-form input,.v397-auth-panel-wrap .auth-form textarea,.v397-auth-panel-wrap .auth-form select{min-height:54px;border-radius:16px;background:#fffdf8;font-size:16px}.v397-auth-panel-wrap .auth-form>.btn{min-height:54px;border-radius:16px;font-size:15px}.v397-forgot-link{min-height:52px;margin-top:10px;border:1px solid var(--line,#dfc9a6);border-radius:16px;background:#fffdf8;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:1000}.v397-auth-info{margin-top:12px;padding:13px;border:1px dashed #cfae73;border-radius:17px;background:#f8efdf}.v397-auth-info b{display:block;font-size:13px}.v397-auth-info p{margin:5px 0 10px;color:var(--muted,#716758);font-size:10px;line-height:1.45;font-weight:720}.v397-auth-info>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v397-auth-info a{min-height:42px;border:1px solid var(--line,#dfc9a6);border-radius:13px;background:#fffdf8;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:950}
}
@media(max-width:365px){.v397-auth-info>div{grid-template-columns:1fr}}

/* V398 - login mode selector, combined role and compact mobile context menus. */
.login-mode-choice-v398{display:grid;gap:8px;padding:11px;border:1px solid var(--line,#dfc9a6);border-radius:17px;background:color-mix(in srgb,var(--surface-2,#f8efdf) 74%,var(--surface,#fffaf1) 26%)}
.login-mode-choice-v398>b{font-size:12px;color:var(--ink,#171612)}
.login-mode-buttons-v398{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.login-mode-buttons-v398 button{min-width:0;min-height:43px;padding:7px 5px;border:1px solid var(--line,#dfc9a6);border-radius:13px;background:var(--surface,#fffaf1);color:var(--ink,#171612);font-size:11px;font-weight:1000;cursor:pointer}
.login-mode-buttons-v398 button.active{background:#168b57;border-color:#168b57;color:#fff;box-shadow:0 8px 18px rgba(22,139,87,.18)}
.login-mode-choice-v398>small{font-size:9.5px;line-height:1.4;color:var(--muted,#716758);font-weight:720}
.v395-mode-pill.both,.v395-profile-dot.both{background:#e9f0ff;color:#31599c;border-color:#b8c9ec}
@media(max-width:760px){
  .v398-mobile-context-ready .seller-page-tabs{display:none!important}
  body .role-context-wrap{display:none!important}
  .v398-context-menu-trigger{display:block;margin:0 0 12px}
  .v398-context-menu-trigger button{width:100%;min-height:58px;border:1px solid var(--line,#dfc9a6);border-radius:17px;background:linear-gradient(135deg,#e7f4eb,var(--surface,#fffaf1));display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:9px 12px;color:var(--ink,#171612);text-align:left;box-shadow:0 8px 20px rgba(55,39,16,.07)}
  .v398-context-menu-trigger button>span{width:38px;height:38px;border-radius:12px;background:#168b57;color:#fff;display:grid;place-items:center;font-size:18px}
  .v398-context-menu-trigger button>b{font-size:13px}.v398-context-menu-trigger button>small{font-size:10px;color:#0c7043;font-weight:950}
  .login-mode-buttons-v398 button{min-height:47px;font-size:12px}
}
@media(max-width:350px){.login-mode-buttons-v398{grid-template-columns:1fr}.login-mode-buttons-v398 button{min-height:39px}}

/* V400 - logged-in role navigation remains visible and each shortcut opens its focused sheet. */
.v395-mode-pill{
  appearance:none;
  -webkit-appearance:none;
  font-family:inherit;
  cursor:pointer;
}
.v395-mode-pill:focus-visible{
  outline:3px solid color-mix(in srgb,#168b57 28%,transparent);
  outline-offset:2px;
}
@media(max-width:760px){
  body .v395-bottom-nav:not([hidden]){
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.v400-role-nav-ready,
  body[data-v395-auth="1"]{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
  .v395-bottom-nav .v395-nav-link[type="button"]{
    font-family:inherit;
    cursor:pointer;
  }
}

/* V400 - role-specific bottom actions; both mode has two equal green primary shortcuts. */
@media(max-width:760px){
  .v395-bottom-nav.v400-both-nav .v395-nav-link.center>span:first-child{
    width:43px;
    height:43px;
    margin-top:-17px;
    border-radius:15px;
    font-size:21px;
  }
  .v395-bottom-nav.v400-both-nav .v395-nav-link.center{
    color:#0c7043;
  }
  .v395-bottom-nav.v400-both-nav .v400-dual-primary.active{
    background:transparent;
  }
  .v395-bottom-nav .v395-nav-link>span:last-child{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
@media(max-width:365px){
  .v395-bottom-nav.v400-both-nav .v395-nav-link.center>span:first-child{
    width:39px;
    height:39px;
    margin-top:-14px;
    border-width:3px;
    font-size:19px;
  }
  .v395-bottom-nav.v400-both-nav .v395-nav-link{font-size:8px}
}

/* bidlira.com V406 - universal PWA application surface for every public/member/seller page.
   The URLs and PHP/JSON actions stay single-source; only the mobile presentation layer changes. */
.v406-back-btn,.v406-page-loader,.v406-offline-banner{display:none}
@media (max-width:760px){
  :root{
    --v406-page:#f3eee3;
    --v406-card:#fffaf1;
    --v406-card-2:#f8efdf;
    --v406-line:#dfc9a6;
    --v406-text:#171612;
    --v406-muted:#716758;
    --v406-green:#168b57;
    --v406-shadow:0 12px 34px rgba(55,39,16,.09);
    --v406-shadow-soft:0 7px 20px rgba(55,39,16,.065);
  }
  html{background:var(--v406-page);overscroll-behavior-y:none}
  body[data-v406-shell="1"]{
    min-height:100dvh;
    background:
      radial-gradient(circle at 8% 0%,rgba(185,133,33,.09),transparent 27%),
      radial-gradient(circle at 96% 8%,rgba(22,139,87,.07),transparent 25%),
      linear-gradient(180deg,var(--v406-page),#eee6d7 72%,var(--v406-page));
    color:var(--v406-text);
    -webkit-tap-highlight-color:transparent;
  }
  body[data-v406-shell="1"].v406-mobile-ready main{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:8px 0 24px!important;
    overflow:visible!important;
  }
  body[data-v406-shell="1"] main>.page-section,
  body[data-v406-shell="1"] main>.hero,
  body[data-v406-shell="1"] .page-section{
    width:100%!important;
    min-width:0!important;
    padding:8px 0!important;
    margin:0!important;
  }
  body[data-v406-shell="1"] .wrap,
  body[data-v406-shell="1"] main>.wrap,
  body[data-v406-shell="1"] .page-section>.wrap{
    width:calc(100% - 20px)!important;
    max-width:520px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body[data-v406-shell="1"] .site-footer-legal-v196{display:none!important}

  /* Compact native-style app bar with a real back action on inner routes. */
  .v406-appbar{box-shadow:0 6px 24px rgba(55,39,16,.08)!important}
  .v406-back-btn{
    display:grid;width:43px;height:43px;place-items:center;flex:0 0 auto;
    border:1px solid var(--v406-line);border-radius:14px;background:var(--v406-card);
    color:var(--v406-text);font-size:31px;line-height:1;font-weight:560;cursor:pointer;
  }
  .v406-appbar .v395-appbar-brand{min-width:0}
  .v406-appbar .v395-appbar-copy b{font-size:17px}
  .v406-appbar .v395-appbar-page{margin-top:9px;padding:0 1px}
  .v406-appbar .v395-appbar-page h1{font-size:24px;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
  .v406-appbar .v395-appbar-page p{max-width:245px;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}

  /* Reusable application cards. */
  body[data-v406-shell="1"] :is(.info-card,.panel,.product-card,.seller-card,.buyer-card,.order-card,.wallet-card,.notification-card,.search-alert-card,.contact-card,.how-card,.legal-card,.auth-panel,.seller-panel-shell-v151,.seller-panel-content-v151,.seller-product-card,.seller-own-product-card-v216,.profile-order-card-v129,.message-card,.near-offer-card-v338,.pool-filter-shell-v394,.pool-results-head-v394,.pool-stat-grid-v394>div,.product-detail-card,.product-detail-side,.seller-terms-card-v203){
    max-width:100%!important;min-width:0!important;
    border:1px solid color-mix(in srgb,var(--v406-line) 88%,transparent)!important;
    border-radius:21px!important;
    background:linear-gradient(180deg,color-mix(in srgb,var(--v406-card) 97%,#fff 3%),color-mix(in srgb,var(--v406-card-2) 22%,var(--v406-card) 78%))!important;
    box-shadow:var(--v406-shadow-soft)!important;
  }
  body[data-v406-shell="1"] :is(.info-card,.contact-card,.how-card,.legal-card,.auth-panel){padding:17px!important}
  body[data-v406-shell="1"] :is(.info-grid,.seller-page-grid,.contact-grid,.how-grid,.legal-grid,.product-detail-grid,.profile-grid,.seller-product-grid,.seller-live-create-grid,.seller-image-settings-v239,.buyer-profile-grid-v269,.profile-wallet-history,.seller-terms-grid-v203){
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;min-width:0!important;
  }
  body[data-v406-shell="1"] :is(.info-grid,.product-grid,.seller-grid,.buyer-grid,.room-grid,.category-grid){min-width:0!important}

  /* Page hero/title blocks now read as compact app summary cards rather than desktop banners. */
  body[data-v406-shell="1"] .section-head,
  body[data-v406-shell="1"] .seller-self-head,
  body[data-v406-shell="1"] .pool-page-head-v394,
  body[data-v406-shell="1"] .profile-orders-head-v129,
  body[data-v406-shell="1"] .search-alert-head{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;
    min-height:0!important;margin:0 0 11px!important;padding:16px!important;
    border:1px solid color-mix(in srgb,var(--v406-line) 86%,var(--v406-green) 14%)!important;
    border-radius:21px!important;background:linear-gradient(135deg,#fffaf1,#f5ebd9)!important;
    box-shadow:var(--v406-shadow-soft)!important;overflow:hidden!important;
  }
  body[data-v406-shell="1"] .section-head:before,
  body[data-v406-shell="1"] .section-head:after,
  body[data-v406-shell="1"] .seller-self-head:before,
  body[data-v406-shell="1"] .seller-self-head:after{pointer-events:none!important}
  body[data-v406-shell="1"] .section-head h2,
  body[data-v406-shell="1"] .seller-self-head h2,
  body[data-v406-shell="1"] .pool-page-head-v394 h2{
    margin:3px 0 4px!important;font-size:23px!important;line-height:1.07!important;letter-spacing:-.045em!important;
  }
  body[data-v406-shell="1"] .section-head p,
  body[data-v406-shell="1"] .seller-self-head p,
  body[data-v406-shell="1"] .pool-page-head-v394 p{
    margin:0!important;font-size:12px!important;line-height:1.45!important;color:var(--v406-muted)!important;font-weight:720!important;
  }
  body[data-v406-shell="1"] .kicker{font-size:10px!important;letter-spacing:.085em!important;color:#0c7043!important}
  body[data-v406-shell="1"] :is(.seller-page-actions,.hero-actions,.product-card-actions,.profile-message-head-actions-v148,.action-row){
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important;
  }
  body[data-v406-shell="1"] :is(.seller-page-actions,.hero-actions,.product-card-actions,.profile-message-head-actions-v148,.action-row) :is(.btn,a,button){
    width:100%!important;min-width:0!important;min-height:46px!important;padding-left:10px!important;padding-right:10px!important;border-radius:14px!important;white-space:normal!important;text-align:center!important;line-height:1.18!important;
  }
  body[data-v406-shell="1"] .v406-one-action{grid-template-columns:1fr!important}

  /* Product discovery looks like an application catalogue. */
  body[data-v406-shell="1"] .product-grid:not(.pool-product-grid-v394),
  body[data-v406-shell="1"] [data-live-products].product-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;min-width:0!important;
  }
  body[data-v406-shell="1"] .product-card{overflow:hidden!important;border-radius:18px!important}
  body[data-v406-shell="1"] .product-card .p-media{height:148px!important;min-height:0!important;border-radius:17px 17px 0 0!important}
  body[data-v406-shell="1"] .product-card .p-body{padding:11px!important}
  body[data-v406-shell="1"] .product-card .p-body h3{font-size:14px!important;line-height:1.22!important;margin:0 0 5px!important}
  body[data-v406-shell="1"] .product-card .p-body>p{font-size:10px!important;line-height:1.35!important;min-height:27px!important}
  body[data-v406-shell="1"] .product-card .price{font-size:16px!important}
  body[data-v406-shell="1"] .product-card .product-card-actions{grid-template-columns:1fr!important}
  body[data-v406-shell="1"] .product-card .product-card-actions .btn{min-height:38px!important;font-size:10.5px!important}
  body[data-v406-shell="1"] .product-attr-pills-v382{gap:4px!important}
  body[data-v406-shell="1"] .product-attr-pills-v382 span{font-size:8.5px!important;padding:4px 6px!important}
  body[data-v406-shell="1"] .pool-product-grid-v394{gap:10px!important}

  /* Forms become touch-first, single column and retain all original field names/actions. */
  body[data-v406-shell="1"] form{max-width:100%;min-width:0}
  body[data-v406-shell="1"] form :is(label,.form-field,.field){min-width:0!important}
  body[data-v406-shell="1"] form label{font-size:11.5px!important;line-height:1.35!important;font-weight:900!important}
  body[data-v406-shell="1"] form :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:51px!important;
    padding:11px 13px!important;border:1px solid var(--v406-line)!important;border-radius:15px!important;
    background:#fffdf8!important;color:var(--v406-text)!important;font-size:16px!important;outline:none!important;
  }
  body[data-v406-shell="1"] form textarea{min-height:112px!important;resize:vertical}
  body[data-v406-shell="1"] form :is(input,select,textarea):focus{border-color:var(--v406-green)!important;box-shadow:0 0 0 3px rgba(22,139,87,.12)!important}
  body[data-v406-shell="1"] :is(.seller-form-row,.auth-row,.form-row,.field-row,.filter-row,.buyer-privacy-grid-v269,.pool-filter-grid-v394){
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;
  }
  body[data-v406-shell="1"] .check,
  body[data-v406-shell="1"] label:has(>input[type="checkbox"]),
  body[data-v406-shell="1"] label:has(>input[type="radio"]){
    min-height:48px;padding:10px 12px;border:1px solid var(--v406-line);border-radius:14px;background:#fffdf8;display:flex!important;align-items:center;gap:9px;
  }
  body[data-v406-shell="1"] input[type="checkbox"],body[data-v406-shell="1"] input[type="radio"]{width:20px;height:20px;flex:0 0 auto;accent-color:var(--v406-green)}
  body[data-v406-shell="1"] .seller-product-submit-v393,
  body[data-v406-shell="1"] .v406-sticky-submit{
    position:sticky!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;z-index:45!important;
    margin:13px -5px 0!important;padding:9px!important;border:1px solid rgba(22,139,87,.18)!important;border-radius:18px!important;
    background:rgba(255,250,241,.94)!important;backdrop-filter:blur(16px)!important;box-shadow:0 -8px 26px rgba(55,39,16,.12)!important;
  }

  /* Profile and seller workspaces use the same app shell; desktop sidebars/tabs are replaced by the existing role sheet trigger. */
  body[data-v406-shell="1"] .seller-panel-shell-v151,
  body[data-v406-shell="1"] .seller-panel-layout-v151{
    display:block!important;width:100%!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  }
  body[data-v406-shell="1"] :is(.seller-panel-sidebar-v151,.seller-panel-nav-v151,.seller-page-tabs,.profile-page-tabs){display:none!important}
  body[data-v406-shell="1"] .seller-panel-content-v151{width:100%!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  body[data-v406-shell="1"] .v398-context-menu-trigger{margin:0 0 10px!important}
  body[data-v406-shell="1"] .v398-context-menu-trigger button{min-height:64px!important;border-radius:19px!important;box-shadow:var(--v406-shadow-soft)!important}
  body[data-v406-shell="1"] .seller-dashboard-grid,
  body[data-v406-shell="1"] .seller-summary-grid,
  body[data-v406-shell="1"] .profile-summary-grid,
  body[data-v406-shell="1"] .seller-stat-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  }
  body[data-v406-shell="1"] .seller-dashboard-grid>*:first-child{grid-column:1/-1}

  /* Tables: small ones become readable cards; large ones remain smooth horizontal app panels. */
  .v406-table-scroll{width:100%;max-width:100%;overflow-x:auto;padding:1px 0 6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .v406-table-scroll>table{min-width:640px;margin:0!important}
  table.v406-card-table{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important}
  table.v406-card-table thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
  table.v406-card-table tbody{display:grid!important;gap:9px!important}
  table.v406-card-table tr{display:block!important;padding:10px 12px!important;border:1px solid var(--v406-line)!important;border-radius:16px!important;background:#fffdf8!important;box-shadow:0 5px 15px rgba(55,39,16,.05)!important}
  table.v406-card-table td{display:grid!important;grid-template-columns:minmax(92px,.42fr) minmax(0,.58fr)!important;gap:10px!important;align-items:start!important;padding:7px 0!important;border:0!important;border-bottom:1px dashed color-mix(in srgb,var(--v406-line) 72%,transparent)!important;text-align:right!important;overflow-wrap:anywhere!important}
  table.v406-card-table td:last-child{border-bottom:0!important}
  table.v406-card-table td:before{content:attr(data-v406-label);text-align:left;color:var(--v406-muted);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.045em}

  /* Details, notices, chips and accordions. */
  body[data-v406-shell="1"] details{max-width:100%;border:1px solid var(--v406-line);border-radius:16px;background:#fffdf8;overflow:hidden}
  body[data-v406-shell="1"] details>summary{min-height:51px;padding:13px 14px;display:flex;align-items:center;font-weight:950;cursor:pointer;list-style:none}
  body[data-v406-shell="1"] details>summary::-webkit-details-marker{display:none}
  body[data-v406-shell="1"] :is(.tag,.status,.badge,.chip,.pill){max-width:100%;white-space:normal}
  body[data-v406-shell="1"] :is(.empty,.notice,.alert,.seller-form-msg,.auth-msg){border-radius:16px!important;padding:13px!important;font-size:12px!important;line-height:1.45!important}

  /* Checkout / success / legal pages stay inside the same app viewport. */
  body[data-page="payment"] main,
  body[data-page="legal"] main,
  body[data-page="profile"] main,
  body[data-page="products"] main{padding-top:8px!important}
  body[data-v406-shell="1"] :is(.checkout-shell,.payment-shell,.success-shell,.legal-shell){width:calc(100% - 20px)!important;max-width:520px!important;margin:8px auto 0!important;padding:0!important}

  /* Native-feeling loading and connection states. */
  .v406-page-loader{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:rgba(243,238,227,.72);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:.16s}
  .v406-page-loader.show{opacity:1;visibility:visible;pointer-events:auto}
  .v406-page-loader>span{width:52px;height:52px;border:5px solid rgba(22,139,87,.16);border-top-color:var(--v406-green);border-radius:50%;animation:v406spin .75s linear infinite}
  @keyframes v406spin{to{transform:rotate(360deg)}}
  .v406-offline-banner{position:fixed;left:50%;top:calc(8px + env(safe-area-inset-top));z-index:151;transform:translate(-50%,-130%);display:flex;align-items:center;gap:7px;max-width:calc(100% - 24px);padding:9px 13px;border-radius:999px;background:#1f1d18;color:#fff;font-size:10px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.2);transition:.2s}
  .v406-offline-banner.show{transform:translate(-50%,0)}

  /* Hard overflow guard for old desktop modules without changing their behavior. */
  body[data-v406-shell="1"] main *,body[data-v406-shell="1"] .app-shell *{max-inline-size:100%}
  body[data-v406-shell="1"] :is(img,video,canvas,svg){max-width:100%;height:auto}
  body[data-v406-shell="1"] :is(pre,code){white-space:pre-wrap;overflow-wrap:anywhere}
}
@media(max-width:390px){
  body[data-v406-shell="1"] .product-grid:not(.pool-product-grid-v394),body[data-v406-shell="1"] [data-live-products].product-grid{gap:7px!important}
  body[data-v406-shell="1"] .product-card .p-media{height:132px!important}
  body[data-v406-shell="1"] .product-card .p-body{padding:9px!important}
  body[data-v406-shell="1"] :is(.seller-page-actions,.hero-actions,.product-card-actions,.profile-message-head-actions-v148,.action-row){grid-template-columns:1fr!important}
  .v406-appbar .v395-appbar-copy small{display:none!important}
  .v406-appbar .v395-appbar-logo{width:42px;height:42px}
}