/* ServisGO Customer App Pro UI */
/* Sadece app=1 sayfalarında koşullu yüklenir */

:root{
  --sg-green:#16a34a;
  --sg-green2:#10b981;
  --sg-blue:#2563eb;
  --sg-dark:#0f172a;
  --sg-text:#101828;
  --sg-muted:#667085;
  --sg-line:#dbe5f0;
  --sg-bg:#eaf2f7;
  --sg-card:#ffffff;
  --sg-soft:#f8fafc;
}

html,
body{
  width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(16,185,129,.10),transparent 28%),
    radial-gradient(circle at 85% 0%,rgba(37,99,235,.10),transparent 30%),
    var(--sg-bg)!important;
  color:var(--sg-text)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}

/* App shell */
body > main,
main{
  width:100%!important;
  max-width:430px!important;
  min-height:100vh!important;
  margin:0 auto!important;
  padding-left:16px!important;
  padding-right:16px!important;
  padding-top:18px!important;
  padding-bottom:132px!important;
  background:
    linear-gradient(180deg,#ffffff 0%,#ffffff 68%,#f8fbff 100%)!important;
  box-shadow:0 0 44px rgba(15,23,42,.08)!important;
  box-sizing:border-box!important;
}

/* Desktop header/footer app içinde sadeleşsin */
body > header,
header.site-header,
header.sg-header,
header.sticky,
.site-header,
.main-header,
footer{
  display:none!important;
}

/* Genel grid */
.grid,
[class*="grid-cols"],
.md\:grid-cols-2,
.md\:grid-cols-3,
.lg\:grid-cols-2,
.lg\:grid-cols-3,
.xl\:grid-cols-2,
.xl\:grid-cols-3{
  grid-template-columns:1fr!important;
}

/* Kartlar */
section,
.card,
.rounded-3xl,
.rounded-\[32px\],
.rounded-\[34px\]{
  border-radius:26px!important;
}

section,
.card{
  border-color:rgba(203,213,225,.75)!important;
}

.bg-white,
section.bg-white{
  background:rgba(255,255,255,.96)!important;
}

/* Başlıklar */
h1{
  font-size:34px!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
  color:#071127!important;
}

h2{
  font-size:25px!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  font-weight:950!important;
  color:#071127!important;
}

h3{
  font-weight:900!important;
}

p{
  color:#526173!important;
  line-height:1.62!important;
}

/* Form alanları */
label{
  font-weight:900!important;
  color:#56657a!important;
}

input,
select,
textarea{
  width:100%!important;
  max-width:100%!important;
  border:1px solid #d8e3f0!important;
  background:#fff!important;
  border-radius:18px!important;
  min-height:60px!important;
  font-size:16px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.035)!important;
  outline:none!important;
  box-sizing:border-box!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(22,163,74,.55)!important;
  box-shadow:0 0 0 4px rgba(22,163,74,.12)!important;
}

textarea{
  min-height:132px!important;
}

/* Butonlar */
button,
input[type="submit"],
a[class*="btn"],
.sg-emerald-btn,
.sg-blue-btn,
.sg-black-btn{
  border-radius:18px!important;
  min-height:56px!important;
  font-size:16px!important;
  font-weight:950!important;
  box-shadow:0 14px 30px rgba(15,23,42,.10)!important;
}

.sg-emerald-btn,
button[type="submit"],
input[type="submit"]{
  background:linear-gradient(135deg,var(--sg-green2),var(--sg-green))!important;
  color:#fff!important;
}

