/* v10.9.2 — Fırsatlar, Bütçene Göre Öneri'nin sağındaki üçüncü ana sekmedir. */
.home-modes{width:max-content;max-width:calc(100vw - 24px);gap:5px;flex-wrap:wrap;justify-content:center}
.home-modes #dealsToggle{
  display:flex!important;align-items:center;justify-content:center;gap:7px;
  width:auto!important;height:auto!important;margin:0!important;
  box-shadow:none!important;min-height:37px;padding:10px 16px!important;
  background:transparent!important;color:#756b84!important;
  border:0!important;border-radius:11px!important;
  font:750 12px/1.3 Inter,system-ui,sans-serif!important;
  white-space:normal;text-align:center;transform:none!important;
}
.home-modes #dealsToggle.active,.home-modes #dealsToggle[aria-selected="true"]{
  color:#fff!important;background:linear-gradient(115deg,#8c63dc,#643bb2)!important;
  box-shadow:0 4px 14px #7c5bc32d!important;
}
.home-modes #dealsToggle .deal-spark{font-size:15px;flex:none}
.home-modes #dealsToggle .deal-divider{margin:0 2px;color:inherit;opacity:.78}
.home-modes #dealsToggle svg{flex:none;width:14px;height:14px;transition:transform .2s ease}
.home-modes #dealsToggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.hero #dealsPanel:not(.hidden){width:min(1120px,calc(100vw - 30px));max-width:1120px;margin:12px auto 20px!important;padding:18px!important;text-align:left}
body.deals-mode:not(.workspace-open) .hero.container{height:auto!important;min-height:calc(100svh - 155px)!important;justify-content:flex-start!important}
body.deals-mode .hero .orb-wrap{height:70px!important}
body.deals-mode .hero .orb,body.deals-mode .hero-orb-img{width:76px!important;height:76px!important}
body.deals-mode .hero h1{font-size:35px!important;margin-bottom:9px!important}
@media(max-width:630px){
  .home-modes{gap:4px;padding:5px;width:calc(100vw - 26px);flex-wrap:nowrap}
  .home-modes button,.home-modes #dealsToggle{font-size:10px!important;padding:9px 6px!important;min-width:0;flex:1}
  .home-modes #dealsToggle svg{display:none}
  .home-modes #dealsToggle .deal-spark{display:none}
  .hero #dealsPanel:not(.hidden){width:calc(100vw - 22px);padding:12px!important}
}