/* =========================================================================
   KRATOS — common.css
   Palette: Gold #B9B177 / Dark #121212
   ========================================================================= */

:root{
  --bg-dark:       #121212;
  --bg-second:     #1F1F1F;
  --bg-third:      #242424;
  --bg-card:       #1A1A1A;
  --bg-row:        #0F0F0F;

  --gold:          #B9B177;
  --gold-2:        #CCB54B;
  --gold-light:    #D8D093;
  --gold-border:   #F3EDC7;
  --gold-dark:     #8F8852;

  --text:          #FFFFFF;
  --text-muted:    #A9A9A9;
  --text-dim:      #6B6B6B;

  --alert-bg:      #1A1A1A;
  --alert-border:  #B9B177;

  --red:           #E0434B;
  --green:         #3BBF68;
  --border:        #2A2A2A;

  --header-h:      64px;
  --alert-h:       44px;
  --topmenu-h:     56px;
  --container:     1720px;
  --radius:        10px;
  --radius-sm:     6px;
  --radius-lg:     16px;
  --shadow-card:   0 6px 20px rgba(0,0,0,.45);
  --shadow-gold:   0 4px 14px rgba(185,177,119,.35);

  --font-body:     'Roboto', 'Inter', system-ui, -apple-system, Arial, sans-serif;
  --font-head:     'Roboto', 'Inter', system-ui, -apple-system, Arial, sans-serif;
}

/* =========================================================================
   Reset
   ========================================================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  background:var(--bg-dark);
  color:var(--text);
  min-height:100vh;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;transition:color .2s ease}
a:hover{color:var(--gold)}
img{max-width:100%;display:block;user-select:none}
button{font-family:inherit;cursor:pointer;border:none;background:transparent;color:inherit}
ul{list-style:none}
input,select,textarea{font-family:inherit;color:inherit;background:transparent;border:none;outline:none}

/* =========================================================================
   Utility
   ========================================================================= */
.container{max-width:var(--container);margin:0 auto;padding:0 16px}
.flex{display:flex}
.flex-center{display:flex;align-items:center;justify-content:center}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.grid{display:grid}
.hide{display:none!important}
.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}
.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}

/* =========================================================================
   ALERT BAR (top)
   ========================================================================= */
.alert-bar{
  position:relative;
  background:var(--alert-bg);
  border-bottom:1px solid var(--border);
  color:#E8E8E8;
  font-size:13px;
  padding:12px 48px 12px 48px;
  text-align:center;
  line-height:1.4;
  z-index:50;
}
.alert-bar .alert-icon{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  color:var(--gold);font-size:16px;
}
.alert-bar .alert-close{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  color:#BDBDBD;font-size:18px;border-radius:4px;transition:background .15s,color .15s;
}
.alert-bar .alert-close:hover{background:rgba(255,255,255,.06);color:#fff}
.alert-bar strong{color:var(--gold)}
.alert-bar.hidden{display:none}

/* =========================================================================
   HEADER
   ========================================================================= */
.site-header{
  position:sticky;top:0;z-index:40;
  background:rgba(10,10,10,.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--border);
}
.site-header .header-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:var(--header-h);padding:0 20px;max-width:var(--container);margin:0 auto;gap:16px;
}
.site-header .header-left{display:flex;align-items:center;gap:24px}
.site-header .logo{
  display:flex;align-items:center;gap:10px;
  font-family:var(--font-head);font-weight:900;letter-spacing:.04em;
  color:var(--gold);font-size:18px;text-transform:uppercase;
}
.site-header .logo img{height:44px;width:auto}
.site-header .logo .logo-text{
  display:flex;flex-direction:column;line-height:1;
}
.site-header .logo .logo-text .brand{color:var(--gold);font-size:20px;font-weight:900}
.site-header .logo .logo-text .sub{color:#BDBDBD;font-size:11px;letter-spacing:.3em;font-weight:400;margin-top:3px}

.header-icon-bar{display:none}  /* canlida label btn kullaniyor, icon-bar gizli */

/* Header label buttons — canli site pattern (BONUS TALEP ET / Nasil Para Yatirilir?) */
.header-label-btns{
  display:flex;align-items:center;gap:10px;margin-left:6px;
}
.hdr-label-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 14px;
  background:var(--bg-second);
  border:1px solid var(--gold-dark);
  border-radius:8px;
  color:var(--gold);
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:background .15s,border-color .15s,color .15s,transform .15s;
}
.hdr-label-btn i{font-size:13px;color:var(--gold)}
.hdr-label-btn:hover{
  background:rgba(185,177,119,.1);
  border-color:var(--gold);
  color:var(--gold-light);
  transform:translateY(-1px);
}
.hdr-label-btn.ht-dep{
  background:linear-gradient(180deg,rgba(185,177,119,.18),rgba(185,177,119,.06));
}
@media (max-width:1100px){
  .header-label-btns{display:none}
  .header-icon-bar{display:flex;align-items:center;gap:8px}  /* dar ekran: ikonlara dön */
}
.header-icon-bar .h-icon{
  width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  background:var(--bg-second);border:1px solid var(--border);border-radius:8px;
  color:var(--gold);font-size:16px;transition:transform .15s,border-color .15s,color .15s;
}
.header-icon-bar .h-icon:hover{transform:translateY(-1px);border-color:var(--gold);color:var(--gold-light)}