.sg-blue-btn{
  background:linear-gradient(135deg,#18a0e5,var(--sg-blue))!important;
  color:#fff!important;
}

.sg-black-btn{
  background:linear-gradient(135deg,#111827,#0f172a)!important;
  color:#fff!important;
}

/* Talep başarılı kartı daha premium */
.sg-light-hero{
  background:
    radial-gradient(circle at 85% 0%,rgba(16,185,129,.18),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#effcf8 55%,#eef7ff 100%)!important;
  border:1px solid #d8f6e8!important;
}

/* App bottom nav */
.sg-customer-bottom-nav{
  position:fixed!important;
  left:50%!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
  width:calc(100% - 24px)!important;
  max-width:406px!important;
  z-index:99999!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  border:1px solid rgba(203,213,225,.85)!important;
  box-shadow:0 20px 45px rgba(15,23,42,.18)!important;
  overflow:hidden!important;
}

.sg-customer-bottom-nav a,
.sg-customer-bottom-nav button{
  box-shadow:none!important;
  min-height:auto!important;
}

/* Ayarlar/profil liste kartları */
a[href*="profil"],
a[href*="islerim"],
a[href*="bildirim"],
a[href*="logout"],
a[href*="cikis"]{
  -webkit-tap-highlight-color:transparent!important;
}

/* Form altı nav kapatmasın */
body:has(.sg-customer-bottom-nav) main{
  padding-bottom:148px!important;
}

/* Sağ sol taşma engeli */
*{
  box-sizing:border-box;
}

img,
video,
iframe{
  max-width:100%;
}

/* Masaüstünde app penceresi ortalı kalsın */
@media(min-width:768px){
  body > main,
  main{
    max-width:430px!important;
  }
}

/* Küçük telefon */
@media(max-width:430px){
  body > main,
  main{
    max-width:100%!important;
    box-shadow:none!important;
  }

  .sg-customer-bottom-nav{
    width:calc(100% - 18px)!important;
    max-width:100%!important;
    bottom:8px!important;
  }
}

/* SG_REAL_APP_BLUE_V1_START */
:root{
  --sg-app-blue:#1e63ff;
  --sg-app-blue2:#0b3b93;
  --sg-app-blue3:#08235f;
  --sg-app-green:#16a34a;
  --sg-app-ink:#08142f;
  --sg-app-muted:#627188;
  --sg-app-line:#dbe6f2;
  --sg-app-bg:#eaf3fb;
  --sg-app-card:#ffffff;
  --sg-app-shadow:0 18px 46px rgba(8,20,47,.10);
}

body:has(.sg-customer-page),
body:has(.sg-app-shell),
body:has(.sg-detail-page),
body:has(.sg-empty-page),
body:has(.sg-customer-bottom-nav){
  background:
    radial-gradient(circle at 15% 0%,rgba(30,99,255,.16),transparent 32%),
    radial-gradient(circle at 88% 6%,rgba(22,163,74,.10),transparent 34%),
    linear-gradient(180deg,#edf6ff 0%,#f8fbff 48%,#eef6fb 100%) !important;
  color:var(--sg-app-ink) !important;
  -webkit-font-smoothing:antialiased !important;
}

.sg-customer-shell,
.sg-app-shell,
body:has(.sg-detail-page) > main,
body:has(.sg-empty-page) > main{
  width:100% !important;
  max-width:540px !important;
  min-height:100vh !important;
  margin:0 auto !important;
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 72%,#f4f8fc 100%) !important;
  box-shadow:0 0 0 1px rgba(15,23,42,.05),0 30px 90px rgba(15,23,42,.14) !important;
  overflow:hidden !important;
}

.sg-customer-page,
.sg-app-shell,
.sg-detail-page,
.sg-empty-page{
  padding-left:18px !important;
  padding-right:18px !important;
  padding-bottom:120px !important;
  box-sizing:border-box !important;
}

.sg-app-shell > .sg-page-title,
.sg-customer-page .sg-page-title,
.sg-empty-page .sg-c-top{
  position:relative !important;
  min-height:128px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
  margin:0 -2px 18px !important;
  padding:26px 24px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 84% 12%,rgba(255,255,255,.24),transparent 30%),
    linear-gradient(135deg,var(--sg-app-blue3),var(--sg-app-blue)) !important;
  color:#fff !important;
  text-align:left !important;
  font-size:30px !important;
  line-height:1.08 !important;
  letter-spacing:0 !important;
  font-weight:950 !important;
  box-shadow:0 24px 50px rgba(30,99,255,.24) !important;
}

.sg-app-shell > .sg-page-title:before,
.sg-customer-page .sg-page-title:before,
.sg-empty-page .sg-c-top:before{
  content:"ServisGO" !important;
  position:absolute !important;
  top:22px !important;
  left:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:950 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.sg-detail-head{
  position:relative !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:12px !important;
  min-height:136px !important;
  margin:0 -2px 18px !important;
  padding:22px 22px 24px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 82% 10%,rgba(255,255,255,.22),transparent 30%),
    linear-gradient(135deg,var(--sg-app-blue3),var(--sg-app-blue)) !important;
  box-shadow:0 24px 50px rgba(30,99,255,.24) !important;
}

.sg-detail-head:before{
  content:"ServisGO" !important;
  position:absolute !important;
  top:22px !important;
  left:22px !important;
  min-height:34px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.26) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:950 !important;
}

.sg-detail-title,
.sg-detail-sub{
  color:#fff !important;
}

.sg-detail-title{
  font-size:28px !important;
  line-height:1.08 !important;
  letter-spacing:0 !important;
}

.sg-detail-sub{
  opacity:.86 !important;
  font-size:13px !important;
}

.sg-back-btn{
  width:44px !important;
  height:44px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  box-shadow:none !important;
  backdrop-filter:blur(10px) !important;
}

.sg-guest-box,
.sg-profile-card,
.sg-profile-summary,
.sg-data-card,
.sg-detail-card,
.sg-offer-card,
.sg-pretty-card,
.sg-empty-card,
.sg-setting-item,
.sg-settings-item,
.sg-menu-item,
.sg-page-note,
.sg-mini-stat,
.sg-empty-offer,
.sg-light-hero,
.card,
.offer-card,
.request-card,
.notice-card{
  border:1px solid var(--sg-app-line) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:var(--sg-app-shadow) !important;
}

.sg-guest-box,
.sg-light-hero,
.sg-page-note{
  background:linear-gradient(135deg,#eef7ff 0%,#ffffff 58%,#effaf3 100%) !important;
}

.sg-guest-box strong,
.sg-profile-info strong,
.sg-setting-text strong,
.sg-settings-copy strong,
.sg-card-title,
.sg-data-title,
.sg-detail-card h2,
.sg-offer-provider,
.sg-empty-title,
.sg-menu-title{
  color:var(--sg-app-ink) !important;
  letter-spacing:0 !important;
}

.sg-setting-text span,
.sg-settings-copy small,
.sg-profile-info span,
.sg-card-text,
.sg-data-desc,
.sg-detail-desc,
.sg-offer-desc,
.sg-empty-text,
.sg-menu-desc,
.sg-page-note,
.sg-mini-label,
.sg-detail-sub{
  color:var(--sg-app-muted) !important;
}

.sg-setting-item,
.sg-settings-item,
.sg-menu-item,
.sg-data-card,
.sg-pretty-card,
.sg-offer-card{
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.sg-setting-item:active,
.sg-settings-item:active,
.sg-menu-item:active,
.sg-data-card:active,
.sg-pretty-card:active,
.sg-offer-card:active{
  transform:scale(.985) !important;
}

.sg-setting-icon,
.sg-menu-ico,
.sg-icon-badge,
.sg-profile-avatar,
.sg-avatar,
.sg-avatar-xl{
  border-radius:19px !important;
  background:linear-gradient(135deg,#e7f0ff,#dbeafe) !important;
  color:var(--sg-app-blue) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 22px rgba(30,99,255,.10) !important;
}

.sg-avatar,
.sg-avatar-xl,
.sg-profile-avatar{
  background:linear-gradient(135deg,var(--sg-app-blue),#13b981) !important;
  color:#fff !important;
}

.sg-chip,
.badge,
.sg-badge,
.status-badge,
.sg-offer-price{
  min-height:30px !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:950 !important;
  border:1px solid rgba(30,99,255,.12) !important;
  background:#eef5ff !important;
  color:#1746a2 !important;
}

.sg-chip.green,
.sg-offer-price,
.status-badge.success{
  border-color:#bbf7d0 !important;
  background:#eafbf1 !important;
  color:#047857 !important;
}

.sg-btn,
.sg-btn-pill,
.sg-action-btn,
.sg-guarantee-btn,
button[type="submit"],
input[type="submit"]{
  border-radius:18px !important;
  min-height:54px !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
}

.sg-btn-primary,
.sg-btn.green,
.sg-btn-pill.green,
.sg-action-btn.green,
.sg-guarantee-btn,
button[type="submit"],
input[type="submit"]{
  background:linear-gradient(135deg,#13b981,var(--sg-app-green)) !important;
  color:#fff !important;
  box-shadow:0 18px 34px rgba(22,163,74,.22) !important;
  border:0 !important;
}

.sg-btn-soft,
.sg-btn.outline,
.sg-btn-pill.light,
.sg-action-btn.light{
  background:#fff !important;
  color:var(--sg-app-ink) !important;
  border:1px solid var(--sg-app-line) !important;
  box-shadow:0 12px 24px rgba(15,23,42,.06) !important;
}

input,
select,
textarea{
  border-radius:18px !important;
  border:1px solid var(--sg-app-line) !important;
  background:#fff !important;
  box-shadow:0 8px 20px rgba(15,23,42,.04) !important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(30,99,255,.55) !important;
  box-shadow:0 0 0 4px rgba(30,99,255,.13) !important;
}

.sg-customer-bottom-nav,
.sg-fixed-bottom-nav,
.sg-bottom-nav{
  position:fixed !important;
  left:50% !important;
  bottom:10px !important;
  transform:translateX(-50%) !important;
  width:calc(100% - 24px) !important;
  max-width:516px !important;
  min-height:78px !important;
  padding:8px !important;
  border:1px solid rgba(219,230,242,.92) !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 24px 54px rgba(8,20,47,.20) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  z-index:999999 !important;
  overflow:hidden !important;
}

.sg-customer-bottom-nav a,
.sg-fixed-bottom-nav a,
.sg-bottom-nav a,
.sg-bottom-nav__item{
  min-height:60px !important;
  border-radius:20px !important;
  color:#64748b !important;
  font-weight:850 !important;
}

.sg-customer-bottom-nav a.active,
.sg-fixed-bottom-nav a.active,
.sg-bottom-nav a.active,
.sg-bottom-nav__item.is-active{
  background:linear-gradient(135deg,#eff6ff,#ecfdf5) !important;
  color:var(--sg-app-blue) !important;
}

.sg-customer-bottom-nav a.active svg,
.sg-fixed-bottom-nav a.active svg,
.sg-bottom-nav a.active svg{
  color:var(--sg-app-blue) !important;
}

.sg-customer-bottom-nav a.active:before,
.sg-fixed-bottom-nav a.active:before,
.sg-bottom-nav a.active:before,
.sg-bottom-nav__item.is-active:before{
  display:none !important;
}

@media(max-width:640px){
  .sg-customer-shell,
  .sg-app-shell,
  body:has(.sg-detail-page) > main,
  body:has(.sg-empty-page) > main{
    max-width:100% !important;
    box-shadow:none !important;
  }

  .sg-customer-page,
  .sg-app-shell,
  .sg-detail-page,
  .sg-empty-page{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .sg-app-shell > .sg-page-title,
  .sg-customer-page .sg-page-title,
  .sg-empty-page .sg-c-top,
  .sg-detail-head{
    min-height:124px !important;
    border-radius:28px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .sg-app-shell > .sg-page-title,
  .sg-customer-page .sg-page-title,
  .sg-empty-page .sg-c-top{
    font-size:28px !important;
  }

  .sg-detail-title{
    font-size:26px !important;
  }

  .sg-customer-bottom-nav,
  .sg-fixed-bottom-nav,
  .sg-bottom-nav{
    width:calc(100% - 16px) !important;
    bottom:8px !important;
  }
}
/* SG_REAL_APP_BLUE_V1_END */

/* SG_APP_NATIVE_POLISH_V1_START */
:root{
  --sg-native-blue:#1e63ff;
  --sg-native-blue-dark:#082b77;
  --sg-native-cyan:#15b8c8;
  --sg-native-green:#16a34a;
  --sg-native-ink:#071225;
  --sg-native-muted:#637083;
  --sg-native-line:#dbe7f2;
  --sg-native-bg:#eaf4fb;
  --sg-native-width:540px;
  --sg-native-shadow:0 18px 46px rgba(7,18,37,.11);
}

html{
  background:var(--sg-native-bg) !important;
}

body:has(.sg-customer-shell),
body:has(.sg-app-shell),
body:has(.sg-customer-page),
body:has(.sg-detail-page),
body:has(.sg-customer-bottom-nav){
  background:
    radial-gradient(circle at 12% 0%,rgba(30,99,255,.15),transparent 30%),
    radial-gradient(circle at 88% 0%,rgba(21,184,200,.13),transparent 32%),
    linear-gradient(180deg,#edf7ff 0%,#f8fbff 52%,#eaf4fb 100%) !important;
  color:var(--sg-native-ink) !important;
  min-height:100vh !important;
}

.sg-customer-shell,
.sg-app-shell,
body:has(.sg-detail-page) > main,
body:has(.sg-empty-page) > main{
  max-width:var(--sg-native-width) !important;
  width:100% !important;
  min-height:100vh !important;
  margin:0 auto !important;
  background:
    linear-gradient(180deg,#ffffff 0%,#ffffff 70%,#f5f9fd 100%) !important;
  border-left:1px solid rgba(219,231,242,.85) !important;
  border-right:1px solid rgba(219,231,242,.85) !important;
  box-shadow:0 0 0 1px rgba(15,23,42,.04),0 30px 90px rgba(15,23,42,.14) !important;
  overflow:hidden !important;
}

.sg-customer-page,
.sg-app-shell,
.sg-detail-page,
.sg-empty-page{
  padding-left:18px !important;
  padding-right:18px !important;
  padding-bottom:118px !important;
  box-sizing:border-box !important;
}

/* Uygulama ana ekranı: daha gerçek PWA hissi */
.sg-armut-style .sg-armut-logo,
.sg-armut-style .sg-logo-text{
  justify-content:flex-start !important;
  margin:18px 0 18px !important;
  font-size:24px !important;
  letter-spacing:0 !important;
}

.sg-armut-style .sg-logo-mark,
.sg-login-app-logo,
.brand-mark,
.sg-logo-mark{
  background:linear-gradient(135deg,var(--sg-native-blue),var(--sg-native-cyan)) !important;
  box-shadow:0 14px 28px rgba(30,99,255,.22) !important;
}

.sg-armut-style .sg-guest-cta,
.sg-guest-box,
.sg-profile-card,
.sg-profile-summary,
.sg-data-card,
.sg-detail-card,
.sg-offer-card,
.sg-pretty-card,
.sg-empty-card,
.sg-setting-item,
.sg-settings-item,
.sg-menu-item,
.sg-page-note,
.sg-mini-stat,
.sg-empty-offer,
.request-card,
.notification-card,
.offer-card,
.sg-card,
.card{
  border:1px solid var(--sg-native-line) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:var(--sg-native-shadow) !important;
}

.sg-armut-style .sg-guest-cta,
.sg-guest-box,
.sg-light-hero,
.sg-page-note{
  background:
    radial-gradient(circle at 88% 0%,rgba(30,99,255,.11),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f1f7ff 56%,#effbf7 100%) !important;
}

.sg-armut-style .sg-search-box,
.sg-search-box{
  border:1px solid var(--sg-native-line) !important;
  background:#fff !important;
  box-shadow:0 16px 38px rgba(7,18,37,.10) !important;
}

.sg-armut-style .sg-search-btn,
.sg-search-btn,
.sg-btn-primary,
.sg-btn.green,
.sg-btn-pill.green,
.sg-action-btn.green,
.sg-guarantee-btn,
button[type="submit"],
input[type="submit"]{
  background:linear-gradient(135deg,var(--sg-native-blue),var(--sg-native-cyan)) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 18px 34px rgba(30,99,255,.22) !important;
}

.sg-guest-register{
  background:linear-gradient(135deg,var(--sg-native-blue),var(--sg-native-cyan)) !important;
  border-color:transparent !important;
  box-shadow:0 12px 24px rgba(30,99,255,.18) !important;
}

.sg-app-shell > .sg-page-title,
.sg-customer-page .sg-page-title,
.sg-empty-page .sg-c-top,
.sg-detail-head{
  min-height:126px !important;
  margin:0 0 18px !important;
  padding:24px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,255,255,.24),transparent 30%),
    linear-gradient(135deg,var(--sg-native-blue-dark),var(--sg-native-blue) 58%,var(--sg-native-cyan)) !important;
  color:#fff !important;
  text-align:left !important;
  box-shadow:0 24px 52px rgba(30,99,255,.24) !important;
}

.sg-app-shell > .sg-page-title,
.sg-customer-page .sg-page-title,
.sg-empty-page .sg-c-top{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
  font-size:29px !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
}

.sg-app-shell > .sg-page-title:before,
.sg-customer-page .sg-page-title:before,
.sg-empty-page .sg-c-top:before,
.sg-detail-head:before{
  content:"ServisGO" !important;
  position:absolute !important;
  top:22px !important;
  left:24px !important;
  min-height:34px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

.sg-detail-title,
.sg-detail-sub{
  color:#fff !important;
}

.sg-detail-title{
  font-size:27px !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
}

.sg-back-btn{
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.26) !important;
  color:#fff !important;
  box-shadow:none !important;
}

.sg-setting-icon,
.sg-menu-ico,
.sg-icon-badge,
.sg-profile-avatar,
.sg-avatar,
.sg-avatar-xl{
  background:linear-gradient(135deg,#eaf2ff,#dbeafe) !important;
  color:var(--sg-native-blue) !important;
  border-radius:19px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 10px 22px rgba(30,99,255,.10) !important;
}

.sg-avatar,
.sg-avatar-xl,
.sg-profile-avatar{
  background:linear-gradient(135deg,var(--sg-native-blue),var(--sg-native-cyan)) !important;
  color:#fff !important;
}

.sg-service-card,
.sg-data-card,
.sg-pretty-card,
.sg-offer-card,
.sg-setting-item,
.sg-settings-item,
.sg-menu-item{
  -webkit-tap-highlight-color:transparent !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.sg-service-card:active,
.sg-data-card:active,
.sg-pretty-card:active,
.sg-offer-card:active,
.sg-setting-item:active,
.sg-settings-item:active,
.sg-menu-item:active{
  transform:scale(.985) !important;
}

.sg-service-card img,
.sg-armut-section .sg-service-card img,
.sg-search-result-card img{
  border:1px solid rgba(219,231,242,.85) !important;
  box-shadow:0 10px 22px rgba(7,18,37,.08) !important;
}

.sg-chip,
.badge,
.sg-badge,
.status-badge,
.sg-offer-price{
  min-height:30px !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(30,99,255,.13) !important;
  background:#eef5ff !important;
  color:#1746a2 !important;
  font-size:12px !important;
  font-weight:950 !important;
}

.sg-chip.green,
.sg-offer-price,
.status-badge.success{
  border-color:#bbf7d0 !important;
  background:#ecfdf5 !important;
  color:#047857 !important;
}

input,
select,
textarea{
  border:1px solid var(--sg-native-line) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 8px 20px rgba(7,18,37,.04) !important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(30,99,255,.55) !important;
  box-shadow:0 0 0 4px rgba(30,99,255,.13) !important;
}

.sg-customer-bottom-nav,
.sg-fixed-bottom-nav,
.sg-bottom-nav{
  left:50% !important;
  bottom:10px !important;
  transform:translateX(-50%) !important;
  width:calc(100% - 24px) !important;
  max-width:516px !important;
  min-height:78px !important;
  padding:8px !important;
  border:1px solid rgba(219,231,242,.92) !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 24px 54px rgba(7,18,37,.20) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

.sg-customer-bottom-nav a,
.sg-fixed-bottom-nav a,
.sg-bottom-nav a,
.sg-bottom-nav__item{
  min-height:60px !important;
  border-radius:20px !important;
  color:#64748b !important;
  font-weight:850 !important;
}

.sg-customer-bottom-nav a.active,
.sg-fixed-bottom-nav a.active,
.sg-bottom-nav a.active,
.sg-bottom-nav__item.is-active{
  background:linear-gradient(135deg,#eff6ff,#ecfeff) !important;
  color:var(--sg-native-blue) !important;
}

.sg-customer-bottom-nav a.active:before,
.sg-fixed-bottom-nav a.active:before,
.sg-bottom-nav a.active:before,
.sg-bottom-nav__item.is-active:before{
  display:none !important;
}

@media(display-mode:standalone){
  body:has(.sg-customer-shell),
  body:has(.sg-app-shell),
  body:has(.sg-customer-page){
    background:#fff !important;
  }

  .sg-customer-shell,
  .sg-app-shell{
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
  }

  .sg-customer-page,
  .sg-app-shell,
  .sg-detail-page,
  .sg-empty-page{
    padding-top:calc(18px + env(safe-area-inset-top,0px)) !important;
  }

  .sg-customer-bottom-nav,
  .sg-fixed-bottom-nav,
  .sg-bottom-nav{
    bottom:calc(8px + env(safe-area-inset-bottom,0px)) !important;
  }
}

@media(max-width:640px){
  .sg-customer-shell,
  .sg-app-shell,
  body:has(.sg-detail-page) > main,
  body:has(.sg-empty-page) > main{
    max-width:100% !important;
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
  }

  .sg-customer-page,
  .sg-app-shell,
  .sg-detail-page,
  .sg-empty-page{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .sg-app-shell > .sg-page-title,
  .sg-customer-page .sg-page-title,
  .sg-empty-page .sg-c-top,
  .sg-detail-head{
    min-height:122px !important;
    border-radius:28px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .sg-customer-bottom-nav,
  .sg-fixed-bottom-nav,
  .sg-bottom-nav{
    width:calc(100% - 16px) !important;
    bottom:8px !important;
  }
}
/* SG_APP_NATIVE_POLISH_V1_END */