:root{
  --pink:#f80ac2;--pink-dark:#d400a5;--ink:#161821;--muted:#737783;--line:#ececf1;
  --bg:#fafafa;--white:#fff;--shadow:0 10px 30px rgba(22,24,33,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}.container{width:min(1460px,calc(100% - 48px));margin:auto}

/* header */
.header{height:72px;background:#fff;border-bottom:1px solid #f0f0f2;position:sticky;top:0;z-index:50}
.header-inner{height:100%;display:flex;align-items:center;gap:36px}.logo{font-size:30px;font-weight:950;letter-spacing:-1.6px}.logo span{color:var(--pink);font-style:italic}
.nav{display:flex;gap:29px;align-items:center;flex:1;justify-content:center}.nav a{font-size:14px;font-weight:700;position:relative;padding:27px 0}.nav a.active{color:var(--pink)}
.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:3px;background:var(--pink);border-radius:8px}
.header-actions{display:flex;gap:14px;align-items:center}
.icon-btn{width:38px;height:38px;border:0;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);padding:8px;transition:.2s}
.icon-btn svg{width:22px;height:22px}
.icon-btn:hover{background:#f7f7f9;color:var(--pink)}
.login svg{flex:none}.circle-btn{width:38px;height:38px;border:0;background:transparent;border-radius:50%;font-size:20px}.login{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}

/* hero */
.hero{position:relative;background:#fff;overflow:hidden;border-bottom:1px solid #f4f4f6}
.hero-inner{min-height:260px;display:grid;grid-template-columns:330px minmax(430px,1fr) 450px;gap:34px;align-items:center;position:relative}
.hero-copy h1{font-size:48px;line-height:.98;letter-spacing:-2.6px;margin:0}.hero-copy h1 span{color:var(--pink)}.hero-copy p{font-size:16px;margin:14px 0 0}.hero-copy p span{color:var(--pink);font-weight:800}
.hero-search{display:flex;flex-direction:column;align-items:center;gap:17px;min-width:0;width:100%}.search-box{width:100%;max-width:100%;height:56px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;padding:0 20px;gap:13px;overflow:hidden; font-size:30px;}
.search-box input{border:0;outline:0;flex:1;width:auto;min-width:0;font-size:14px}.city-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.city-chip{border:1px solid #f0f0f3;background:#fff;border-radius:26px;padding:10px 18px;font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.05); z-index:999;}
.city-chip.active{background:var(--pink);border-color:var(--pink);color:#fff}
.hero-collage{height:235px;position:relative}.tile{position:absolute;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px rgba(55,10,45,.12);background:#ddd}
.tile img{width:100%;height:100%;object-fit:cover}.tile.t1{width:165px;height:118px;right:265px;top:18px;transform:rotate(-12deg)}.tile.t2{width:210px;height:150px;right:65px;top:-5px;transform:rotate(8deg)}
.tile.t3{width:170px;height:110px;right:225px;bottom:4px;transform:rotate(8deg)}.tile.t4{width:145px;height:105px;right:15px;bottom:11px;transform:rotate(-9deg)}
.hero:before{content:"";position:absolute;left:-60px;top:30px;width:110px;height:170px;background:#fde4f6;transform:rotate(-28deg);border-radius:32px}.hero:after{content:"";position:absolute;right:-50px;bottom:-70px;width:250px;height:250px;border-radius:50%;background:rgba(248,10,194,.05)}

/* quick categories */
.quick{background:#fff;padding:16px 0 20px}.quick-grid{display:grid;grid-template-columns:170px repeat(6,1fr);gap:14px;align-items:center}
.quick-title{font-size:15px;font-weight:800;line-height:1.35}.quick-title span{color:var(--pink)}
.quick-card{height:60px;border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 5px 18px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;gap:11px;font-size:13px;font-weight:700;cursor:pointer}
.quick-card.active,.quick-card:hover{border-color:rgba(248,10,194,.35);box-shadow:0 8px 24px rgba(248,10,194,.10)}.quick-icon{font-size:25px;color:var(--pink)}

/* content */
.content{padding:18px 0 28px}.layout{display:grid;grid-template-columns:200px minmax(0,1fr) 220px;gap:22px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.04);overflow:hidden}.filter-head{padding:17px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.filter-head strong{font-size:13px}.link-btn{border:0;background:transparent;color:var(--pink);font-size:12px;font-weight:800}
.filter-section{border-bottom:1px solid var(--line)}.filter-section:last-child{border-bottom:0}.filter-title{width:100%;border:0;background:#fff;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:12px;cursor:pointer}
.filter-body{padding:0 16px 14px}.filter-body.collapsed{display:none}.option{display:flex;align-items:center;gap:9px;margin:10px 0;font-size:12px;cursor:pointer}.box{width:16px;height:16px;border:1px solid #c9cbd2;border-radius:50%;display:inline-grid;place-items:center;flex:none}
.option[data-type="checkbox"] .box{border-radius:4px}.option.active .box{background:var(--pink);border-color:var(--pink)}.option.active .box:after{content:"✓";color:#fff;font-size:10px}
.more{border:0;background:transparent;padding:2px 0 0;font-size:11px;font-weight:800}.hidden-option{display:none}.hidden-option.show{display:flex}
.date-input{width:100%;height:38px;border:1px solid var(--line);border-radius:9px;margin:5px 0;padding:0 10px;font-size:11px}
.range-wrap{padding:8px 0}.range-wrap input{width:100%;accent-color:var(--pink)}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:4px}.apply{width:100%;border:0;background:var(--pink);color:#fff;border-radius:11px;padding:11px 10px;font-size:12px;font-weight:800;margin-top:8px}

/* events */
.events-head{display:flex;justify-content:space-between;align-items:center;margin:3px 0 13px}.events-head h2{font-size:21px;margin:0}.events-head .count{font-size:12px;color:var(--pink);margin-left:8px}.sort{border:1px solid var(--line);background:#fff;border-radius:14px;padding:8px 11px;font-size:10px}
.event-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.event-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 17px rgba(0,0,0,.05);transition:.2s}.event-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.09)}
.event-image{position:relative;height:145px;overflow:hidden;background:#ddd}.event-image img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:8px;top:8px;background:var(--pink);color:#fff;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800}
.fav{position:absolute;right:8px;top:8px;width:29px;height:29px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.18);color:#fff;font-size:16px}.fav.active{background:#fff;color:var(--pink)}
.date-badge{position:absolute;left:0;bottom:0;width:45px;background:var(--pink);color:#fff;text-align:center;padding:7px 3px}.date-badge strong{display:block;font-size:20px;line-height:18px}.date-badge small{font-size:8px;font-weight:800}.time-badge{display:none}
.event-body{padding:10px 10px 10px 10px;min-height:95px}.event-body h3{font-size:13px;line-height:1.18;margin:0 0 8px}.meta{font-size:11px;color:#6e727d;line-height:1.55}.event-footer{border-top:1px solid #f0f0f2;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:7px}.price{font-size:8px}.buy{border:0;background:var(--pink);color:#fff;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:800}
.short-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* now */
.now-title{font-size:19px;font-weight:850;margin:4px 0 13px}.now-list{display:flex;flex-direction:column;gap:11px}.now-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;display:grid;grid-template-columns:67px 1fr;gap:10px;box-shadow:0 5px 15px rgba(0,0,0,.04)}
.now-card img{width:67px;height:92px;border-radius:8px;object-fit:cover}.now-time{color:var(--pink);font-size:12px;font-weight:800}.now-name{font-size:11px;font-weight:800;margin:9px 0}.now-place{font-size:9px;color:#737783;line-height:1.5}.now-more{width:100%;margin-top:2px;border:1px solid var(--pink);background:#fff;color:var(--pink);border-radius:18px;padding:9px;font-size:11px;font-weight:800}

/* app banner + footer */
.app-banner{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 18px rgba(0,0,0,.04);padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.app-left{display:flex;align-items:center;gap:14px}.app-icon{width:55px;height:55px;border-radius:13px;background:var(--pink);color:#fff;font-size:32px;font-weight:900;display:grid;place-items:center}.app-left strong{color:var(--pink);display:block;font-size:14px}.app-left b{font-size:15px}.features{display:flex;gap:34px}.feature{text-align:center;font-size:10px}.feature i{font-style:normal;color:var(--pink);font-size:20px;display:block;margin-bottom:5px}.stores{display:flex;gap:8px}.store{background:#111;color:#fff;border-radius:6px;padding:7px 10px;font-size:9px}.store b{font-size:12px;display:block}
.footer{background:#fff;border-top:1px solid var(--line);padding:42px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr) 1.3fr;gap:32px}.footer h4{font-size:11px;margin:0 0 14px}.footer p,.footer a{font-size:12px;color:#737783;line-height:1.75}.footer a{display:block;margin:5px 0}.support{border-left:1px solid var(--line);padding-left:25px}.whatsapp{margin-top:10px;border:0;background:#18c85f;color:#fff;border-radius:20px;padding:10px 14px;font-size:10px;font-weight:800}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;font-size:9px;color:#8b8d95;display:flex;justify-content:space-between}
.user-dropdown{
  position:relative;
}

.user-dropdown-toggle{
  display:flex;
  align-items:center;
  gap:8px;

  border:0;
  background:transparent;

  color:#171923;

  font-size:14px;
  font-weight:700;

  cursor:pointer;

  padding:8px 4px;
}

.user-dropdown-toggle svg{
  flex:none;
}

.dropdown-arrow{
  transition:transform .2s ease;
}

.user-dropdown.open .dropdown-arrow{
  transform:rotate(180deg);
}

.user-dropdown-menu{
  position:absolute;

  top:calc(100% + 12px);
  right:0;

  width:190px;

  background:#fff;

  border:1px solid #ececf1;

  border-radius:14px;

  box-shadow:0 14px 40px rgba(22,24,33,.12);

  padding:7px;

  opacity:0;
  visibility:hidden;

  transform:translateY(-6px);

  transition:
      opacity .2s ease,
      transform .2s ease,
      visibility .2s ease;

  z-index:999;
}

.user-dropdown.open .user-dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.user-dropdown-menu a{
  display:flex;
  align-items:center;
  gap:10px;

  padding:11px 12px;

  border-radius:9px;

  color:#444750;

  font-size:13px;
  font-weight:600;

  text-decoration:none;

  transition:.2s;
}

.user-dropdown-menu a:hover{
  background:#fff0fa;
  color:#f80ac2;
}

.user-dropdown-menu svg{
  flex:none;
}

.dropdown-divider{
  height:1px;

  background:#ececf1;

  margin:5px 3px;
}

.user-dropdown-menu .logout-link:hover{
  background:#fff2f4;
  color:#e43c58;
}
/* mobile filter drawer */
.mobile-filter-btn{display:none}.drawer-backdrop{display:none}.mobile-drawer{display:none}

/* responsive */
@media(max-width:1200px){.hero-inner{grid-template-columns:290px 1fr}.hero-collage{display:none}.layout{grid-template-columns:190px minmax(0,1fr)}.right-now{display:none}.quick-grid{grid-template-columns:150px repeat(3,1fr)}.quick-card:nth-child(n+5){display:none}.event-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.container{width:calc(100% - 28px)}.nav{display:none}.hero-inner{grid-template-columns:1fr;gap:22px;padding:30px 0}.hero-copy{text-align:left}.hero-copy h1{font-size:42px}.hero-search{align-items:stretch}.quick-grid{grid-template-columns:1fr 1fr}.quick-title{grid-column:1/-1}.layout{grid-template-columns:1fr}.filter-left{display:none}.mobile-filter-btn{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:800}.events-head{align-items:flex-start;gap:10px}.event-grid{grid-template-columns:repeat(2,1fr)}.app-banner{flex-wrap:wrap}.features{order:3;width:100%;justify-content:center}.footer-grid{grid-template-columns:1fr 1fr 1fr}.support{border-left:0;padding-left:0}.mobile-drawer{display:block;position:fixed;top:0;left:-330px;width:310px;height:100vh;background:#fff;z-index:101;padding:18px;overflow:auto;transition:.25s;box-shadow:12px 0 35px rgba(0,0,0,.12)}.mobile-drawer.open{left:0}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:100}.drawer-backdrop.show{display:block}}
@media(max-width:600px){
  .meta { font-size:13px; }
  .event-body h3 {
    font-size: 16px;
  }
  .event-card .price, .event-card .buy, .event-card .event-image .badge { font-size:11px; }
  .header{height:62px}.logo{font-size:24px}.circle-btn:first-child{display:none}.hero-copy h1{font-size:37px}.hero-copy p{font-size:14px}.hero-search{width:100%;min-width:0}.search-box{width:100%;max-width:100%;padding:0 14px}.search-box input{min-width:0;font-size:13px}.city-row{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.quick-title{grid-column:1/-1}.quick-card{height:54px;min-width:0;padding:8px 5px;gap:5px;font-size:10px}.quick-icon{font-size:19px}.quick-card:nth-child(5),.quick-card:nth-child(6),.quick-card:nth-child(7){display:none}.event-grid{grid-template-columns:1fr}.event-image{height:205px}.events-head h2{font-size:18px}.sort{display:none}.app-banner{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.stores{display:none}}



/*
|--------------------------------------------------------------------------
| MAXBİLET - ETKİNLİK DETAY SAYFASI
|--------------------------------------------------------------------------
| Bu dosyada SADECE detay sayfasına özel stiller vardır.
| Header / navbar / container / app banner / footer stilleri
| ana sayfadaki ortak CSS'ten gelir.
|
| Tüm detay sınıfları "mbd-" prefixlidir.
|--------------------------------------------------------------------------
*/

.mbd-page{
  padding:22px 0 130px;
}

.mbd-breadcrumb{
  font-size:12px;
  color:#7d808b;
  margin:3px 0 18px;
}

.mbd-breadcrumb span{
  margin:0 7px;
  color:#b0b2b9;
}


/* =========================================================
 HERO
========================================================= */

.mbd-hero-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:34px;
  align-items:start;
}

.mbd-poster-card{
  position:relative;
  aspect-ratio:1.15/1;
  overflow:hidden;

  background:#ddd;

  border-radius:22px;

  box-shadow:
      0 12px 35px rgba(22,24,33,.08);
}

.mbd-poster-card > img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
}

.mbd-poster-tags{
  position:absolute;

  left:18px;
  bottom:18px;

  display:flex;
  gap:8px;
}

.mbd-poster-tag{
  padding:8px 11px;

  color:#fff;
  background:rgba(20,20,25,.82);

  border:1px solid rgba(255,255,255,.25);
  border-radius:11px;

  font-size:11px;
}

.mbd-poster-tag strong{
  display:block;

  color:#fff;

  font-size:12px;
}

.mbd-poster-tag.is-pink strong{
  color:#ff6dd7;
}


/* =========================================================
 EVENT SUMMARY
========================================================= */

.mbd-summary{
  padding:8px 0 0;
}

.mbd-category{
  display:inline-block;

  margin-bottom:15px;
  padding:7px 11px;

  color:#f80ac2;
  background:#fff0fa;

  border-radius:10px;

  font-size:11px;
  font-weight:800;
}

.mbd-title{
  margin:0;

  font-size:48px;
  line-height:1.03;

  letter-spacing:-2.5px;
}

.mbd-organizer{
  margin-top:12px;

  font-size:17px;
  font-weight:800;
}


/* =========================================================
 STATS
========================================================= */

.mbd-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  margin:35px 0 25px;

  background:#fff;

  border:1px solid #ececf2;
  border-radius:16px;
}

.mbd-stat{
  display:flex;
  align-items:center;
  gap:11px;

  padding:18px 17px;

  border-right:1px solid #ececf2;
}

.mbd-stat:last-child{
  border-right:0;
}

.mbd-stat-icon{
  width:30px;
  height:30px;

  display:grid;
  place-items:center;

  font-size:19px;
}

.mbd-stat strong{
  display:block;

  font-size:13px;
}

.mbd-stat span{
  display:block;

  margin-top:3px;

  color:#888b95;

  font-size:11px;
}


/* =========================================================
 FAVORITE / SHARE
========================================================= */

.mbd-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.mbd-action-btn{
  height:48px;

  color:#33353e;
  background:#fff;

  border:1px solid #ececf2;
  border-radius:13px;

  font-weight:750;

  transition:
      border-color .2s ease,
      color .2s ease,
      background .2s ease;
}

.mbd-action-btn:hover{
  color:#f80ac2;

  border-color:#f80ac2;
}

.mbd-action-btn span{
  margin-right:7px;

  color:#f80ac2;
}

.mbd-action-btn.is-active{
  color:#f80ac2;
  background:#fff0fa;

  border-color:#f80ac2;
}


/* =========================================================
 MAIN CONTENT
========================================================= */

.mbd-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:24px;

  margin-top:26px;

  align-items:start;
}

.mbd-card{
  background:#fff;

  border:1px solid #ececf2;
  border-radius:18px;

  box-shadow:
      0 6px 22px rgba(0,0,0,.04);
}

.mbd-content-card{
  padding:24px;
}

.mbd-content-card h2{
  margin:0 0 16px;

  font-size:20px;
}

.mbd-content-card p{
  margin:0 0 10px;

  color:#5f626d;

  font-size:13px;
  line-height:1.8;
}

.mbd-read-more{
  padding:6px 0;

  color:#f80ac2;
  background:transparent;

  border:0;

  font-size:12px;
  font-weight:800;
}

.mbd-divider{
  height:1px;

  margin:22px 0;

  background:#ececf2;
}


/* =========================================================
 CAST
========================================================= */

.mbd-cast-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.mbd-cast-controls{
  display:flex;
  gap:7px;
}

.mbd-cast-arrow{
  width:30px;
  height:30px;

  background:#fff;

  border:1px solid #ececf2;
  border-radius:50%;
}

.mbd-cast-arrow:hover{
  color:#f80ac2;

  border-color:#f80ac2;
}

.mbd-cast-row{
  display:flex;
  gap:19px;

  overflow-x:auto;

  padding:10px 2px 5px;

  scrollbar-width:none;
}

.mbd-cast-row::-webkit-scrollbar{
  display:none;
}

.mbd-cast-member{
  flex:0 0 76px;

  text-align:center;
}

.mbd-cast-member img{
  width:64px;
  height:64px;

  object-fit:cover;

  border:3px solid #f6f2f5;
  border-radius:50%;
}

.mbd-cast-member span{
  display:block;

  margin-top:7px;

  font-size:10px;
  line-height:1.25;
}


/* =========================================================
 NOTES
========================================================= */

.mbd-notes{
  margin-top:22px;
  padding:18px;

  background:
      linear-gradient(
          135deg,
          #fff6fc,
          #fff0fa
      );

  border-radius:15px;
}

.mbd-notes-title{
  display:flex;
  align-items:center;
  gap:10px;

  font-size:13px;
  font-weight:800;
}

.mbd-notes-star{
  width:38px;
  height:38px;

  display:grid;
  place-items:center;

  color:#f80ac2;
  background:#ffd9f1;

  border-radius:50%;

  font-size:20px;
}

.mbd-notes ul{
  margin:12px 0 0;
  padding-left:18px;
}

.mbd-notes li{
  margin:8px 0;

  color:#51535d;

  font-size:11px;
}


/* =========================================================
 SESSIONS
========================================================= */

.mbd-sessions{
  position:sticky;
  top:92px;

  padding:20px;
}

.mbd-sessions-title{
  margin:0 0 5px;

  font-size:21px;
}

.mbd-sessions-sub{
  margin-bottom:14px;

  color:#7e808a;

  font-size:12px;
}

.mbd-session-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mbd-session{
  position:relative;

  padding:13px;

  background:#fff;

  border:1px solid #ececf2;
  border-radius:15px;

  transition:
      border-color .2s ease,
      box-shadow .2s ease;
}

.mbd-session:hover{
  border-color:rgba(248,10,194,.45);
}

.mbd-session.is-selected{
  border-color:#f80ac2;

  box-shadow:
      0 0 0 1px rgba(248,10,194,.08);
}

.mbd-selected-badge{
  display:none;

  position:absolute;

  right:0;
  top:0;

  padding:6px 11px;

  color:#fff;
  background:#f80ac2;

  border-radius:0 15px 0 10px;

  font-size:10px;
  font-weight:800;
}

.mbd-session.is-selected .mbd-selected-badge{
  display:block;
}

.mbd-session-main{
  display:grid;
  grid-template-columns:70px 1fr auto;
  gap:12px;

  align-items:center;
}

.mbd-session-date{
  padding-right:10px;

  text-align:center;

  border-right:1px solid #ececf2;
}

.mbd-session-date strong{
  display:block;

  font-size:27px;
  line-height:1;
}

.mbd-session-date b{
  display:block;

  margin:4px 0;

  color:#f80ac2;

  font-size:11px;
}

.mbd-session-date span,
.mbd-session-date small{
  display:block;

  color:#646771;

  font-size:9px;
}

.mbd-session-place strong{
  display:block;

  margin-bottom:5px;

  font-size:14px;
}

.mbd-session-place p{
  margin:0;

  color:#747781;

  font-size:10px;
  line-height:1.45;
}

.mbd-session-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;

  margin-top:8px;
}

.mbd-session-tag{
  padding:4px 7px;

  background:#f4f4f7;

  border-radius:8px;

  font-size:8px;
}

.mbd-session-tag.is-pink{
  color:#d600a6;
  background:#fff0fa;
}

.mbd-session-price{
  font-size:20px;
  font-weight:900;

  white-space:nowrap;
}

.mbd-ticket-btn{
  width:100%;
  height:40px;

  margin-top:11px;

  color:#f80ac2;
  background:#fff;

  border:1px solid #f80ac2;
  border-radius:9px;

  font-size:11px;
  font-weight:850;
}

.mbd-session.is-selected .mbd-ticket-btn{
  color:#fff;
  background:#f80ac2;
}

.mbd-show-all{
  width:100%;
  height:42px;

  margin-top:12px;

  background:#fafafa;

  border:0;
  border-radius:10px;

  font-size:11px;
  font-weight:800;
}


/* =========================================================
 STICKY PURCHASE BAR
========================================================= */

.mbd-sticky-purchase{
  position:fixed;
  z-index:80;

  left:50%;
  bottom:14px;

  width:min(1160px,calc(100% - 32px));

  display:grid;
  grid-template-columns:64px 1fr auto auto;
  gap:15px;
  align-items:center;

  padding:11px 15px;

  background:rgba(255,255,255,.97);

  border:1px solid #ececf2;
  border-radius:17px;

  box-shadow:
      0 16px 45px rgba(0,0,0,.14);

  backdrop-filter:blur(18px);

  transform:translateX(-50%);
}

.mbd-sticky-thumb{
  width:64px;
  height:64px;

  object-fit:cover;

  border-radius:10px;
}

.mbd-sticky-copy small{
  color:#f80ac2;

  font-weight:800;
}

.mbd-sticky-copy strong{
  display:block;

  margin-top:3px;

  font-size:14px;
}

.mbd-sticky-copy span{
  color:#6f727d;

  font-size:11px;
}

.mbd-sticky-price{
  font-size:28px;
  font-weight:900;
}

.mbd-sticky-buy{
  min-width:220px;
  height:52px;

  color:#fff;
  background:#f80ac2;

  border:0;
  border-radius:12px;

  font-size:16px;
  font-weight:900;
}

.mbd-sticky-buy:hover{
  background:#d400a5;
}


/* =========================================================
 MOBILE TABS
========================================================= */

.mbd-mobile-tabs{
  display:none;
}


/* =========================================================
 TABLET
========================================================= */

@media(max-width:1000px){

  .mbd-hero-grid{
      grid-template-columns:1fr;
  }

  .mbd-poster-card,
  .mbd-summary{
      width:100%;
      max-width:720px;

      margin-left:auto;
      margin-right:auto;
  }

  .mbd-main-grid{
      grid-template-columns:1fr;
  }

  .mbd-sessions{
      position:static;
  }

}


/* =========================================================
 MOBILE
========================================================= */

@media(max-width:700px){

  .mbd-page{
      padding-top:12px;
      padding-bottom:120px;
  }

  .mbd-breadcrumb{
      overflow:hidden;

      font-size:11px;

      text-overflow:ellipsis;
      white-space:nowrap;
  }

  .mbd-poster-card{
      aspect-ratio:1/1.05;

      border-radius:15px;
      height:200px;
  }

  .mbd-summary .mbd-category { display:none; }

  .mbd-hero-grid { gap:20px; }

  .mbd-stats { display:none; }

  .mbd-poster-tags{
      left:12px;
      right:12px;
      bottom:12px;

      justify-content:space-between;
  }

  .mbd-title{
      font-size:32px;

      letter-spacing:-1.4px;
  }

  .mbd-organizer{
      font-size:15px;
  }

  .mbd-stats{
      margin:24px 0 18px;

      border:0;
      border-radius:0;
  }

  .mbd-stat{
      padding:12px 8px;
  }

  .mbd-stat strong{
      font-size:11px;
  }

  .mbd-stat span{
      font-size:9px;
  }

  .mbd-actions{
      gap:8px;
      margin-top: 20px;
  }

  .mbd-action-btn{
      font-size:12px;
  }

  .mbd-main-grid{
      margin-top:18px;
  }

  .mbd-sessions{
      padding:16px 12px;

      border-radius:15px;
  }

  .mbd-sessions-title{
      font-size:18px;
  }

  .mbd-session{
      padding:11px;
  }

  .mbd-session-main{
      grid-template-columns:60px 1fr auto;
      gap:9px;
  }

  .mbd-session-date strong{
      font-size:24px;
  }

  .mbd-session-place strong{
      font-size:12px;
  }

  .mbd-session-place p{
      font-size:9px;
  }

  .mbd-session-price{
      font-size:18px;
  }

  .mbd-content-card{
      padding:18px 15px;
  }

  .mbd-mobile-tabs{
      position:sticky;
      z-index:20;

      top:64px;

      display:flex;

      overflow-x:auto;

      background:#fff;

      border-bottom:1px solid #ececf2;

      scrollbar-width:none;
  }

  .mbd-mobile-tabs::-webkit-scrollbar{
      display:none;
  }

  .mbd-mobile-tabs button{
      flex:0 0 auto;

      padding:15px 17px 13px;

      color:#70737d;
      background:#fff;

      border:0;
      border-bottom:2px solid transparent;

      font-size:11px;
  }

  .mbd-mobile-tabs button.is-active{
      color:#f80ac2;

      border-bottom-color:#f80ac2;
  }

  .mbd-sticky-purchase{
      bottom:8px;

      grid-template-columns:48px 1fr auto;
      gap:9px;

      padding:9px;

      border-radius:15px;
  }

  .mbd-sticky-thumb{
      width:48px;
      height:58px;
  }

  .mbd-sticky-price{
      position:absolute;

      right:12px;
      top:11px;

      font-size:18px;
  }

  .mbd-sticky-copy{
      padding-right:55px;
  }

  .mbd-sticky-copy strong{
      font-size:11px;
  }

  .mbd-sticky-copy span{
      font-size:9px;
  }

  .mbd-sticky-buy{
      grid-column:2/4;

      width:100%;
      min-width:0;
      height:42px;

      font-size:13px;
  }

}


/* =========================================================
 SMALL MOBILE
========================================================= */

@media(max-width:430px){

  .mbd-title{
      font-size:28px;
  }

  .mbd-session-main{
      grid-template-columns:55px 1fr;
  }

  .mbd-session-price{
      grid-column:2;

      justify-self:end;

      margin-top:-28px;
  }

}
.mb-block-picker{
  width:100%;
  background:#fff;
  border:1px solid #ececf2;
  border-radius:20px;
  padding:22px;
  box-shadow:0 10px 30px rgba(22,24,33,.06);
}

.mb-block-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}

.mb-block-header-left{
  display:flex;
  align-items:center;
  gap:14px;
}

.mb-block-header-icon{
  width:50px;
  height:50px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f80ac2;
  color:#fff;
}

.mb-block-header-icon svg{
  width:24px;
  height:24px;
}

.mb-block-header h2{
  margin:0;
  font-size:23px;
  line-height:1.1;
}

.mb-block-header p{
  margin:5px 0 0;
  font-size:12px;
  color:#777b88;
}

.mb-block-warning{
  padding:8px 12px;
  border-radius:10px;
  background:#fff0fa;
  color:#f80ac2;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}

.mb-block-list{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.mb-block-item{
  position:relative;

  display:grid;
  grid-template-columns:
      5px
      54px
      minmax(130px,1fr)
      minmax(170px,1fr)
      minmax(100px,.7fr)
      130px;

  align-items:center;
  gap:14px;

  min-height:92px;

  overflow:hidden;

  background:#fff;

  border:1px solid #ececf2;
  border-radius:14px;

  transition:
      transform .2s ease,
      border-color .2s ease,
      box-shadow .2s ease;
}

.mb-block-item:hover{
  transform:translateY(-2px);
  border-color:rgba(248,10,194,.28);
  box-shadow:0 8px 24px rgba(22,24,33,.07);
}

.mb-block-item.mb-block-selected{
  border-color:#f80ac2;
  box-shadow:
      0 0 0 1px rgba(248,10,194,.08),
      0 10px 26px rgba(248,10,194,.08);
}

.mb-block-accent{
  align-self:stretch;
  width:5px;
}

.mb-block-accent-pink{
  background:#f80ac2;
}

.mb-block-accent-purple{
  background:#b52bea;
}

.mb-block-accent-orange{
  background:#ff7b19;
}

.mb-block-accent-blue{
  background:#2c8cff;
}

.mb-block-accent-cyan{
  background:#14b8c8;
}

.mb-block-accent-green{
  background:#37c978;
}

.mb-block-accent-yellow{
  background:#f4be25;
}

.mb-block-seat-icon{
  width:48px;
  height:48px;

  display:grid;
  place-items:center;

  color:#f80ac2;
  background:#fff0fa;

  border-radius:11px;
}

.mb-block-seat-icon svg{
  width:25px;
  height:25px;
}

.mb-block-name-area strong{
  display:block;
  margin-bottom:6px;
  font-size:14px;
}

.mb-block-badge{
  display:inline-flex;
  align-items:center;

  padding:5px 8px;

  color:#555963;
  background:#f4f4f6;

  border-radius:6px;

  font-size:9px;
  font-weight:700;
}

.mb-block-badge-pink{
  color:#e400b2;
  background:#fff;
  border:1px solid rgba(248,10,194,.38);
}

.mb-block-price{
  font-size:15px;
  font-weight:800;
  white-space:nowrap;
}

.mb-block-status{
  min-height:18px;
  font-size:10px;
  font-weight:750;
}

.mb-block-status-warning{
  color:#ef9200;
}

.mb-block-status-ok{
  color:#15af62;
}

.mb-block-select-btn{
  height:40px;
  margin-right:14px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  color:#fff;
  background:#f80ac2;

  border:0;
  border-radius:9px;

  font-size:11px;
  font-weight:850;

  cursor:pointer;

  transition:
      background .2s ease,
      transform .2s ease;
}

.mb-block-select-btn:hover{
  background:#d400a5;
}

.mb-block-select-btn:active{
  transform:scale(.98);
}

.mb-block-item.mb-block-selected .mb-block-select-btn{
  background:#171923;
}

.mb-block-item.mb-block-selected .mb-block-select-btn:before{
  content:"✓";
}

.mb-block-footer-note{
  display:flex;
  align-items:center;
  gap:8px;

  margin-top:18px;
  padding-top:17px;

  border-top:1px solid #ececf2;

  color:#6f727d;

  font-size:11px;
}

.mb-block-footer-note span{
  font-size:16px;
}


/* TABLET */

@media(max-width:900px){

  .mb-block-item{
      grid-template-columns:
          5px
          48px
          1fr
          auto;
  }

  .mb-block-price{
      grid-column:3;
  }

  .mb-block-status{
      grid-column:3;
  }

  .mb-block-select-btn{
      grid-column:4;
      grid-row:1 / 4;

      width:120px;
      margin-right:10px;
  }

}


/* MOBILE */

@media(max-width:600px){

  .mb-block-picker{
      padding:14px;
      border-radius:15px;
  }

  .mb-block-header{
      align-items:flex-start;
  }

  .mb-block-header-icon{
      width:42px;
      height:42px;
  }

  .mb-block-header h2{
      font-size:19px;
  }

  .mb-block-header p{
      font-size:10px;
  }

  .mb-block-warning{
      font-size:9px;
      padding:7px 8px;
  }

  .mb-block-item{
      grid-template-columns:
          4px
          42px
          1fr;

      gap:10px;

      padding-bottom:11px;
  }

  .mb-block-seat-icon{
      width:40px;
      height:40px;
  }

  .mb-block-seat-icon svg{
      width:22px;
      height:22px;
  }

  .mb-block-name-area{
      padding-top:12px;
  }

  .mb-block-name-area strong{
      font-size:13px;
  }

  .mb-block-price{
      grid-column:3;

      margin-top:1px;

      font-size:13px;
  }

  .mb-block-status{
      grid-column:3;
  }

  .mb-block-select-btn{
      grid-column:2 / 4;
      grid-row:auto;

      width:auto;
      height:37px;

      margin:
          3px
          10px
          0
          0;
  }

}
button { cursor:pointer; }

/*
|--------------------------------------------------------------------------
| MAXBİLET - KOLTUK SEÇİM SAYFASI
|--------------------------------------------------------------------------
| Yeni tüm sınıflar mb-seat-* prefixlidir.
| Mevcut JS hook'ları korunmuştur:
| .seats-area .seat-list .ticket-basket .clear-basket
| .selected-tickets .total-prices #category #blok #increase #reduce
|--------------------------------------------------------------------------
*/

.mb-seat-page{
  --mb-seat-pink:#f80ac2;
  --mb-seat-pink-dark:#d400a5;
  --mb-seat-pink-soft:#fff0fa;
  --mb-seat-ink:#171923;
  --mb-seat-muted:#747782;
  --mb-seat-line:#ececf2;
  --mb-seat-bg:#fafafa;
  color:var(--mb-seat-ink);
}

.mb-seat-page *,
.mb-seat-page *::before,
.mb-seat-page *::after{box-sizing:border-box}

.mb-seat-page__main{
  min-height:100vh;
  padding:24px 20px 90px;
  background:var(--mb-seat-bg);
}

.mb-seat-page__container{
  width:min(1450px,100%);
  margin:0 auto;
}

.mb-seat-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 16px;
  color:#5f626d;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}

.mb-seat-back:hover{color:var(--mb-seat-pink)}

.mb-seat-event-card{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  margin-bottom:22px;
  padding:16px;
  background:#fff;
  border:1px solid var(--mb-seat-line);
  border-radius:18px;
  box-shadow:0 8px 24px rgba(22,24,33,.05);
}

.mb-seat-event-card__media{
  width:150px;
  height:100px;
  overflow:hidden;
  background:#111;
  border-radius:13px;
}

.mb-seat-event-card__fallback{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
}

.mb-seat-event-card__category{
  display:inline-flex;
  margin-bottom:8px;
  padding:5px 8px;
  color:var(--mb-seat-pink);
  background:var(--mb-seat-pink-soft);
  border-radius:7px;
  font-size:10px;
  font-weight:800;
}

.mb-seat-event-card h1{
  margin:0 0 15px;
  font-size:27px;
  line-height:1.15;
  letter-spacing:-1px;
}

.mb-seat-event-meta{
  display:flex;
  flex-wrap:wrap;
  gap:18px 28px;
}

.mb-seat-event-meta__item{
  color:#3d4049;
  font-size:12px;
}

.mb-seat-outline-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:110px;
  height:42px;
  color:var(--mb-seat-pink);
  background:#fff;
  border:1px solid var(--mb-seat-pink);
  border-radius:10px;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}

.mb-seat-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 350px;
  gap:24px;
  align-items:start;
}

.mb-seat-center{
  min-width:0;
  padding:22px;
  background:#fff;
  border:1px solid var(--mb-seat-line);
  border-radius:18px;
  box-shadow:0 8px 24px rgba(22,24,33,.05);
}

.mb-seat-stepper{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  gap:14px;
  align-items:center;
  margin-bottom:20px;
}

.mb-seat-step{
  display:flex;
  align-items:center;
  gap:8px;
  color:#8b8e97;
  font-size:11px;
}

.mb-seat-step span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  background:#f0f1f3;
  border-radius:50%;
  font-weight:800;
}

.mb-seat-step b{white-space:nowrap}

.mb-seat-step.is-active,
.mb-seat-step.is-done{color:var(--mb-seat-ink)}

.mb-seat-step.is-active span,
.mb-seat-step.is-done span{
  color:#fff;
  background:var(--mb-seat-pink);
}

.mb-seat-step-line{
  height:1px;
  background:#e5e6ea;
}

.mb-seat-toolbar{
  margin-bottom:17px;
  background:#fafafa;
  border:1px solid var(--mb-seat-line);
  border-radius:14px;
  overflow:hidden;
}

.mb-seat-toolbar__filters{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:14px;
}

.mb-seat-field label{
  display:block;
  margin-bottom:6px;
  color:#5d606b;
  font-size:10px;
  font-weight:800;
}

.mb-seat-field select{
  width:100%;
  height:42px;
  padding:0 36px 0 12px;
  color:#31343d;
  background:#fff;
  border:1px solid #dfe1e6;
  border-radius:9px;
  outline:none;
  font-size:11px;
}

.mb-seat-field select:focus{
  border-color:var(--mb-seat-pink);
  box-shadow:0 0 0 3px rgba(248,10,194,.07);
}

.mb-seat-toolbar__legend{
  display:flex;
  align-items:center;
  gap:18px;
  padding:12px 14px;
  background:#fff;
  border-top:1px solid var(--mb-seat-line);
}

.mb-seat-legend-item{
  display:flex;
  align-items:center;
  gap:7px;
  color:#50535d;
  font-size:10px;
}

.mb-seat-legend-dot{
  width:16px;
  height:16px;
  border-radius:5px;
}

.mb-seat-legend-dot.is-empty{background:hsl(196,87%,56%)}
.mb-seat-legend-dot.is-reserved{background:#f1b01a}
.mb-seat-legend-dot.is-full{background:#c4c4c4}
.mb-seat-legend-dot.is-selected{background:#f80ac2}

.mb-seat-zoom{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}

.mb-seat-zoom button{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  color:#343740;
  background:#fff;
  border:1px solid var(--mb-seat-line);
  border-radius:8px;
  font-size:16px;
  font-weight:800;
}

.mb-seat-zoom span{
  min-width:40px;
  text-align:center;
  font-size:10px;
}

.mb-seat-stage{
  margin:0 auto 18px;
  padding:0 50px;
  text-align:center;
}

.mb-seat-stage span{
  display:block;
  padding-bottom:8px;
  color:#22252d;
  border-bottom:3px solid #22252d;
  border-radius:0 0 50% 50%;
  font-size:11px;
  font-weight:900;
  letter-spacing:.6px;
}

.mb-seat-scroll{
  width:100%;
  max-width:100%;
  min-height:480px;
  max-height:62vh;
  overflow:auto !important;
  padding:6px 4px 18px;
  -webkit-overflow-scrolling:touch;
}

.mb-seat-area{
  min-width:900px;
  margin:0 auto;
}

.mb-seat-timer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:12px;
  padding-top:15px;
  color:#6f727d;
  border-top:1px solid var(--mb-seat-line);
  font-size:10px;
}

.mb-seat-timer strong{color:var(--mb-seat-pink)}

.mb-seat-basket{
  position:sticky;
  top:90px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--mb-seat-line);
  border-radius:18px;
  box-shadow:0 8px 24px rgba(22,24,33,.06);
}

.mb-seat-basket__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px;
  border-bottom:1px solid var(--mb-seat-line);
}

.mb-seat-basket__title{
  display:flex;
  align-items:center;
  gap:11px;
}

.mb-seat-basket__icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--mb-seat-pink);
  border-radius:50%;
  font-size:18px;
}

.mb-seat-basket__title h3{
  margin:0;
  font-size:18px;
}

.mb-seat-basket__title span{
  display:block;
  margin-top:3px;
  color:#8b8d95;
  font-size:9px;
}

.mb-seat-basket__clear{
  padding:6px 8px;
  color:#d14a5e;
  background:#fff3f5;
  border:0;
  border-radius:7px;
  font-size:9px;
  font-weight:800;
}

.mb-seat-basket__body{
  max-height:320px;
  overflow:auto;
  padding:14px 16px;
}

.mb-seat-selected-tickets{
  display:block !important;
  width:100%;
}

.mb-seat-selected-tickets li{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  margin:0 0 9px;
  padding:12px;
  list-style:none;
  background:#fff;
  border:1px solid var(--mb-seat-line);
  border-left:3px solid var(--mb-seat-pink);
  border-radius:11px;
  font-size:10px;
}

.mb-seat-basket__summary{
  padding:15px 18px;
  border-top:1px dashed #d9dbe1;
}

.mb-seat-basket__count-row,
.mb-seat-basket__total-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.mb-seat-basket__count-row{
  margin-bottom:9px;
  font-size:10px;
}

.mb-seat-basket__total-row span{
  font-size:13px;
  font-weight:800;
}

.mb-seat-basket__total-row strong{
  color:var(--mb-seat-pink);
  font-size:24px;
}

.mb-seat-basket__total-row strong span{font-size:inherit}

.mb-seat-pay-btn{
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 18px 14px;
  color:#fff;
  background:var(--mb-seat-pink);
  border-radius:10px;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}

.mb-seat-pay-btn:hover{
  color:#fff;
  background:var(--mb-seat-pink-dark);
}

.mb-seat-security{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 18px 18px;
  padding:12px;
  background:linear-gradient(135deg,#fff7fc,#fff0fa);
  border-radius:11px;
}

.mb-seat-security__icon{
  color:var(--mb-seat-pink);
  font-size:20px;
}

.mb-seat-security strong{
  display:block;
  margin-bottom:3px;
  font-size:10px;
}

.mb-seat-security span{
  display:block;
  color:#737681;
  font-size:8px;
}

@media(max-width:1050px){
  .mb-seat-layout{grid-template-columns:1fr}
  .mb-seat-basket{position:static}
  .mb-seat-event-card{grid-template-columns:120px minmax(0,1fr) auto}
  .mb-seat-event-card__media{width:120px}
}

@media(max-width:700px){
  .mb-seat-page__main{padding:14px 10px 115px}

  .mb-seat-event-card{
      grid-template-columns:85px 1fr;
      gap:12px;
      padding:12px;
  }

  .mb-seat-event-card__media{
      width:85px;
      height:95px;
  }

  .mb-seat-event-card h1{
      margin-bottom:10px;
      font-size:18px;
  }

  .mb-seat-event-meta{display:block}

  .mb-seat-event-meta__item{
      margin:4px 0;
      font-size:9px;
  }

  .mb-seat-event-card__action{grid-column:1/-1}
  .mb-seat-outline-btn{width:100%;height:36px}
  .mb-seat-center{padding:12px;border-radius:14px}
  .mb-seat-stepper{gap:7px}
  .mb-seat-step b{display:none}
  .mb-seat-step{justify-content:center}

  .mb-seat-toolbar__filters{
      grid-template-columns:1fr;
      gap:9px;
      padding:10px;
  }

  .mb-seat-toolbar__legend{
      gap:10px;
      overflow-x:auto;
      padding:10px;
      white-space:nowrap;
  }

  .mb-seat-zoom{margin-left:6px}
  .mb-seat-scroll{min-height:430px;max-height:58vh}
  .mb-seat-area{min-width:900px}

  .mb-seat-basket{
      position:fixed;
      z-index:90;
      left:8px;
      right:8px;
      bottom:8px;
      max-height:82vh;
      border-radius:15px;
  }

  .mb-seat-basket__body,
  .mb-seat-basket__summary,
  .mb-seat-security{
      display:none;
  }

  .mb-seat-basket.is-open .mb-seat-basket__body,
  .mb-seat-basket.is-open .mb-seat-basket__summary,
  .mb-seat-basket.is-open .mb-seat-security{
      display:block;
  }

  .mb-seat-basket__head{padding:10px 12px}
  .mb-seat-basket__icon{width:34px;height:34px;font-size:14px}
  .mb-seat-basket__title h3{font-size:14px}

  .mb-seat-pay-btn{
      height:42px;
      margin:8px 12px 10px;
      font-size:10px;
  }
}
.seats-area {
  width:fit-content;
}
.seats-row {
  width:100%;
  text-align:center;
  display: flex;
  justify-content: center;
}

/* ANA KOLTUK TASARIMI */

.seats-row .seat-box{
  position:relative;

  width:26px;
  height:26px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(0,0,0,.08);
  border-radius:8px 8px 6px 6px;

  color:#fff;

  font-size:10px;
  font-weight:700;
  margin:0px 6px 7px 0px;
  box-shadow:
      0 2px 5px rgba(20,22,30,.10);

  transition:
      transform .15s ease,
      box-shadow .15s ease,
      filter .15s ease;

  user-select:none;
  -webkit-user-select:none;
}


/* KOLTUĞUN ALT KISMI */

.seats-row .seat-box:not(.space)::after{
  content:"";

  position:absolute;

  left:4px;
  right:4px;
  bottom:-4px;

  height:4px;

  background:inherit;

  border-radius:0 0 4px 4px;

  filter:brightness(.90);
}


/* REZERVE */

.seats-row .rezerved{
  background-color:#f1b01a;
  cursor:not-allowed;
}


/* SEÇİLEN KOLTUK */

.seats-row .rezerve{
  background:#f80ac2;
    color:#ffffff;

    border-color:#f80ac2;

  box-shadow:
      0 4px 10px rgba(97,183,3,.25);
}


/* BOŞ / SEÇİLEBİLİR KOLTUK */

.seats-row .empty{
  background-color:hsl(196,87%,56%);
  cursor:pointer;
}


/* KAPALI */

.seats-row .closed{
  background-color:#fff;
  color:#888;

  cursor:not-allowed;

  box-shadow:none;
}


/* SATILMIŞ */

.seats-row .sold{
  background-color:#c4c4c4;
  color:#888;

  cursor:not-allowed;

  box-shadow:none;
}


/* BOŞLUK */

.seats-row .space{
  background:none !important;

  border:none !important;

  box-shadow:none !important;

  cursor:default;
}


/* SEÇİLEBİLİR KOLTUK HOVER */

.seats-row .empty:hover{
  transform:translateY(-2px) scale(1.05);

  filter:brightness(1.05);

  box-shadow:
      0 5px 12px rgba(30,180,230,.30);
}


/* SEÇİLMİŞ KOLTUK HOVER */

.seats-row .rezerve:hover{
  transform:translateY(-2px) scale(1.05);

  box-shadow:
      0 5px 12px rgba(97,183,3,.30);
}


/* REZERVE / SATILMIŞ / KAPALI HOVER OLMASIN */

.seats-row .rezerved:hover,
.seats-row .sold:hover,
.seats-row .closed:hover{
  transform:none;
  filter:none;
}

.selected-tickets li {
  float:left;
  list-style-type: none;
  margin-right:10px;
  color:#f70ac1;
  font-weight:600;
}
/* =========================================================
   MOBILE SEPET
========================================================= */

@media(max-width:700px){

  .mb-seat-basket{
      position:static !important;

      left:auto !important;
      right:auto !important;
      bottom:auto !important;
      top:auto !important;

      width:100% !important;
      max-height:none !important;

      margin-top:15px;

      overflow:visible !important;
  }

  .mb-seat-basket__body{
      display:block !important;
      max-height:none !important;
      overflow:visible !important;
  }

  .mb-seat-basket__summary{
      display:block !important;
  }

  .mb-seat-security{
      display:flex !important;
  }

}

/*
|--------------------------------------------------------------------------
| MAXBİLET SANATÇI PROFİL
|--------------------------------------------------------------------------
| Sadece mb-artist-* sınıflarını etkiler.
|--------------------------------------------------------------------------
*/

.mb-artist-page{
  --mb-artist-pink:#f80ac2;
  --mb-artist-pink-dark:#d400a5;
  --mb-artist-pink-soft:#fff0fa;

  --mb-artist-text:#171923;
  --mb-artist-muted:#747782;

  --mb-artist-border:#ececf2;
  --mb-artist-bg:#f8f8fa;
  --mb-artist-white:#ffffff;

  width:100%;

  color:var(--mb-artist-text);
}

.mb-artist-page *,
.mb-artist-page *::before,
.mb-artist-page *::after{
  box-sizing:border-box;
}

.mb-artist-container{
  width:min(
      1480px,
      calc(100% - 60px)
  );

  margin-left:auto;
  margin-right:auto;
}


/* =========================================================
 HERO
========================================================= */

.mb-artist-hero{
  position:relative;

  overflow:hidden;

  padding:45px 0;

  background:
      radial-gradient(
          circle at 85% 20%,
          rgba(248,10,194,.07),
          transparent 29%
      ),
      linear-gradient(
          105deg,
          #ffffff 0%,
          #fffafd 65%,
          #fff3fa 100%
      );

  border-bottom:
      1px solid #f0e8ed;
}

.mb-artist-hero-grid{
  display:grid;

  grid-template-columns:
      225px
      minmax(0,1fr);

  gap:42px;

  align-items:center;
}

.mb-artist-photo-wrap{
  position:relative;
}

.mb-artist-photo{
  width:225px;
  height:225px;

  display:block;

  object-fit:cover;

  border-radius:24px;

  box-shadow:
      0 14px 35px
      rgba(25,20,24,.13);
}

.mb-artist-type{
  display:inline-flex;

  margin-bottom:12px;
  padding:6px 10px;

  color:#fff;
  background:
      var(--mb-artist-pink);

  border-radius:7px;

  font-size:9px;
  font-weight:900;
}

.mb-artist-name{
  margin:0 0 13px;

  font-size:44px;
  line-height:1;

  letter-spacing:-1.8px;
}

.mb-artist-intro{
  max-width:840px;

  margin:0;

  color:#656873;

  font-size:13px;
  line-height:1.75;
}

.mb-artist-info-chips{
  display:flex;
  flex-wrap:wrap;

  gap:10px;

  margin-top:20px;
}

.mb-artist-chip,
.mb-artist-favorite-btn{
  min-height:38px;

  display:inline-flex;
  align-items:center;

  padding:0 13px;

  color:#454852;
  background:#fff;

  border:
      1px solid #e7e5e8;
  border-radius:9px;

  font-size:10px;
  font-weight:750;
}

.mb-artist-favorite-btn{
  cursor:pointer;

  transition:.2s;
}

.mb-artist-favorite-btn:hover,
.mb-artist-favorite-btn.is-active{
  color:
      var(--mb-artist-pink);

  background:
      var(--mb-artist-pink-soft);

  border-color:
      rgba(248,10,194,.35);
}


/* =========================================================
 MAIN
========================================================= */

.mb-artist-main{
  padding:34px 0 55px;

  background:
      var(--mb-artist-bg);
}

.mb-artist-content-grid{
  display:grid;

  grid-template-columns:
      minmax(0,1fr)
      330px;

  gap:28px;

  align-items:start;
}

.mb-artist-events-area{
  min-width:0;
}

.mb-artist-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:20px;

  margin-bottom:16px;
}

.mb-artist-section-head h2{
  margin:0;

  font-size:21px;

  letter-spacing:-.5px;
}

.mb-artist-section-head span{
  color:
      var(--mb-artist-pink);

  font-size:11px;
  font-weight:800;
}


/* =========================================================
 EVENT CARDS
========================================================= */

.mb-artist-event-grid{
  display:grid;

  grid-template-columns:
      repeat(
          4,
          minmax(0,1fr)
      );

  gap:15px;
}

.mb-artist-event-card{
  display:block;

  overflow:hidden;

  color:
      var(--mb-artist-text);

  background:#fff;

  border:
      1px solid
      var(--mb-artist-border);

  border-radius:15px;

  text-decoration:none;

  box-shadow:
      0 5px 18px
      rgba(25,25,30,.035);

  transition:
      transform .2s ease,
      box-shadow .2s ease,
      border-color .2s ease;
}

.mb-artist-event-card:hover{
  transform:
      translateY(-3px);

  border-color:
      rgba(248,10,194,.22);

  box-shadow:
      0 11px 28px
      rgba(25,25,30,.08);
}


/* IMAGE */

.mb-artist-event-image{
  position:relative;

  height:155px;

  overflow:hidden;

  background:#222;
}

.mb-artist-event-image::after{
  content:"";

  position:absolute;
  inset:0;

  background:
      linear-gradient(
          180deg,
          transparent 42%,
          rgba(8,8,10,.60)
      );
}

.mb-artist-event-image img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  transition:
      transform .3s ease;
}

.mb-artist-event-card:hover
.mb-artist-event-image img{
  transform:
      scale(1.035);
}


/* DATE */

.mb-artist-event-date{
  position:absolute;
  z-index:2;

  left:10px;
  bottom:10px;

  display:flex;
  align-items:center;

  gap:7px;
}

.mb-artist-event-date strong{
  width:36px;
  height:36px;

  display:grid;
  place-items:center;

  color:#171923;
  background:#fff;

  border-radius:9px;

  font-size:15px;
  font-weight:900;
}

.mb-artist-event-date span{
  color:#fff;

  font-size:9px;
  line-height:1.2;

  font-weight:900;
}


/* BODY */

.mb-artist-event-body{
  padding:
      12px
      12px
      13px;
}

.mb-artist-event-city{
  color:
      var(--mb-artist-pink);

  font-size:12px;
  font-weight:900;
}

.mb-artist-event-body h3{
  min-height:32px;

  margin:
      6px
      0
      8px;

  font-size:13px;
  line-height:1.3;
}

.mb-artist-event-meta{
  min-height:31px;

  color:#777a84;

  font-size:11px;
  line-height:1.6;
}

.mb-artist-event-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:8px;

  margin-top:11px;
}

.mb-artist-event-price{
  font-size:10px;
  font-weight:900;
}

.mb-artist-event-buy{
  flex:none;

  padding:8px 10px;

  color:#fff;
  background:
      var(--mb-artist-pink);

  border-radius:7px;

  font-size:9px;
  font-weight:900;

  transition:.2s;
}

.mb-artist-event-card:hover
.mb-artist-event-buy{
  background:
      var(--mb-artist-pink-dark);
}


/* =========================================================
 SIDEBAR
========================================================= */

.mb-artist-sidebar{
  min-width:0;
}


/* BIO */

.mb-artist-bio{
  padding:20px;

  background:#fff;

  border:
      1px solid
      var(--mb-artist-border);

  border-radius:14px;

  margin-bottom:15px;
}

.mb-artist-bio h3{
  margin:0 0 11px;

  font-size:15px;
}

.mb-artist-bio-text {
  margin:
      0
      0
      8px;

  color:#696c76;

  font-size:11px;
  line-height:1.75;
}

.mb-artist-bio-text p:last-child{
  margin-bottom:0;
}

.mb-artist-read-more{
  margin-top:10px;

  padding:0;

  color:
      var(--mb-artist-pink);

  background:transparent;

  border:0;

  font-size:9px;
  font-weight:900;

  cursor:pointer;
}


/* =========================================================
 GALLERY
========================================================= */

.mb-artist-gallery{
  padding:18px;

  background:#fff;

  border:
      1px solid
      var(--mb-artist-border);

  border-radius:14px;
}

.mb-artist-gallery-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:15px;

  margin-bottom:11px;
}

.mb-artist-gallery-head h3{
  margin:0;

  font-size:15px;
}

.mb-artist-gallery-head span{
  color:#92949c;

  font-size:9px;
}

.mb-artist-gallery-grid{
  display:grid;

  grid-template-columns:
      repeat(2,1fr);

  gap:8px;
}

.mb-artist-gallery-grid img{
  width:100%;
  height:105px;

  display:block;

  object-fit:cover;

  border-radius:9px;

  background:#f1f1f3;
}


/* =========================================================
 FEATURES
========================================================= */

.mb-artist-features{
  display:grid;

  grid-template-columns:
      repeat(4,1fr);

  margin-top:27px;

  overflow:hidden;

  background:#fff;

  border:
      1px solid
      var(--mb-artist-border);

  border-radius:14px;
}

.mb-artist-feature{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:10px;

  min-height:75px;

  padding:15px;

  border-right:
      1px solid
      var(--mb-artist-border);
}

.mb-artist-feature:last-child{
  border-right:0;
}

.mb-artist-feature > span{
  color:
      var(--mb-artist-pink);

  font-size:21px;
}

.mb-artist-feature strong{
  display:block;

  margin-bottom:3px;

  font-size:10px;
}

.mb-artist-feature small{
  display:block;

  color:#858791;

  font-size:8px;
}


/* =========================================================
 LAPTOP
========================================================= */

@media(max-width:1250px){

  .mb-artist-event-grid{
      grid-template-columns:
          repeat(2,1fr);
  }

}


/* =========================================================
 TABLET
========================================================= */

@media(max-width:850px){

  .mb-artist-container{
      width:
          calc(100% - 28px);
  }

  .mb-artist-hero-grid{
      grid-template-columns:
          130px
          minmax(0,1fr);

      gap:20px;
  }

  .mb-artist-photo{
      width:130px;
      height:150px;

      border-radius:17px;
  }

  .mb-artist-name{
      font-size:29px;
  }

  .mb-artist-intro{
      font-size:11px;
  }

  .mb-artist-content-grid{
      grid-template-columns:1fr;
  }

  .mb-artist-gallery-grid{
      grid-template-columns:
          repeat(4,1fr);
  }

  .mb-artist-gallery-grid img{
      height:90px;
  }

}


/* =========================================================
 MOBILE
========================================================= */

@media(max-width:600px){

  .mb-artist-hero{
      padding:24px 0;
  }

  .mb-artist-hero-grid{
      grid-template-columns:
          90px
          minmax(0,1fr);

      gap:14px;
  }

  .mb-artist-photo{
      width:90px;
      height:115px;

      border-radius:14px;
  }

  .mb-artist-name{
      font-size:22px;

      letter-spacing:-1px;
  }

  .mb-artist-intro{
      display:-webkit-box;

      overflow:hidden;

      -webkit-line-clamp:3;
      -webkit-box-orient:vertical;

      font-size:9px;
  }

  .mb-artist-info-chips{
      gap:5px;

      margin-top:12px;
  }

  .mb-artist-chip,
  .mb-artist-favorite-btn{
      min-height:31px;

      padding:0 8px;

      font-size:8px;
  }

  .mb-artist-main{
      padding-top:22px;
  }

  .mb-artist-event-grid{
      grid-template-columns:1fr;
  }

  .mb-artist-event-image{
      height:180px;
  }

  .mb-artist-gallery-grid{
      grid-template-columns:
          repeat(2,1fr);
  }

  .mb-artist-features{
      grid-template-columns:
          1fr
          1fr;
  }

  .mb-artist-feature{
      border-bottom:
          1px solid
          var(--mb-artist-border);
  }

  .mb-artist-feature:nth-child(2){
      border-right:0;
  }

}



/*
|--------------------------------------------------------------------------
| MAXBİLET CONTACT
|--------------------------------------------------------------------------
| Tamamı mb-contact-* prefixlidir.
|--------------------------------------------------------------------------
*/

.mb-contact-page{
  --mb-contact-pink:#f80ac2;
  --mb-contact-pink-dark:#da00aa;
  --mb-contact-soft:#fff0fa;

  --mb-contact-text:#171923;
  --mb-contact-muted:#70737d;

  --mb-contact-line:#e9e9ee;

  --mb-contact-bg:#fafafa;

  color:var(--mb-contact-text);
}

.mb-contact-page *,
.mb-contact-page *::before,
.mb-contact-page *::after{
  box-sizing:border-box;
}


.mb-contact-main{
  min-height:100vh;

  padding:
      35px
      0
      60px;

  background:
      var(--mb-contact-bg);
}


.mb-contact-container{
  width:min(
      1400px,
      calc(100% - 60px)
  );

  margin:auto;
}


/* =========================================================
 HERO
========================================================= */

.mb-contact-hero{
  display:grid;

  grid-template-columns:
      minmax(0,1fr)
      480px;

  align-items:center;

  gap:60px;

  min-height:360px;

  padding:
      40px
      55px;

  overflow:hidden;

  background:
      radial-gradient(
          circle at 83% 45%,
          rgba(248,10,194,.09),
          transparent 28%
      ),
      linear-gradient(
          110deg,
          #fff,
          #fffafd
      );

  border:
      1px solid
      #f0e9ee;

  border-radius:20px;
}


.mb-contact-label{
  display:inline-flex;

  padding:
      6px
      9px;

  margin-bottom:17px;

  color:
      var(--mb-contact-pink);

  background:
      var(--mb-contact-soft);

  border-radius:7px;

  font-size:9px;

  font-weight:900;
}


.mb-contact-title{
  margin:0;

  font-size:48px;

  line-height:1.05;

  letter-spacing:-2px;
}


.mb-contact-description{
  max-width:550px;

  margin:
      18px
      0
      23px;

  color:
      #656873;

  font-size:13px;

  line-height:1.7;
}


.mb-contact-hero-stats{
  display:flex;

  gap:12px;

  flex-wrap:wrap;
}


.mb-contact-stat{
  display:flex;

  align-items:center;

  gap:11px;

  min-width:180px;

  padding:
      12px
      14px;

  background:#fff;

  border:
      1px solid
      var(--mb-contact-line);

  border-radius:10px;
}


.mb-contact-stat-icon{
  width:37px;
  height:37px;

  display:grid;

  place-items:center;

  color:
      var(--mb-contact-pink);

  background:
      var(--mb-contact-soft);

  border-radius:9px;
}


.mb-contact-stat-icon svg{
  width:18px;
  height:18px;
}


.mb-contact-stat span{
  display:block;

  margin-bottom:3px;

  color:#868892;

  font-size:8px;
}


.mb-contact-stat strong{
  display:block;

  font-size:10px;
}


/* =========================================================
 HERO VISUAL
========================================================= */

.mb-contact-visual{
  position:relative;

  min-height:280px;

  display:flex;

  align-items:center;

  justify-content:center;
}


.mb-contact-visual-blob{
  position:absolute;

  width:300px;
  height:240px;

  background:
      linear-gradient(
          135deg,
          #fff3fb,
          #ffe3f5
      );

  border-radius:
      42%
      58%
      60%
      40%
      /
      50%
      44%
      56%
      50%;

  box-shadow:
      0
      20px
      50px
      rgba(248,10,194,.13);

  transform:
      rotate(-7deg);
}


.mb-contact-headset{
  position:relative;

  width:235px;
  height:220px;
}


.mb-contact-headset-band{
  position:absolute;

  left:32px;
  top:14px;

  width:170px;
  height:145px;

  border:
      12px solid
      var(--mb-contact-pink);

  border-bottom:0;

  border-radius:
      100px
      100px
      0
      0;
}


.mb-contact-headset-left,
.mb-contact-headset-right{
  position:absolute;

  top:108px;

  width:39px;
  height:72px;

  background:
      linear-gradient(
          180deg,
          #ff44d1,
          #dc009f
      );

  border-radius:22px;
}


.mb-contact-headset-left{
  left:21px;
}


.mb-contact-headset-right{
  right:21px;
}


.mb-contact-chat{
  position:absolute;

  right:7px;
  top:58px;

  width:115px;
  height:76px;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:8px;

  background:
      linear-gradient(
          135deg,
          #ff3acb,
          #db009f
      );

  border-radius:16px;

  box-shadow:
      0
      15px
      30px
      rgba(248,10,194,.25);
}


.mb-contact-chat span{
  width:9px;
  height:9px;

  background:#fff;

  border-radius:50%;
}


/* =========================================================
 CONTACT CARDS
========================================================= */

.mb-contact-options{
  display:grid;

  grid-template-columns:
      repeat(4,1fr);

  gap:15px;

  margin-top:22px;
}


.mb-contact-option{
  min-height:145px;

  display:flex;

  gap:15px;

  padding:
      21px;

  color:
      var(--mb-contact-text);

  background:#fff;

  border:
      1px solid
      var(--mb-contact-line);

  border-radius:14px;

  text-decoration:none;

  box-shadow:
      0
      5px
      18px
      rgba(25,25,30,.035);

  transition:
      transform .2s ease,
      border-color .2s ease,
      box-shadow .2s ease;
}


.mb-contact-option:hover{
  transform:
      translateY(-3px);

  border-color:
      rgba(248,10,194,.30);

  box-shadow:
      0
      10px
      25px
      rgba(25,25,30,.07);
}


.mb-contact-option-icon{
  width:48px;
  height:48px;

  flex:none;

  display:grid;

  place-items:center;

  color:
      var(--mb-contact-pink);

  background:
      var(--mb-contact-soft);

  border-radius:11px;
}


.mb-contact-option-icon svg{
  width:25px;
  height:25px;
}


.mb-contact-option-content h3{
  margin:
      3px
      0
      8px;

  font-size:14px;
}


.mb-contact-option-content p{
  min-height:35px;

  margin:
      0
      0
      11px;

  color:#777a84;

  font-size:9px;

  line-height:1.6;
}


.mb-contact-option-content strong{
  color:
      var(--mb-contact-pink);

  font-size:9px;
}


/* =========================================================
 FORM
========================================================= */

.mb-contact-form-card{
  margin-top:22px;

  padding:
      28px;

  background:#fff;

  border:
      1px solid
      var(--mb-contact-line);

  border-radius:16px;

  box-shadow:
      0
      5px
      18px
      rgba(25,25,30,.03);
}


.mb-contact-form-head{
  display:flex;

  align-items:flex-start;

  gap:13px;

  margin-bottom:24px;
}


.mb-contact-form-head-icon{
  width:42px;
  height:42px;

  flex:none;

  display:grid;

  place-items:center;

  color:
      var(--mb-contact-pink);

  background:
      var(--mb-contact-soft);

  border-radius:10px;
}


.mb-contact-form-head-icon svg{
  width:22px;
  height:22px;
}


.mb-contact-form-head h2{
  margin:
      1px
      0
      7px;

  font-size:20px;
}


.mb-contact-form-head p{
  max-width:600px;

  margin:0;

  color:#777a84;

  font-size:10px;

  line-height:1.7;
}


.mb-contact-form-grid{
  display:grid;

  grid-template-columns:
      repeat(2,1fr);

  gap:14px;
}


.mb-contact-field label{
  display:block;

  margin-bottom:6px;

  color:#50535d;

  font-size:9px;

  font-weight:800;
}


.mb-contact-input{
  position:relative;
}


.mb-contact-input svg{
  position:absolute;

  left:13px;
  top:50%;

  width:17px;
  height:17px;

  color:#7f828b;

  transform:
      translateY(-50%);
}


.mb-contact-input input,
.mb-contact-field select,
.mb-contact-message-field textarea{
  width:100%;

  color:#343740;

  background:#fff;

  border:
      1px solid
      #dedfe5;

  border-radius:9px;

  outline:none;

  font-family:inherit;

  font-size:11px;

  transition:
      border-color .2s ease,
      box-shadow .2s ease;
}


.mb-contact-input input{
  height:45px;

  padding:
      0
      13px
      0
      41px;
}


.mb-contact-field select{
  height:45px;

  padding:
      0
      12px;
}


.mb-contact-message-field{
  position:relative;

  margin-top:14px;
}


.mb-contact-message-field textarea{
  min-height:150px;

  resize:vertical;

  padding:13px;
}


.mb-contact-input input:focus,
.mb-contact-field select:focus,
.mb-contact-message-field textarea:focus{
  border-color:
      var(--mb-contact-pink);

  box-shadow:
      0
      0
      0
      3px
      rgba(248,10,194,.07);
}


.mb-contact-char-count{
  position:absolute;

  right:10px;
  bottom:9px;

  padding:
      3px
      5px;

  color:#9799a1;

  background:#fff;

  font-size:8px;
}


.mb-contact-form-bottom{
  display:grid;

  grid-template-columns:
      minmax(0,1fr)
      280px;

  align-items:center;

  gap:25px;

  margin-top:14px;
}


/* KVKK */

.mb-contact-kvkk{
  display:flex;

  align-items:flex-start;

  gap:9px;

  cursor:pointer;
}


.mb-contact-kvkk input{
  position:absolute;

  opacity:0;
}


.mb-contact-kvkk-check{
  width:18px;
  height:18px;

  flex:none;

  margin-top:1px;

  border:
      1px solid
      #cfd0d6;

  border-radius:5px;

  background:#fff;
}


.mb-contact-kvkk input:checked +
.mb-contact-kvkk-check{
  position:relative;

  background:
      var(--mb-contact-pink);

  border-color:
      var(--mb-contact-pink);
}


.mb-contact-kvkk input:checked +
.mb-contact-kvkk-check::after{
  content:"✓";

  position:absolute;

  inset:0;

  display:grid;

  place-items:center;

  color:#fff;

  font-size:11px;

  font-weight:900;
}


.mb-contact-kvkk > span:last-child{
  color:#686b74;

  font-size:9px;

  line-height:1.5;
}


/* SUBMIT */

.mb-contact-submit{
  height:46px;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:9px;

  color:#fff;

  background:
      linear-gradient(
          100deg,
          var(--mb-contact-pink),
          #f13dbb
      );

  border:0;

  border-radius:9px;

  font-size:11px;

  font-weight:900;

  cursor:pointer;
}


.mb-contact-submit svg{
  width:18px;
  height:18px;
}


.mb-contact-submit:hover{
  background:
      var(--mb-contact-pink-dark);
}


.mb-contact-security{
  display:flex;

  align-items:center;

  gap:9px;

  margin-top:15px;

  padding:
      11px
      13px;

  color:#737680;

  background:
      linear-gradient(
          100deg,
          #fff7fc,
          #fff0fa
      );

  border:
      1px solid
      #f6deef;

  border-radius:9px;

  font-size:8px;
}


.mb-contact-security svg{
  width:18px;
  height:18px;

  flex:none;

  color:
      var(--mb-contact-pink);
}


.mb-contact-security strong{
  color:#30333b;
}


.mb-contact-form-result{
  display:none;

  margin-top:12px;

  padding:10px;

  border-radius:8px;

  font-size:10px;

  font-weight:700;
}


.mb-contact-form-result.is-success{
  display:block;

  color:#18773c;

  background:#edf9f1;
}


.mb-contact-form-result.is-error{
  display:block;

  color:#be3446;

  background:#fff0f2;
}


/* =========================================================
 FAQ
========================================================= */

.mb-contact-faq{
  margin-top:22px;

  padding:22px;

  background:
      linear-gradient(
          120deg,
          #fff,
          #fff7fc
      );

  border:
      1px solid
      #f1e8ee;

  border-radius:15px;
}


.mb-contact-faq-head{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:20px;

  margin-bottom:14px;
}


.mb-contact-faq-head > div{
  display:flex;

  align-items:center;

  gap:9px;
}


.mb-contact-faq-head span{
  color:
      var(--mb-contact-pink);

  font-size:18px;
}


.mb-contact-faq-head h2{
  margin:0;

  font-size:17px;
}


.mb-contact-faq-head a{
  color:
      var(--mb-contact-pink);

  font-size:9px;

  font-weight:850;

  text-decoration:none;
}


.mb-contact-faq-grid{
  display:grid;

  grid-template-columns:
      1fr
      1fr;

  gap:9px;
}


.mb-contact-faq-item{
  overflow:hidden;

  background:#fff;

  border:
      1px solid
      #e8e8ed;

  border-radius:9px;
}


.mb-contact-faq-item button{
  width:100%;
  min-height:45px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:15px;

  padding:
      10px
      14px;

  color:#292c34;

  background:#fff;

  border:0;

  font-size:10px;

  font-weight:800;

  text-align:left;

  cursor:pointer;
}


.mb-contact-faq-item button b{
  transition:
      transform .2s ease;
}


.mb-contact-faq-item.is-open button b{
  transform:
      rotate(180deg);
}


.mb-contact-faq-answer{
  display:none;

  padding:
      0
      14px
      13px;

  color:#777a84;

  font-size:9px;

  line-height:1.6;
}


.mb-contact-faq-item.is-open
.mb-contact-faq-answer{
  display:block;
}


/* =========================================================
 FEATURES
========================================================= */

.mb-contact-features{
  display:grid;

  grid-template-columns:
      repeat(4,1fr);

  overflow:hidden;

  margin-top:22px;

  background:#fff;

  border:
      1px solid
      var(--mb-contact-line);

  border-radius:14px;
}


.mb-contact-feature{
  display:flex;

  align-items:center;

  justify-content:center;

  gap:11px;

  min-height:78px;

  padding:15px;

  border-right:
      1px solid
      var(--mb-contact-line);
}


.mb-contact-feature:last-child{
  border-right:0;
}


.mb-contact-feature-icon{
  color:
      var(--mb-contact-pink);

  font-size:22px;
}


.mb-contact-feature strong{
  display:block;

  margin-bottom:3px;

  font-size:10px;
}


.mb-contact-feature span{
  display:block;

  color:#888a94;

  font-size:8px;
}


/* =========================================================
 TABLET
========================================================= */

@media(max-width:1000px){

  .mb-contact-container{
      width:
          calc(100% - 30px);
  }

  .mb-contact-hero{
      grid-template-columns:
          1fr
          340px;

      gap:30px;

      padding:30px;
  }

  .mb-contact-title{
      font-size:40px;
  }

  .mb-contact-options{
      grid-template-columns:
          1fr
          1fr;
  }

}


/* =========================================================
 MOBILE
========================================================= */

@media(max-width:700px){

  .mb-contact-main{
      padding-top:15px;
  }

  .mb-contact-container{
      width:
          calc(100% - 20px);
  }

  .mb-contact-hero{
      grid-template-columns:1fr;

      gap:20px;

      min-height:0;

      padding:23px 18px;

      border-radius:14px;
  }

  .mb-contact-title{
      font-size:34px;

      letter-spacing:-1.3px;
  }

  .mb-contact-description{
      margin-top:13px;

      font-size:11px;
  }

  .mb-contact-visual{
      display:none;
  }

  .mb-contact-hero-stats{
      display:grid;

      grid-template-columns:
          1fr
          1fr;
  }

  .mb-contact-stat{
      min-width:0;

      padding:10px;
  }

  .mb-contact-stat strong{
      font-size:9px;
  }

  .mb-contact-options{
      grid-template-columns:1fr;

      gap:9px;
  }

  .mb-contact-option{
      min-height:0;

      padding:15px;
  }

  .mb-contact-option-content p{
      min-height:0;
  }

  .mb-contact-form-card{
      padding:17px 14px;

      border-radius:13px;
  }

  .mb-contact-form-grid{
      grid-template-columns:1fr;
  }

  .mb-contact-form-bottom{
      grid-template-columns:1fr;
  }

  .mb-contact-submit{
      width:100%;
  }

  .mb-contact-security{
      align-items:flex-start;

      flex-wrap:wrap;
  }

  .mb-contact-faq-grid{
      grid-template-columns:1fr;
  }

  .mb-contact-features{
      grid-template-columns:
          1fr
          1fr;
  }

  .mb-contact-feature{
      border-bottom:
          1px solid
          var(--mb-contact-line);
  }

  .mb-contact-feature:nth-child(2){
      border-right:0;
  }

}


/*
|--------------------------------------------------------------------------
| MAXBİLET GENERIC CONTENT PAGE
|--------------------------------------------------------------------------
| Ana siteyle çakışmaması için tüm yapı mb-content-* altında.
|--------------------------------------------------------------------------
*/

.mb-content-page{
  --mb-content-pink:#f80ac2;
  --mb-content-pink-soft:#fff0fa;

  --mb-content-text:#171923;
  --mb-content-muted:#686b75;
  --mb-content-border:#e9e9ee;

  --mb-content-bg:#f8f8fa;

  width:100%;

  color:var(--mb-content-text);
}

.mb-content-page *,
.mb-content-page *::before,
.mb-content-page *::after{
  box-sizing:border-box;
}


.mb-content-container{
  width:min(
      1340px,
      calc(100% - 60px)
  );

  margin-left:auto;
  margin-right:auto;
}


/* =========================================================
 HERO
========================================================= */

.mb-content-hero{
  position:relative;

  overflow:hidden;

  padding:
      60px
      0
      58px;

  background:
      radial-gradient(
          circle at 82% 40%,
          rgba(248,10,194,.08),
          transparent 25%
      ),
      linear-gradient(
          105deg,
          #ffffff 0%,
          #fffafd 60%,
          #fff3fa 100%
      );

  border-bottom:
      1px solid #f0e8ed;
}


.mb-content-hero::before{
  content:"";

  position:absolute;

  right:9%;
  top:24px;

  width:240px;
  height:240px;

  border-radius:50%;

  background:
      radial-gradient(
          circle,
          rgba(248,10,194,.15) 1px,
          transparent 1px
      );

  background-size:
      11px
      11px;

  opacity:.3;
}


.mb-content-label{
  position:relative;
  z-index:2;

  display:inline-flex;

  margin-bottom:15px;

  padding:
      6px
      10px;

  color:
      var(--mb-content-pink);

  background:
      var(--mb-content-pink-soft);

  border-radius:7px;

  font-size:9px;
  font-weight:900;

  letter-spacing:.2px;
}


.mb-content-title{
  position:relative;
  z-index:2;

  max-width:950px;

  margin:0;

  color:
      var(--mb-content-text);

  font-size:46px;
  line-height:1.08;

  font-weight:800;

  letter-spacing:-1.7px;
}


/* =========================================================
 MAIN
========================================================= */

.mb-content-main{
  padding:
      28px
      0
      60px;

  background:
      var(--mb-content-bg);
}


/* =========================================================
 CONTENT CARD
========================================================= */

.mb-content-card{
  padding:
      42px
      52px;

  background:#fff;

  border:
      1px solid
      var(--mb-content-border);

  border-radius:18px;

  box-shadow:
      0
      8px
      28px
      rgba(25,25,30,.045);
}


/* =========================================================
 DB CONTENT
========================================================= */

.mb-content-body{
  max-width:100%;

  color:
      #393c45;

  font-size:14px;

  line-height:1.9;

  word-break:break-word;
}


/*
|--------------------------------------------------------------------------
| Sadece DB'den gelen content alanını etkiler.
|--------------------------------------------------------------------------
*/

.mb-content-body h1,
.mb-content-body h2,
.mb-content-body h3,
.mb-content-body h4,
.mb-content-body h5,
.mb-content-body h6{
  color:
      var(--mb-content-text);

  font-weight:800;

  line-height:1.3;

  letter-spacing:-.25px;
}


.mb-content-body h1{
  margin:
      0
      0
      24px;

  font-size:30px;
}


.mb-content-body h2{
  margin:
      35px
      0
      15px;

  padding-top:4px;

  font-size:23px;
}


.mb-content-body h3{
  margin:
      30px
      0
      13px;

  font-size:19px;
}


.mb-content-body h4{
  margin:
      25px
      0
      10px;

  font-size:16px;
}


.mb-content-body p{
  margin:
      0
      0
      18px;
}


.mb-content-body strong,
.mb-content-body b{
  color:
      #24262d;

  font-weight:750;
}


.mb-content-body a{
  color:
      var(--mb-content-pink);

  font-weight:650;

  text-decoration:none;
}


.mb-content-body a:hover{
  text-decoration:underline;
}


/* LISTS */

.mb-content-body ul,
.mb-content-body ol{
  margin:
      15px
      0
      22px;

  padding-left:25px;
}


.mb-content-body li{
  margin-bottom:8px;

  padding-left:3px;
}


.mb-content-body li::marker{
  color:
      var(--mb-content-pink);
}


/* HR */

.mb-content-body hr{
  height:1px;

  margin:
      30px
      0;

  background:
      var(--mb-content-border);

  border:0;
}


/* BLOCKQUOTE */

.mb-content-body blockquote{
  margin:
      25px
      0;

  padding:
      18px
      20px;

  color:#565963;

  background:
      #fff6fc;

  border-left:
      3px solid
      var(--mb-content-pink);

  border-radius:
      0
      10px
      10px
      0;
}


/* IMAGE */

.mb-content-body img{
  max-width:100%;
  height:auto;

  display:block;

  margin:
      25px
      auto;

  border-radius:12px;
}


/* TABLE */

.mb-content-body table{
  width:100%;

  margin:
      25px
      0;

  border-collapse:collapse;

  overflow:hidden;
}


.mb-content-body th,
.mb-content-body td{
  padding:
      11px
      13px;

  border:
      1px solid
      #e5e6eb;

  text-align:left;
}


.mb-content-body th{
  color:#30323a;

  background:
      #fafafa;

  font-weight:750;
}


/* CODE / PRE */

.mb-content-body pre{
  max-width:100%;

  overflow:auto;

  margin:
      20px
      0;

  padding:15px;

  background:#f6f6f8;

  border-radius:10px;
}


.mb-content-body code{
  padding:
      2px
      5px;

  background:#f5f5f7;

  border-radius:4px;

  font-size:.92em;
}


/* =========================================================
 EMPTY
========================================================= */

.mb-content-empty{
  display:flex;

  align-items:center;
  justify-content:center;

  min-height:200px;

  color:#898b94;

  font-size:14px;
}


/* =========================================================
 FEATURE BAR
========================================================= */

.mb-content-features{
  display:grid;

  grid-template-columns:
      repeat(4,1fr);

  overflow:hidden;

  margin-top:24px;

  background:#fff;

  border:
      1px solid
      var(--mb-content-border);

  border-radius:14px;
}


.mb-content-feature{
  min-height:82px;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:12px;

  padding:16px;

  border-right:
      1px solid
      var(--mb-content-border);
}


.mb-content-feature:last-child{
  border-right:0;
}


.mb-content-feature-icon{
  width:43px;
  height:43px;

  flex:none;

  display:grid;

  place-items:center;

  color:
      var(--mb-content-pink);

  background:
      var(--mb-content-pink-soft);

  border-radius:11px;
}


.mb-content-feature-icon svg{
  width:22px;
  height:22px;
}


.mb-content-feature strong{
  display:block;

  margin-bottom:4px;

  color:
      var(--mb-content-text);

  font-size:10px;
}


.mb-content-feature span{
  display:block;

  color:#898b94;

  font-size:8px;
}


/* =========================================================
 TABLET
========================================================= */

@media(max-width:900px){

  .mb-content-container{
      width:
          calc(100% - 30px);
  }

  .mb-content-title{
      font-size:38px;
  }

  .mb-content-card{
      padding:
          32px
          35px;
  }

}


/* =========================================================
 MOBILE
========================================================= */

@media(max-width:600px){

  .mb-content-container{
      width:
          calc(100% - 20px);
  }


  .mb-content-hero{
      padding:
          35px
          0
          32px;
  }


  .mb-content-hero::before{
      width:150px;
      height:150px;

      right:-30px;
  }


  .mb-content-title{
      font-size:29px;

      letter-spacing:-1px;
  }


  .mb-content-main{
      padding:
          14px
          0
          35px;
  }


  .mb-content-card{
      padding:
          22px
          17px;

      border-radius:13px;
  }


  .mb-content-body{
      font-size:12px;

      line-height:1.8;
  }


  .mb-content-body h1{
      font-size:23px;
  }


  .mb-content-body h2{
      margin-top:28px;

      font-size:19px;
  }


  .mb-content-body h3{
      font-size:17px;
  }


  /*
   * Geniş DB tabloları mobilde
   * sayfayı patlatmasın.
   */

  .mb-content-body table{
      display:block;

      max-width:100%;

      overflow-x:auto;

      white-space:nowrap;
  }


  .mb-content-features{
      grid-template-columns:
          1fr
          1fr;
  }


  .mb-content-feature{
      justify-content:flex-start;

      border-bottom:
          1px solid
          var(--mb-content-border);
  }


  .mb-content-feature:nth-child(2){
      border-right:0;
  }

}

.footer-socials{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:14px;
}

.footer-socials .footer-social-icon{
  width:34px;
  height:34px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#737783;
  background:#fff;

  border:1px solid #e8e8ed;
  border-radius:50%;

  text-decoration:none;

  transition:
      color .2s ease,
      background .2s ease,
      border-color .2s ease,
      transform .2s ease;
}

.footer-socials .footer-social-icon svg{
  width:15px;
  height:15px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Facebook dolu ikon */
.footer-socials .footer-social-icon:first-child svg{
  fill:currentColor;
  stroke:none;
}

/* YouTube dış gövde */
.footer-socials .footer-social-icon:last-child svg{
  fill:none;
  stroke:currentColor;
}

/* YouTube play üçgeni */
.footer-socials .footer-social-play{
  fill:currentColor;
  stroke:none;
}

.footer-socials .footer-social-icon:hover{
  color:#fff;
  background:#f80ac2;
  border-color:#f80ac2;

  transform:translateY(-2px);
}

.mbd-plan-open{
  position:relative;

  width:100%;
  height:100%;

  display:block;

  padding:0;

  overflow:hidden;

  background:#fff;

  border:0;

  cursor:zoom-in;
}

.mbd-plan-open img{
  width:100%;
  height:100%;

  display:block;

  object-fit:contain;
}

.mbd-plan-zoom{
  position:absolute;

  left:50%;
  bottom:15px;

  transform:translateX(-50%);

  padding:8px 12px;

  color:#fff;
  background:rgba(20,20,25,.76);

  border-radius:8px;

  font-size:10px;
  font-weight:800;

  white-space:nowrap;

  backdrop-filter:blur(6px);
}


/* LIGHTBOX */

.mbd-lightbox{
  position:fixed;

  z-index:99999;

  inset:0;

  display:none;

  align-items:center;
  justify-content:center;

  padding:35px;

  background:rgba(10,10,15,.88);

  backdrop-filter:blur(5px);
}

.mbd-lightbox.is-open{
  display:flex;
}

.mbd-lightbox-inner{
  width:min(1200px,95%);
  max-height:90vh;

  display:flex;
  align-items:center;
  justify-content:center;
}

.mbd-lightbox-inner img{
  max-width:100%;
  max-height:88vh;

  display:block;

  object-fit:contain;

  background:#fff;

  border-radius:14px;

  box-shadow:
      0 20px 60px rgba(0,0,0,.35);
}

.mbd-lightbox-close{
  position:absolute;

  top:20px;
  right:25px;

  width:44px;
  height:44px;

  display:grid;
  place-items:center;

  color:#fff;
  background:rgba(255,255,255,.12);

  border:1px solid rgba(255,255,255,.20);
  border-radius:50%;

  font-size:28px;
  line-height:1;

  cursor:pointer;
}

.mbd-lightbox-close:hover{
  background:#f80ac2;
}


/* MOBILE */

@media(max-width:600px){

  .mbd-lightbox{
      padding:15px;
  }

  .mbd-lightbox-inner{
      width:100%;
  }

  .mbd-lightbox-close{
      top:12px;
      right:12px;
  }

}
#installApp.pwa-install-modern {
  position: fixed !important;
  left: 50% !important;
  bottom: 16px !important;
  transform: translateX(-50%) !important;

  width: calc(100% - 24px) !important;
  max-width: 560px !important;

  box-sizing: border-box !important;

  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;

  padding: 12px 14px !important;

  background: rgba(255, 255, 255, 0.98) !important;

  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 18px !important;

  box-shadow:
      0 18px 50px rgba(0, 0, 0, 0.15),
      0 4px 12px rgba(0, 0, 0, 0.05) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;

  z-index: 999999 !important;

  font-family: inherit !important;
}

.pwa-install-left {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;

  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.pwa-install-modern-icon {
  width: 46px !important;
  height: 46px !important;

  display: block !important;

  object-fit: cover !important;

  border-radius: 11px !important;

  flex: 0 0 46px !important;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
}

.pwa-install-modern-text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  min-width: 0 !important;

  text-align: left !important;
}

.pwa-install-modern-text strong {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #18181b !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.pwa-install-modern-text span {
  display: block !important;

  margin: 4px 0 0 0 !important;
  padding: 0 !important;

  color: #85858e !important;

  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.pwa-install-modern-action {
  appearance: none !important;
  -webkit-appearance: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  flex: 0 0 auto !important;

  margin: 0 0 0 14px !important;
  padding: 9px 2px 9px 16px !important;

  border: 0 !important;
  border-left: 1px solid #e5e5e9 !important;
  border-radius: 0 !important;

  background: transparent !important;

  color: #f80ac2 !important;

  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  white-space: nowrap !important;

  cursor: pointer !important;

  outline: none !important;
  box-shadow: none !important;

  transition: color 0.2s ease !important;
}

.pwa-install-modern-action:hover,
.pwa-install-modern-action:focus {
  background: transparent !important;
  color: #d900a9 !important;
  box-shadow: none !important;
}

.pwa-install-modern-action i {
  font-size: 10px !important;

  transition: transform 0.2s ease !important;
}

.pwa-install-modern-action:hover i {
  transform: translateX(3px) !important;
}


/* MOBILE */

@media (max-width: 576px) {

  #installApp.pwa-install-modern {
      bottom: 10px !important;

      width: calc(100% - 16px) !important;

      padding: 10px 11px !important;

      border-radius: 16px !important;
  }

  .pwa-install-left {
      gap: 9px !important;
  }

  .pwa-install-modern-icon {
      width: 40px !important;
      height: 40px !important;

      flex-basis: 40px !important;

      border-radius: 10px !important;
  }

  .pwa-install-modern-text strong {
      font-size: 12px !important;
  }

  .pwa-install-modern-text span {
      margin-top: 3px !important;

      font-size: 9px !important;
  }

  .pwa-install-modern-action {
      margin-left: 9px !important;

      padding: 8px 0 8px 10px !important;

      gap: 5px !important;

      font-size: 9px !important;
  }

  .pwa-install-modern-action i {
      font-size: 8px !important;
  }
}


/* ÇOK DAR EKRANLAR */

@media (max-width: 360px) {

  .pwa-install-modern-text span {
      display: none !important;
  }

  .pwa-install-modern-action {
      margin-left: 7px !important;

      padding-left: 8px !important;

      font-size: 8px !important;
  }
}



/*
|--------------------------------------------------------------------------
| MAXBİLET REGISTER PAGE
|--------------------------------------------------------------------------
| Tüm özel class'lar mb-register-* prefixlidir.
|--------------------------------------------------------------------------
*/

.mb-register-page{
  --mb-register-pink:#f80ac2;
  --mb-register-pink-dark:#d500a7;
  --mb-register-purple:#7f00b9;
  --mb-register-soft:#fff1fa;
  --mb-register-text:#171923;
  --mb-register-muted:#747782;
  --mb-register-border:#e8e8ed;
  --mb-register-bg:#fafafa;

  width:100%;
  color:var(--mb-register-text);
}

.mb-register-page *,
.mb-register-page *::before,
.mb-register-page *::after{
  box-sizing:border-box;
}


.mb-register-main{
  min-height:calc(100vh - 70px);
  padding:26px 0 45px;

  background:
      radial-gradient(
          circle at 5% 15%,
          rgba(248,10,194,.08),
          transparent 20%
      ),
      linear-gradient(
          110deg,
          #fff 0%,
          #fffafd 48%,
          #fafafa 100%
      );
}


.mb-register-container{
  width:min(
      1440px,
      calc(100% - 60px)
  );

  margin:auto;
}


.mb-register-layout{
  display:grid;

  grid-template-columns:
      minmax(0,.95fr)
      minmax(560px,1.25fr);

  gap:65px;

  align-items:center;
}


/* =========================================================
 LEFT PROMO
========================================================= */

.mb-register-promo{
  position:relative;

  min-height:690px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:30px 20px 40px 15px;
}


.mb-register-eyebrow{
  display:inline-flex;

  width:max-content;

  margin-bottom:14px;

  padding:6px 9px;

  color:var(--mb-register-pink);
  background:var(--mb-register-soft);

  border-radius:7px;

  font-size:8px;
  font-weight:900;
}


.mb-register-promo-title{
  max-width:520px;

  margin:0;

  font-size:43px;
  line-height:1.08;

  letter-spacing:-1.8px;
}


.mb-register-promo-title span{
  display:block;

  margin-top:4px;

  color:var(--mb-register-pink);
}


.mb-register-promo-text{
  max-width:430px;

  margin:18px 0 30px;

  color:#636671;

  font-size:13px;
  line-height:1.7;
}


.mb-register-benefits{
  display:flex;
  flex-direction:column;

  gap:17px;

  max-width:440px;
}


.mb-register-benefit{
  display:flex;
  align-items:flex-start;

  gap:13px;
}


.mb-register-benefit-icon{
  width:48px;
  height:48px;

  flex:none;

  display:grid;
  place-items:center;

  color:var(--mb-register-pink);
  background:var(--mb-register-soft);

  border-radius:50%;
}


.mb-register-benefit-icon svg{
  width:21px;
  height:21px;
}


.mb-register-benefit strong{
  display:block;

  margin:4px 0 4px;

  font-size:11px;
}


.mb-register-benefit span{
  display:block;

  max-width:250px;

  color:#767984;

  font-size:9px;
  line-height:1.5;
}


/* =========================================================
 TICKET ART
========================================================= */

.mb-register-ticket-art{
  position:relative;

  width:330px;
  height:160px;

  margin:
      40px
      auto
      0;
}


.mb-register-ticket{
  position:absolute;

  z-index:2;

  left:50%;
  top:10px;

  width:180px;
  height:105px;

  display:grid;
  place-items:center;

  transform:
      translateX(-50%)
      rotate(-16deg);

  color:#fff;

  background:
      linear-gradient(
          135deg,
          #ff25c9,
          #a300cc
      );

  border-radius:14px;

  box-shadow:
      0
      20px
      35px
      rgba(248,10,194,.22);
}


.mb-register-ticket::before,
.mb-register-ticket::after{
  content:"";

  position:absolute;

  top:50%;

  width:17px;
  height:17px;

  background:
      #fff8fd;

  border-radius:50%;
}


.mb-register-ticket::before{
  left:-8px;
}


.mb-register-ticket::after{
  right:-8px;
}


.mb-register-ticket span{
  font-size:25px;
  font-weight:900;
  letter-spacing:2px;
}


.mb-register-ticket-shadow{
  position:absolute;

  left:50%;
  bottom:15px;

  width:230px;
  height:30px;

  transform:
      translateX(-50%);

  border:
      6px solid
      rgba(248,10,194,.25);

  border-radius:50%;
}


/* =========================================================
 REGISTER CARD
========================================================= */

.mb-register-card{
  padding:36px 42px;

  background:#fff;

  border:
      1px solid
      var(--mb-register-border);

  border-radius:22px;

  box-shadow:
      0
      14px
      40px
      rgba(25,25,30,.07);
}


.mb-register-card-head{
  margin-bottom:25px;
}


.mb-register-card-head h2{
  margin:0 0 7px;

  font-size:31px;

  letter-spacing:-1px;
}


.mb-register-card-head p{
  margin:0;

  color:#747782;

  font-size:10px;
}


/* =========================================================
 FORM
========================================================= */

.mb-register-form{
  width:100%;
}


.mb-register-grid{
  display:grid;

  grid-template-columns:
      1fr
      1fr;

  gap:14px;
}


.mb-register-phone-grid{
  display:grid;

  grid-template-columns:
      160px
      minmax(0,1fr);

  gap:14px;
}


.mb-register-field{
  margin-bottom:14px;
}


.mb-register-field label{
  display:block;

  margin-bottom:6px;

  color:#333640;

  font-size:9px;
  font-weight:800;
}


.mb-register-input{
  position:relative;
}


.mb-register-input > svg{
  position:absolute;

  left:13px;
  top:50%;

  width:17px;
  height:17px;

  color:#7d808a;

  transform:
      translateY(-50%);

  pointer-events:none;
}


.mb-register-input input,
.mb-register-select{
  width:100%;
  height:46px;

  color:#343740;
  background:#fff;

  border:
      1px solid
      #dedfe5;

  border-radius:9px;

  outline:none;

  font-family:inherit;
  font-size:11px;

  transition:
      border-color .2s ease,
      box-shadow .2s ease;
}


.mb-register-input input{
  padding:
      0
      42px;
}


.mb-register-select{
  padding:
      0
      12px;
}


.mb-register-input input:focus,
.mb-register-select:focus{
  border-color:
      var(--mb-register-pink);

  box-shadow:
      0
      0
      0
      3px
      rgba(248,10,194,.07);
}


.mb-register-help{
  display:block;

  margin-top:5px;

  color:#989aa2;

  font-size:8px;
}


/* PASSWORD */

.mb-register-password-toggle{
  position:absolute;

  right:8px;
  top:50%;

  width:32px;
  height:32px;

  display:grid;
  place-items:center;

  transform:
      translateY(-50%);

  color:#747782;
  background:transparent;

  border:0;

  cursor:pointer;
}


.mb-register-password-toggle svg{
  width:18px;
  height:18px;
}


/* =========================================================
 CHECKBOX
========================================================= */

.mb-register-check{
  position:relative;

  display:flex;

  align-items:flex-start;

  gap:9px;

  margin:
      6px
      0
      12px;

  color:#484b55;

  font-size:9px;

  cursor:pointer;
}


.mb-register-check input{
  position:absolute;

  opacity:0;

  pointer-events:none;
}


.mb-register-check-box{
  width:18px;
  height:18px;

  flex:none;

  border:
      1px solid
      #cfd1d7;

  border-radius:5px;

  background:#fff;
}


.mb-register-check input:checked +
.mb-register-check-box{
  position:relative;

  background:
      var(--mb-register-pink);

  border-color:
      var(--mb-register-pink);
}


.mb-register-check input:checked +
.mb-register-check-box::after{
  content:"✓";

  position:absolute;
  inset:0;

  display:grid;
  place-items:center;

  color:#fff;

  font-size:11px;
  font-weight:900;
}


.mb-register-check strong{
  display:block;

  margin-bottom:3px;

  font-size:9px;
}


.mb-register-check small{
  display:block;

  color:#888b94;

  font-size:8px;
  line-height:1.5;
}


.mb-register-check a{
  color:
      var(--mb-register-pink);

  font-weight:750;

  text-decoration:none;
}


.mb-register-check-compact{
  align-items:center;
}


/* =========================================================
 SUBMIT
========================================================= */

.mb-register-submit{
  width:100%;
  height:48px;

  display:flex;

  align-items:center;
  justify-content:center;

  margin-top:18px;

  color:#fff;

  background:
      linear-gradient(
          100deg,
          var(--mb-register-pink),
          var(--mb-register-purple)
      );

  border:0;

  border-radius:10px;

  font-size:11px;
  font-weight:900;

  cursor:pointer;

  transition:
      transform .15s ease,
      box-shadow .2s ease;
}


.mb-register-submit:hover{
  box-shadow:
      0
      8px
      22px
      rgba(248,10,194,.2);

  transform:
      translateY(-1px);
}


.mb-register-login{
  display:flex;

  align-items:center;
  justify-content:center;

  gap:6px;

  margin-top:15px;

  color:#777a84;

  font-size:9px;
}


.mb-register-login a{
  color:
      var(--mb-register-pink);

  font-weight:850;

  text-decoration:none;
}


/* =========================================================
 TABLET
========================================================= */

@media(max-width:1050px){

  .mb-register-container{
      width:
          calc(100% - 30px);
  }


  .mb-register-layout{
      grid-template-columns:
          .8fr
          1.2fr;

      gap:30px;
  }


  .mb-register-promo-title{
      font-size:35px;
  }


  .mb-register-card{
      padding:
          30px
          28px;
  }

}


/* =========================================================
 MOBILE
========================================================= */

@media(max-width:760px){

  .mb-register-main{
      padding:
          14px
          0
          30px;
  }


  .mb-register-container{
      width:
          calc(100% - 20px);
  }


  .mb-register-layout{
      display:block;
  }


  .mb-register-promo{
      min-height:0;

      padding:
          18px
          8px
          25px;
  }


  .mb-register-promo-title{
      font-size:30px;

      letter-spacing:-1px;
  }


  .mb-register-promo-text{
      margin:
          12px
          0
          20px;

      font-size:11px;
  }


  .mb-register-benefits{
      display:none;
  }


  .mb-register-ticket-art{
      display:none;
  }


  .mb-register-card{
      padding:
          22px
          15px;

      border-radius:15px;
  }


  .mb-register-card-head h2{
      font-size:25px;
  }


  .mb-register-grid{
      grid-template-columns:1fr;
      gap:0;
  }


  .mb-register-phone-grid{
      grid-template-columns:
          105px
          minmax(0,1fr);

      gap:8px;
  }


  .mb-register-input input,
  .mb-register-select{
      font-size:16px;
  }


  .mb-register-check{
      font-size:9px;
  }


  .mb-register-submit{
      height:46px;
  }

}

.mb-register-success{
  display:flex;
  align-items:center;

  gap:14px;

  margin-top:18px;
  padding:16px 18px;

  background:#f4fff8;

  border:1px solid #ccefd9;
  border-radius:11px;
}


.mb-register-success-icon{
  width:42px;
  height:42px;

  flex:none;

  display:grid;
  place-items:center;

  color:#fff;
  background:#20b15a;

  border-radius:50%;

  font-size:20px;
  font-weight:900;
}


.mb-register-success-content{
  display:flex;
  flex-direction:column;

  gap:3px;
}


.mb-register-success-content strong{
  color:#20242a;

  font-size:12px;
  font-weight:850;
}


.mb-register-success-content span{
  color:#747782;

  font-size:11px;
}


.mb-register-success-content small{
  margin-top:3px;

  color:#747782;

  font-size:9px;
}


.mb-register-success-content small b{
  color:#20b15a;

  font-size:11px;
}

@media (max-width: 600px) {

  .mb-block-item {
      position: relative;
      display: grid;

      grid-template-columns: 6px 48px minmax(0, 1fr);

      column-gap: 12px;
      align-items: start;

      padding: 16px 14px 16px 0;

      overflow: hidden;

      background: #fff;
      border: 1px solid #ececf2;
      border-radius: 14px;
  }


  /* =========================================
     SOL PEMBE ÇİZGİ
  ========================================= */

  .mb-block-accent {
      width: 6px;
      height: 100%;

      align-self: stretch;

      background: #f80ac2;

      border-radius: 0 4px 4px 0;
  }


  /* =========================================
     KOLTUK İKONU
  ========================================= */

  .mb-block-seat-icon {
      width: 48px;
      height: 48px;

      display: flex;
      align-items: center;
      justify-content: center;

      background: #fff0fa;
      color: #f80ac2;

      border-radius: 12px;
  }

  .mb-block-seat-icon svg {
      width: 25px;
      height: 25px;
  }


  /* =========================================
     BLOK ADI + BADGE
  ========================================= */

  .mb-block-name-area {
      min-width: 0;
      padding-top:0px !important;
      /*
       * Sağ taraftaki fiyat/buton alanına
       * girmesin.
       */
      padding-right: 118px;
  }

  .mb-block-name-area > strong {
      display: block;

      margin: 3px 0 8px;

      color: #171923;

      font-size: 17px;
      line-height: 1.15;
      font-weight: 800;

      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }


  /* =========================================
     KOLTUK SEÇMELİ / AYAKTA / OTOMATİK
  ========================================= */

  .mb-block-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;

      min-height: 30px;

      padding: 0 9px;

      color: #f80ac2;
      background: #fff;

      border: 1px solid #f80ac2;
      border-radius: 8px;

      font-size: 10px;
      line-height: 1;
      font-weight: 700;

      white-space: nowrap;
  }


  /* =========================================
     FİYAT
     SAĞ ÜST
  ========================================= */

  .mb-block-price {
      position: absolute;

      top: 18px;
      right: 14px;

      width: auto;

      margin: 0;
      padding: 0;

      color: #171923;

      font-size: 14px;
      line-height: 1;
      font-weight: 800;

      text-align: right;

      white-space: nowrap;
  }

  .mb-block-price span {
      font-size: 9px !important;
  }


  /* =========================================
     STATUS
     Mobilde boşsa yer kaplamasın
  ========================================= */

  .mb-block-status {
      display: none;
  }


  /* =========================================
     LINK
     FİYATIN HEMEN ALTINDA
  ========================================= */

  .mb-block-item > a {
      position: absolute;

      top: 45px;
      right: 14px;

      display: block;

      margin: 0;
      padding: 0;

      text-decoration: none;
  }


  /* =========================================
     BİLET AL
  ========================================= */

  .mb-block-select-btn {
      position: static;

      width: 105px;
      height: 38px;

      display: flex;
      align-items: center;
      justify-content: center;

      gap: 7px;

      margin: 0;
      padding: 0 11px;

      color: #fff;
      background: #f80ac2;

      border: 0;
      border-radius: 10px;

      font-size: 11px;
      line-height: 1;
      font-weight: 800;

      white-space: nowrap;

      cursor: pointer;
  }

  .mb-block-select-btn span {
      font-size: 16px;
      line-height: 1;
  }
}

/* =========================================================
   MAXBILET MOBILE BOTTOM NAV
========================================================= */

.mb-mobile-bottom-nav {
    display: none;
}


@media (max-width: 768px) {

    /*
     * Bar sayfa içeriğinin üstüne binmesin.
     */
    body {
        padding-bottom: calc(72px + env(safe-area-inset-bottom));
    }


    .mb-mobile-bottom-nav {
        position: fixed;

        left: 0;
        right: 0;
        bottom: 0;

        z-index: 99999;

        display: grid;
        grid-template-columns: repeat(4, 1fr);

        height: calc(68px + env(safe-area-inset-bottom));

        padding:
            0
            5px
            env(safe-area-inset-bottom);

        background: rgba(255, 255, 255, .98);

        border-top: 1px solid #ececf2;

        box-shadow:
            0 -8px 30px rgba(20, 20, 35, .07);

        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
    }


    /* =====================================================
       ITEM
    ===================================================== */

    .mb-mobile-nav-item {
        position: relative;

        min-width: 0;

        display: flex;
        flex-direction: column;

        align-items: center;
        justify-content: center;

        gap: 4px;

        padding: 7px 3px 6px;

        color: #737888;

        text-decoration: none;

        -webkit-tap-highlight-color: transparent;

        transition:
            color .2s ease,
            background .2s ease;
    }


    .mb-mobile-nav-item:hover,
    .mb-mobile-nav-item:focus {
        color: #737888;
        text-decoration: none;
    }


    /* =====================================================
       ARALARDAKİ DİKEY AYIRICI
    ===================================================== */

    .mb-mobile-nav-item:not(:last-child)::after {
        content: "";

        position: absolute;

        top: 50%;
        right: 0;

        width: 1px;
        height: 32px;

        background: #ececf2;

        transform: translateY(-50%);
    }


    /* =====================================================
       ICON
    ===================================================== */

    .mb-mobile-nav-icon {
        width: 25px;
        height: 25px;

        display: flex;
        align-items: center;
        justify-content: center;

        color: inherit;
    }


    .mb-mobile-nav-icon svg {
        display: block;

        width: 100%;
        height: 100%;
    }


    /* =====================================================
       LABEL
    ===================================================== */

    .mb-mobile-nav-label {
        display: block;

        max-width: 100%;

        font-size: 10px;
        line-height: 1;
        font-weight: 600;

        white-space: nowrap;
    }


    /* =====================================================
       AKTİF SAYFA
    ===================================================== */

    .mb-mobile-nav-item.active {
        color: #f80ac2;
    }


    /*
     * Aktif sayfanın altındaki küçük pembe çizgi
     */
    .mb-mobile-nav-item.active::before {
        content: "";

        position: absolute;

        left: 50%;
        bottom: 4px;

        width: 25px;
        height: 3px;

        background: #f80ac2;

        border-radius: 50px;

        transform: translateX(-50%);
    }


    /* =====================================================
       WHATSAPP
    ===================================================== */

    .mb-mobile-nav-whatsapp .mb-mobile-nav-icon {
        color: #20c66b;
    }


    /*
     * WhatsApp yazısı diğerleri gibi gri.
     * Sadece ikon yeşil.
     */
    .mb-mobile-nav-whatsapp .mb-mobile-nav-label {
        color: #737888;
    }


    /* Dokunma efekti */
    .mb-mobile-nav-item:active {
        background: #fafafa;
    }
}