.header-right{display:flex;align-items:center;gap:10px}
.btn-gold{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 22px;
  background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 100%);
  color:#1A1A1A;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid var(--gold-border);border-radius:6px;
  transition:transform .15s,box-shadow .2s,filter .2s;
}
.btn-gold:hover{filter:brightness(1.08);color:#111;transform:translateY(-1px);box-shadow:var(--shadow-gold)}
.btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 22px;background:transparent;color:#fff;font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid var(--border);border-radius:6px;transition:background .15s,border-color .15s,color .15s;
}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-danger{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 22px;background:var(--red);color:#fff;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  border:none;border-radius:6px;transition:filter .15s,transform .15s;
}
.btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px)}

.lang-switch{
  display:flex;align-items:center;gap:6px;padding:8px 12px;
  background:var(--red);border-radius:6px;color:#fff;font-weight:600;font-size:12px;
  cursor:pointer;position:relative;
}
.lang-switch .flag{width:18px;height:12px;border-radius:2px;object-fit:cover}
.lang-switch .arr{font-size:10px;opacity:.8}

/* MEMBER (login sonrası) block */
.member-block{display:flex;align-items:center;gap:8px}
.member-balance{
  display:flex;flex-direction:column;gap:1px;padding:6px 14px;
  background:var(--bg-second);border:1px solid var(--gold-dark);border-radius:6px;
  color:#fff;text-align:right;line-height:1.15;transition:border-color .15s;
}
.member-balance:hover{border-color:var(--gold);color:#fff}
.member-balance .m-user{color:var(--text-muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.member-balance .m-value{color:var(--gold);font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}
.member-deposit{
  display:inline-flex;align-items:center;gap:6px;padding:9px 14px;
  background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#111;
  font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  border-radius:6px;border:1px solid var(--gold-border);transition:filter .15s;
}
.member-deposit:hover{filter:brightness(1.08);color:#111}
.member-menu{position:relative}
.member-trigger{
  display:flex;align-items:center;justify-content:center;padding:0 10px;height:38px;
  background:var(--bg-second);border:1px solid var(--border);border-radius:6px;
  color:var(--gold);font-size:14px;cursor:pointer;transition:border-color .15s;
}
.member-trigger:hover{border-color:var(--gold)}
.member-dropdown{
  position:absolute;right:0;top:calc(100% + 6px);min-width:220px;
  background:var(--bg-dark);border:1px solid var(--gold-dark);border-radius:8px;
  padding:6px;display:none;box-shadow:0 10px 30px rgba(0,0,0,.55);z-index:45;
}
.member-menu.open .member-dropdown{display:block;animation:memDropdownIn .15s}
@keyframes memDropdownIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.member-dropdown a{
  display:flex;align-items:center;gap:10px;padding:9px 12px;
  color:#D4D4D4;font-size:13px;font-weight:500;border-radius:5px;transition:all .12s;
}
.member-dropdown a i{color:var(--gold);width:16px;text-align:center}
.member-dropdown a:hover{background:rgba(185,177,119,.08);color:#fff}
.member-sep{height:1px;background:var(--border);margin:4px 0}
.member-dropdown a.member-logout{color:var(--red)}
.member-dropdown a.member-logout i{color:var(--red)}
.member-dropdown a.member-logout:hover{background:rgba(224,67,75,.1);color:#ff7a82}

@media(max-width:968px){
  .member-balance .m-user{display:none}
  .member-deposit{padding:8px 10px;font-size:10px}
}
@media(max-width:600px){
  .member-balance{padding:4px 8px}
  .member-balance .m-value{font-size:11px}
  .member-deposit span{display:none}
}

/* =========================================================================
   TOP MENU (main nav)
   ========================================================================= */
.top-menu{
  background:transparent;border-bottom:1px solid var(--border);
  position:sticky;top:var(--header-h);z-index:38;
  backdrop-filter:blur(6px);background:rgba(10,10,10,.85);
}
.top-menu .menu-list{
  display:flex;gap:4px;padding:0 10px;max-width:var(--container);margin:0 auto;
  height:var(--topmenu-h);align-items:center;justify-content:center;flex-wrap:nowrap;
  overflow:visible;
}
.top-menu{overflow:hidden}
.top-menu .menu-item{
  display:flex;align-items:center;gap:4px;padding:5px 6px;
  color:#D4D4D4;font-weight:600;font-size:9.5px;letter-spacing:0;text-transform:uppercase;
  border:1px solid transparent;border-radius:999px;white-space:nowrap;flex-shrink:0;
  transition:color .15s,border-color .15s,background .15s;
}
.top-menu .menu-item i{font-size:10px;color:var(--gold)}
.top-menu .menu-item .badge{
  padding:1px 3px;font-size:7px;background:var(--red);color:#fff;border-radius:3px;letter-spacing:0;margin-left:2px;
}
.top-menu .menu-item:hover{color:#fff;border-color:var(--gold-dark);background:rgba(185,177,119,.07)}
.top-menu .menu-item.active{color:var(--gold);border-color:var(--gold);background:rgba(185,177,119,.1)}

/* =========================================================================
   SECTION
   ========================================================================= */
.section{padding:40px 0}
.section-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;
}
.section-title{
  color:var(--gold);font-size:18px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  display:flex;align-items:center;gap:10px;
}
.section-title::before{content:"";width:4px;height:18px;background:var(--gold);border-radius:2px}
.section-link{color:var(--text-muted);font-size:13px;font-weight:500;letter-spacing:.05em}
.section-link:hover{color:var(--gold)}

/* =========================================================================
   SIDE FLOATING (whatsapp/instagram/telegram right rail)
   ========================================================================= */
.side-rail{
  position:fixed;right:8px;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:8px;z-index:35;
}
.side-rail a{
  writing-mode:vertical-rl;transform:rotate(180deg);
  padding:14px 6px;background:var(--bg-second);border:1px solid var(--border);
  color:#CFCFCF;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  border-radius:6px;text-align:center;transition:color .15s,border-color .15s;
}
.side-rail a:hover{color:var(--gold);border-color:var(--gold)}
.side-rail .sr-x{color:#1DA1F2}
.side-rail .sr-ig{color:#E1306C}
.side-rail .sr-tg{color:#0088CC}
.side-rail .sr-wa{color:#25D366}

/* =========================================================================
   FLOATING BUTTONS (bottom left/right)
   ========================================================================= */
.floating-bottom-left{
  position:fixed;left:16px;bottom:16px;display:flex;gap:8px;z-index:35;
}
.floating-bottom-left a{
  width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--bg-second);border:1px solid var(--gold);color:var(--gold);font-size:18px;
  transition:transform .15s,background .15s;
}
.floating-bottom-left a:hover{transform:translateY(-2px);background:var(--gold);color:#111}

.live-support-btn{
  position:fixed;right:16px;bottom:16px;z-index:36;
  display:flex;align-items:center;gap:10px;padding:10px 20px 10px 10px;
  background:linear-gradient(180deg,var(--gold-light),var(--gold));
  color:#111;border-radius:999px;border:1px solid var(--gold-border);
  font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px;
  box-shadow:var(--shadow-gold);transition:filter .15s,transform .15s;
}
.live-support-btn:hover{filter:brightness(1.08);transform:translateY(-2px);color:#111}
.live-support-btn .ls-logo{
  width:34px;height:34px;border-radius:50%;background:#111;color:var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:16px;
}

/* =========================================================================
   FOOTER
   ========================================================================= */
.site-footer{background:#0B0B0B;padding:50px 0 30px;border-top:1px solid var(--border);margin-top:60px;position:relative}
.site-footer .footer-top-sbc{
  width:100%;height:60px;background:linear-gradient(90deg,transparent,var(--bg-second),transparent);
  display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:30px;
}
.site-footer .footer-top-sbc .award-badge{
  padding:6px 14px;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:8px;
  color:var(--gold);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
}
.footer-social{
  display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:28px;
}
.footer-social a{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--bg-second);border:1px solid var(--border);color:#CFCFCF;font-size:16px;
  transition:transform .15s,background .15s,color .15s,border-color .15s;
}
.footer-social a:hover{transform:translateY(-2px)}
.footer-social a.fb:hover{background:#1877F2;color:#fff;border-color:#1877F2}
.footer-social a.x:hover{background:#000;color:#fff;border-color:#fff}
.footer-social a.ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-color:transparent}
.footer-social a.yt:hover{background:#FF0000;color:#fff;border-color:#FF0000}
.footer-social a.tg:hover{background:#0088CC;color:#fff;border-color:#0088CC}
.footer-social a.wa:hover{background:#25D366;color:#fff;border-color:#25D366}
.footer-social a.tt:hover{background:#000;color:#fff;border-color:#fff}
.footer-social a.rd:hover{background:#FF4500;color:#fff;border-color:#FF4500}
.footer-social a.th:hover{background:#000;color:#fff;border-color:#fff}
.footer-social a.pt:hover{background:#E60023;color:#fff;border-color:#E60023}
.footer-social a.tu:hover{background:#36465D;color:#fff;border-color:#36465D}

.footer-grid{
  display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:30px;margin-bottom:24px;
}
.footer-grid .fcol h4{
  color:var(--gold);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border);
}
.footer-grid .fcol a{display:block;padding:5px 0;color:#B9B9B9;font-size:13px;transition:color .15s,padding-left .15s}
.footer-grid .fcol a:hover{color:var(--gold);padding-left:4px}
.footer-grid .fcol.brand .copy{display:flex;align-items:center;gap:10px;color:#D4D4D4;font-weight:700;font-size:14px}
.footer-grid .fcol.brand .copy-txt{color:#8A8A8A;font-size:12px;margin-top:6px;font-weight:400;display:block}

.footer-legal{
  border-top:1px solid var(--border);padding-top:20px;color:#6F6F6F;font-size:12px;line-height:1.7;
  text-align:left;
}
.footer-legal strong{color:#B0B0B0}

.footer-badges{
  display:flex;align-items:center;justify-content:center;gap:28px;margin-top:28px;flex-wrap:wrap;padding:20px 0;
  border-top:1px solid var(--border);
}
.footer-badges .badge-item{
  display:flex;flex-direction:column;align-items:center;gap:4px;color:#888;font-size:11px;text-align:center;
}
.footer-badges .badge-item .ico{
  width:56px;height:56px;border-radius:8px;background:var(--bg-second);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:22px;
}
.footer-badges .resp-warning{
  max-width:300px;color:#7C7C7C;font-size:11px;line-height:1.5;
}
.footer-badges .resp-warning strong{color:#BFBFBF;display:block}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width: 1100px){
  .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:20px}
  .site-header .header-inner{padding:0 14px;gap:10px}
  .header-icon-bar{display:none}
}
@media (max-width: 768px){
  :root{--header-h:58px;--topmenu-h:50px}
  .alert-bar{font-size:11.5px;padding:10px 40px}
  .site-header .logo .logo-text .sub{display:none}
  .site-header .logo .logo-text .brand{font-size:16px}
  .site-header .logo img{height:36px}
  .header-right .btn-gold,.header-right .btn-ghost{padding:8px 12px;font-size:11px;letter-spacing:.06em}
  .footer-grid{grid-template-columns:1fr 1fr;gap:16px}
  .side-rail{display:none}
  .live-support-btn{padding:8px 14px 8px 8px;font-size:11px}
  .live-support-btn .ls-logo{width:28px;height:28px;font-size:13px}
  .section{padding:24px 0}
  .section-title{font-size:15px}
}
@media (max-width: 480px){
  .header-right .btn-ghost{display:none}
  .footer-grid{grid-template-columns:1fr}
  .footer-social a{width:34px;height:34px;font-size:14px}
}


/* LC_WRAP_GLOBAL_FIX_v14 — yalniz .lc-wrap kullanimlari icin (spor.html sporWrap gibi) */
.lc-wrap{position:relative;overflow:hidden}
.lc-wrap .lc-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s}
.lc-wrap .lc-slide.active{opacity:1;z-index:2}
.lc-wrap .lc-slide img{width:100%;height:100%;object-fit:cover;display:block}
.lc-wrap .lc-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5}
.lc-wrap .lc-dots .d{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);border:0;cursor:pointer;transition:background .2s,width .2s}
.lc-wrap .lc-dots .d.active{background:var(--gold);width:22px;border-radius:4px}


/* =========================================================================
   MOBILE_FIX_v16 — iOS + Android tam optimize (renk/tasarim degismez)
   ========================================================================= */

/* ----- Tablet (<=1100px) ----- */
@media (max-width:1100px){
  .side-rail{display:none !important}
  .header-label-btns{display:none}
  .header-icon-bar{display:flex !important;gap:6px}
  .header-inner{padding:0 10px;gap:8px}
  .top-menu .menu-list{gap:4px;padding:0 10px;overflow-x:auto;scrollbar-width:none}
  .top-menu .menu-list::-webkit-scrollbar{display:none}
  .top-menu .menu-item{flex-shrink:0;font-size:12px;padding:8px 12px}
}

/* ----- Tablet dikey + buyuk telefon (<=860px) ----- */
@media (max-width:860px){
  :root{
    --header-h:56px;
    --topmenu-h:48px;
    --alert-h:auto;
  }
  .alert-bar{font-size:11.5px;line-height:1.4;padding:8px 32px 8px 32px;text-align:center}
  .alert-bar .alert-icon{left:10px;font-size:14px}
  .alert-bar .alert-close{right:6px;width:22px;height:22px;font-size:14px}

  .site-header{padding:0}
  .header-inner{height:var(--header-h);padding:0 8px;gap:8px}
  .logo img{height:32px !important;max-height:32px}
  .header-right{gap:6px}
  .btn-gold,.btn-ghost{padding:7px 12px !important;font-size:11px !important;letter-spacing:.08em !important}
  .lang-switch{padding:5px 8px !important;font-size:11px}

  .top-menu{height:var(--topmenu-h)}
  .menu-item{font-size:11.5px;padding:7px 10px;white-space:nowrap}
  .menu-item i{font-size:12px}
  .menu-item .badge{font-size:8px;padding:1px 4px}

  /* Footer */
  .footer-grid{grid-template-columns:1fr 1fr !important;gap:16px}
  .footer-awards{position:static !important;flex-direction:row !important;justify-content:center;flex-wrap:wrap;gap:10px;padding:14px 0}
  .footer-awards img{max-height:36px !important}
  .footer-badges{grid-template-columns:1fr 1fr !important;gap:10px}
  .footer-social{flex-wrap:wrap;justify-content:center;gap:10px}
  .footer-social a{width:36px;height:36px;font-size:14px}
  .footer-legal{font-size:11px;line-height:1.6;text-align:center}

  /* Live support */
  .live-support-btn{padding:8px 12px !important;font-size:11px !important}
  .live-support-btn span:last-child{display:none}
  .live-support-btn .ls-logo{width:28px !important;height:28px !important}

  /* Floating bottom-left */
  .floating-bottom-left{left:10px;bottom:10px;gap:6px}
  .floating-bottom-left a{width:38px;height:38px;font-size:15px}
}

/* ----- Telefon (<=600px) ----- */
@media (max-width:600px){
  .header-inner{gap:6px;padding:0 6px}
  .logo img{height:28px !important}
  .btn-gold,.btn-ghost{padding:6px 10px !important;font-size:10px !important}
  .btn-ghost[data-open-modal="login"]{display:none}  /* Sadece KAYIT + lang gosterilir */
  .lang-switch{padding:4px 6px !important}
  .lang-switch .arr{display:none}
  .footer-grid{grid-template-columns:1fr !important}
  .footer-badges{grid-template-columns:1fr !important}

  /* Modal mobile safe */
  .modal-box,.modal-content{max-width:95vw !important;max-height:90vh !important;overflow-y:auto}
}

/* ----- Kucuk telefon (<=380px) ----- */
@media (max-width:380px){
  .logo img{height:24px !important}
  .btn-gold,.btn-ghost{padding:5px 8px !important;font-size:9.5px !important}
  .menu-item{font-size:10.5px;padding:6px 8px}
}

/* ----- iOS safe-area ----- */
@supports(padding:env(safe-area-inset-bottom)){
  .live-support-btn{bottom:calc(16px + env(safe-area-inset-bottom))}
  .floating-bottom-left{bottom:calc(10px + env(safe-area-inset-bottom))}
  .side-rail{padding-bottom:env(safe-area-inset-bottom)}
}

/* Global overflow koruma */
html,body{overflow-x:hidden !important;max-width:100vw}