body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #333;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #2B2D42;
  font-weight: 700;
  margin: 0 0 10px;
}

a {
  color: #2B2D42;
  font-weight: 500;
  -webkit-transition: 0.2s color;
  transition: 0.2s color;
}

a:hover, a:focus {
  color: #2563eb;
  text-decoration: none;
  outline: none;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}


/*----------------------------*\
	Buttons
\*----------------------------*/

.primary-btn {
  display: inline-block;
  padding: 12px 30px;
  background-color: #2563eb;
  border: none;
  border-radius: 40px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.primary-btn:hover, .primary-btn:focus {
  opacity: 0.9;
  color: #FFF;
}

/*----------------------------*\
	Inputs
\*----------------------------*/

/*-- Text input --*/

.input {
  height: 40px;
  padding: 0px 15px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  width: 100%;
}

textarea.input {
  padding: 15px;
  min-height: 90px;
}

/*-- Number input --*/

.input-number {
  position: relative;
}

.input-number input[type="number"]::-webkit-inner-spin-button, .input-number input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-number input[type="number"] {
  -moz-appearance: textfield;
  height: 40px;
  width: 100%;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  padding: 0px 35px 0px 15px;
}

.input-number .qty-up, .input-number .qty-down {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input-number .qty-up {
  right: 0;
  top: 0;
  border-bottom: 0px;
}

.input-number .qty-down {
  right: 0;
  bottom: 0;
}

.input-number .qty-up:hover, .input-number .qty-down:hover {
  background-color: #E4E7ED;
  color: #2563eb;
}

/*-- Select input --*/

.input-select {
  padding: 0px 15px;
  background: #FFF;
  border: 1px solid #E4E7ED;
  height: 40px;
}

/*-- checkbox & radio input --*/

.input-radio, .input-checkbox {
  position: relative;
  display: block;
}

.input-radio input[type="radio"]:not(:checked), .input-radio input[type="radio"]:checked, .input-checkbox input[type="checkbox"]:not(:checked), .input-checkbox input[type="checkbox"]:checked {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.input-radio label, .input-checkbox label {
  font-weight: 500;
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 5px;
  cursor: pointer;
}

.input-radio input[type="radio"]+label span, .input-checkbox input[type="checkbox"]+label span {
  position: absolute;
  left: 0px;
  top: 4px;
  width: 14px;
  height: 14px;
  border: 2px solid #E4E7ED;
  background: #FFF;
}

.input-radio input[type="radio"]+label span {
  border-radius: 50%;
}

.input-radio input[type="radio"]+label span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  background-color: #FFF;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.input-checkbox input[type="checkbox"]+label span:after {
  content: '✔';
  position: absolute;
  top: -2px;
  left: 1px;
  font-size: 10px;
  color: #FFF;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.input-radio input[type="radio"]:checked+label span, .input-checkbox input[type="checkbox"]:checked+label span {
  background-color: #2563eb;
  border-color: #2563eb;
}

.input-radio input[type="radio"]:checked+label span:after {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.input-checkbox input[type="checkbox"]:checked+label span:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.input-radio .caption, .input-checkbox .caption {
  margin-top: 5px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s max-height;
  transition: 0.3s max-height;
}

.input-radio input[type="radio"]:checked~.caption, .input-checkbox input[type="checkbox"]:checked~.caption {
  max-height: 800px;
}

/*----------------------------*\
	Section
\*----------------------------*/

.section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-title {
  position: relative;
  margin-bottom: 30px;
  margin-top: 15px;
}

.section-title .title {
  display: inline-block;
  text-transform: uppercase;
  margin: 0px;
}

.section-title .section-nav {
  float: right;
}

.section-title .section-nav .section-tab-nav {
  display: inline-block;
}

.section-tab-nav li {
  display: inline-block;
  margin-right: 15px;
}

.section-tab-nav li:last-child {
  margin-right: 0px;
}

.section-tab-nav li a {
  font-weight: 700;
  color: #8D99AE;
}

.section-tab-nav li a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #2563eb;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.section-tab-nav li.active a {
  color: #2563eb;
}

.section-tab-nav li a:hover:after, .section-tab-nav li a:focus:after, .section-tab-nav li.active a:after {
  width: 100%;
}

.section-title .section-nav .products-slick-nav {
  top: 0px;
  right: 0px;
}

/*----------------------------*\
	Breadcrumb
\*----------------------------*/

#breadcrumb {
  padding: 30px 0px;
  background: #FBFBFC;
  border-bottom: 1px solid #E4E7ED;
  margin-bottom: 30px;
}

#breadcrumb .breadcrumb-header {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 15px;
  text-transform: uppercase;
}

#breadcrumb .breadcrumb-tree {
  display: inline-block;
}

#breadcrumb .breadcrumb-tree li {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

#breadcrumb .breadcrumb-tree li+li {
  margin-left: 10px;
}

#breadcrumb .breadcrumb-tree li+li:before {
  content: '/';
  display: inline-block;
  color: #8D99AE;
  margin-right: 10px;
}

#breadcrumb .breadcrumb-tree li a {
  color: #8D99AE;
}

#breadcrumb .breadcrumb-tree li a:hover {
  color: #2563eb;
}

/*=========================================================
	02 -> HEADER
===========================================================*/

/* Üst bilgi çubuğu */
#top-header {
  padding: 10px 0;
  background-color: #1E1F29;
  font-size: 13px;
}

.header-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.header-links li {
  display: inline-block;
  margin-right: 15px;
}

.header-links li:last-child {
  margin-right: 0;
}

.header-links li a {
  color: #FFF;
  text-decoration: none;
  transition: color 0.2s;
}

.header-links li a:hover {
  color: #2563eb;
}

.header-links li i {
  color: #2563eb;
  margin-right: 5px;
}

/* Header + Logo */
#header {
  padding: 10px 0;
  background-color: #15161D;
  position: relative;
}

.header-logo img {
  display: block;
  width: 180px;
  height: 62px;
}

/* Navigation (Header ile renk uyumlu) */
#navigation {
  background-color: #15161D;
  border: none;
  box-shadow: none;
}

/* === MOBİLDE MASAÜSTÜ MENÜYÜ KAPAT === */
@media (max-width: 991px) {
  #navigation {
    display: none;
  }
}

/* Menü hizalama */
.main-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px; /* 🔸 Aralık azaldı (30px -> 20px) */
  margin: 0;
  list-style: none;
}

/* Menü linkleri */

.main-nav li {
  white-space: nowrap; /* Menü öğelerinin alt satıra düşmesini önler */
}

.main-nav li a {
  display: block;
  padding: 18px 0; /* biraz daha ince görünüm */
  color: #FFF;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
  letter-spacing: 0.2px;
}

/* Hover ve aktif */
.main-nav li a:hover,
.main-nav li.active a {
  color: #2563eb;
  background-color: transparent;
}

/* Alt çizgi efekti */
.main-nav li a:after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #2563eb;
  transition: width 0.3s ease;
}

.main-nav li a:hover:after,
.main-nav li.active a:after {
  width: 100%;
}

/* =============================
   🔹 HEADER DROPDOWN (Kategoriler)
   - Desktop: hover ile açılır
   - Touch cihazlarda: .open class ile açılır (JS)
============================== */
.main-nav li.dropdown{
  position: relative;
}

/* küçük caret */
.main-nav li.dropdown > a{
  padding-right: 18px;
}
.main-nav li.dropdown > a::before{
  content: "▾";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-52%);
  font-size: 12px;
  opacity: 0.85;
}

/* Submenu */
.main-nav li.dropdown > ul.submenu{
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  margin: 0;
  padding: 10px 0;
  background: #111;
  border-top: 2px solid #2563eb;
  box-shadow: 0 12px 30px rgba(0,0,0,0.35);
  display: none;
  z-index: 2500;
}

.main-nav li.dropdown > ul.submenu li{
  padding: 0;
}

.main-nav li.dropdown > ul.submenu a{
  display: block;
  padding: 10px 18px;
  color: #cfcfcf;
  text-decoration: none;
  white-space: nowrap;
}

.main-nav li.dropdown > ul.submenu a:hover{
  color: #2563eb;
}

/* Hover ile açılma (desktop) + JS ile açılma (.open) */
@media (min-width: 992px){
  .main-nav li.dropdown:hover > ul.submenu,
  .main-nav li.dropdown.open  > ul.submenu{
    display: block;
  }
}


/* 🔸 2. El Ürün Sat Butonu */

/* --- Büyük ekran (1200px ve üstü) --- */
@media (min-width: 1200px) {
  .main-nav li.sell-btn {
    margin-left: auto;          
    position: absolute;
    right: 20px;                
    top: 50%;                   
    transform: translateY(-50%);
    z-index: 100;
  }

  .main-nav li.sell-btn a {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #2563eb;
    color: #fff !important;
    padding: 10px 22px;
    border-radius: 25px;
    font-weight: 600;
    border: 2px solid #2563eb;
    box-shadow: 0 4px 12px rgba(37,99,235, 0.4);
    transition: all 0.3s ease;
    white-space: nowrap;
  }

  .main-nav li.sell-btn a i {
    font-size: 16px;
    transition: transform 0.3s ease;
  }

  .main-nav li.sell-btn a:hover {
    background-color: transparent;
    color: #2563eb !important;
    box-shadow: 0 0 18px rgba(37,99,235, 0.5);
  }

  .main-nav li.sell-btn a:hover i {
    transform: translateX(4px); 
  }
}

/* --- Orta ekran (991px – 1199px) --- */
@media (min-width: 991px) and (max-width: 1199px) {
  .main-nav li.sell-btn {
    position: relative;        /* Menü satırı ile hizalı */
    margin-left: auto;          
    margin-top: 0;              /* Menü satırına yapışık */
    display: flex;
    align-items: center;
    height: 100%;               /* Menü ile aynı hizada */
  }

  .main-nav li.sell-btn a {
    display: flex;
    align-items: center;
    gap: 4px;                  
    background-color: #2563eb;
    color: #fff !important;
    padding: 5px 12px;          
    border-radius: 18px;
    font-weight: 600;
    font-size: 12.5px;          
    border: 2px solid #2563eb;
    box-shadow: 0 2px 6px rgba(37,99,235, 0.4);
    transition: all 0.3s ease;
    white-space: nowrap;
    height: 100%;               /* Menü ile aynı hizada */
  }

  .main-nav li.sell-btn a i {
    font-size: 12px;             
    transition: transform 0.3s ease;
  }

  .main-nav li.sell-btn a:hover {
    background-color: transparent;
    color: #2563eb !important;
    box-shadow: 0 0 10px rgba(37,99,235, 0.5);
  }

  .main-nav li.sell-btn a:hover i {
    transform: translateX(2px); 
  }
}

/* --- Küçük ekranlar (≤990px) --- */
@media (max-width: 990px) {
  .main-nav li.sell-btn {
    position: relative;        
    margin: 10px 0 0 0;        
    text-align: center;
  }

  .main-nav li.sell-btn a {
    padding: 5px 12px;         
    font-size: 13px;           
    border-radius: 18px;       
    border: 2px solid #2563eb;
    background-color: #2563eb;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(37,99,235, 0.3);
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
  }

  .main-nav li.sell-btn a i {
    font-size: 12px;           
    transition: transform 0.3s ease;
  }

  .main-nav li.sell-btn a:hover {
    background-color: transparent;
    color: #2563eb !important;
    box-shadow: 0 0 12px rgba(37,99,235, 0.4);
  }

  .main-nav li.sell-btn a:hover i {
    transform: translateX(3px);
  }
}

/* Çizgi efektini iptal et */
.main-nav li.sell-btn a:after {
  display: none !important;
}

/*=========================================================
	Sticky Header
===========================================================*/

#header {
  position: sticky;
  top: 0;
  z-index: 1001;
}

#navigation {
  position: static;
}

/* Kaydırma gölgesi */
.sticky-active {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.3s ease;
}

/*=========================================================
	04 -> Slider
===========================================================*/

/* ====== SLIDER GENEL ====== */
.slider {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 21 / 5.8; /* 🔥 Daha ince, üst-alt daraldı */
  overflow: hidden;
  margin: 20px auto;
  background-color: #000;
}

.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
  height: 100%;
}

.slides picture,
.slides img {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  object-fit: contain; /* Görsel tam görünür */
  object-position: center;
  background-color: #000;
}

.slides picture {
  display: block;
  min-width: 100%;
}

.slides img {
  display: block;
}

/* Butonlar */
.slider-nav {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 15px;
  background: rgba(0, 0, 0, 0.3);
  padding: 8px 16px;
  border-radius: 50px;
  backdrop-filter: blur(10px);
  z-index: 5;
}

.slider.is-empty .slider-nav {
  display: none !important;
}

.slider-nav button {
  border: none;
  background: #fff;
  color: #333;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.slider-nav button:hover {
  background: #ddd;
}

/* 🔹 Responsive ayarlar – mobilde görünürlük için optimize edildi */
@media (max-width: 1200px) {
  .slider {
    aspect-ratio: 21 / 5.8;
  }
}

@media (max-width: 768px) {
  .slider {
    aspect-ratio: 16 / 9;
    margin: 15px auto;
  }
}

@media (max-width: 480px) {
  .slider {
    aspect-ratio: 4 / 3;
    margin: 12px auto;
  }

  .slider-nav {
    bottom: 10px;
    gap: 8px;
    padding: 6px 10px;
  }

  .slider-nav button {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }
}

@media (max-width: 360px) {
  .slider {
    aspect-ratio: 1 / 1;
    margin: 10px auto;
  }

  .slider-nav {
    bottom: 8px;
    gap: 6px;
    padding: 4px 8px;
  }

  .slider-nav button {
    width: 26px;
    height: 26px;
    font-size: 13px;
  }
}


/*=========================================================
	05 -> HOT DEAL
===========================================================*/


#hot-deal.hot-deal-pending {
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease;
}

#hot-deal.hot-deal-ready {
  opacity: 1;
  visibility: visible;
}

#hot-deal.section {
  padding: 60px 0px;
  margin: 30px 0px;
  background-color: #000;
  background-image: var(--hot-deal-bg, none);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  isolation: isolate;
}

.hot-deal {
  text-align: center;
}

.countdown {
    display: flex;
    justify-content: center;
    gap: 30px; /* Aralarındaki boşluk */
}

.countdown div {
    text-align: center;
}

.countdown div span {
    display: block;
    font-size: 30px; /* Rakam boyutu */
    font-weight: bold;
    color: #2563eb; /* Rakam rengi */
}

.countdown div div {
    font-size: 12px; /* Etiket boyutu */
    color: #ffffff; /* Etiket rengi */
    margin-top: -5px; /* Rakam ve etiket arasındaki boşluk */
}

.hot-deal .hot-deal-countdown>li>div span {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: #FFF;
}

.hot-deal p {
  text-transform: uppercase;
  font-size: 24px;
}

.hot-deal .cta-btn {
  margin-top: 15px;
}

/*=========================================================
	10 -> NEWSLETTER
===========================================================*/

#newsletter.section {
  border-top: 2px solid #E4E7ED;
  border-bottom: 3px solid #2563eb;
  margin-top: 30px;
}

.newsletter {
  text-align: center;
}

.newsletter p {
  font-size: 24px;
}

.newsletter form {
  position: relative;
  max-width: 520px;
  margin: 30px auto;
}

.newsletter form:after {
  content: "\f003";
  font-family: FontAwesome;
  position: absolute;
  font-size: 160px;
  color: #E4E7ED;
  top: 15px;
  -webkit-transform: translateY(-50%) rotate(15deg);
  -ms-transform: translateY(-50%) rotate(15deg);
  transform: translateY(-50%) rotate(15deg);
  z-index: -1;
  left: -90px;
}

.newsletter form .input {
  width: calc(100% - 160px);
  margin-right: -4px;
  border-radius: 40px 0px 0px 40px;
}

.newsletter form .newsletter-btn {
  width: 160px;
  height: 40px;
  font-weight: 700;
  background: #2563eb;
  color: #FFF;
  border: none;
  border-radius: 0px 40px 40px 0px;
}

.newsletter .newsletter-follow {
  text-align: center;
}

.newsletter .newsletter-follow li {
  display: inline-block;
  margin-right: 5px;
}

.newsletter .newsletter-follow li:last-child {
  margin-right: 0px;
}

.newsletter .newsletter-follow li a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.newsletter .newsletter-follow li a:hover, .newsletter .newsletter-follow li a:focus {
  background-color: #E4E7ED;
  color: #2563eb;
}

/*=========================================================
	11 -> FOOTER
===========================================================*/

#footer {
  background: #15161D;
  color: #B9BABC;
}

#bottom-footer {
  background: #1E1F29;
}

.footer {
  margin: 30px 0px;
}

.footer .footer-title {
  color: #FFF;
  text-transform: uppercase;
  font-size: 18px;
  margin: 0px 0px 30px;
}

.footer-links li+li {
  margin-top: 15px;
}

.footer-links li a {
  color: #B9BABC;
}

.footer-links li i {
  margin-right: 15px;
  color: #2563eb;
  width: 14px;
  text-align: center;
}

.footer-links li a:hover {
  color: #2563eb;
}

.copyright {
  margin-top: 30px;
  display: block;
  font-size: 12px;
}

.footer-payments li {
  display: inline-block;
  margin-right: 5px;
}

.footer-payments li a {
  color: #15161D;
  font-size: 36px;
  display: block;
}



/*=========================================================
	13 -> RESPONSIVE
===========================================================*/

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 991px) {
  #top-header .header-links.pull-left {
    float: none !important;
  }
  #top-header .header-links.pull-right {
    float: none !important;
    margin-top: 5px;
  }
  .header-logo {
    float: none;
    text-align: center;
  }
  .header-logo .logo {
    display: inline-block;
  }
  #product-imgs {
    margin-bottom: 60px;
    margin-top: 15px;
  }
  #rating {
    text-align: center;
  }
  #reviews {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title .section-nav {
    float: none;
    margin-top: 10px;
  }
  .section-tab-nav li {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 480px) {
  [class*='col-xs'] {
    width: 100%;
  }
  .store-grid {
    float: none;
    margin-top: 10px;
  }
  .store-pagination {
    float: none;
    margin-top: 10px;
  }
}

.products {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  margin: 40px auto;
  max-width: 1200px;
}

/* Kategori kutusu */
.category {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 12px;
  padding: 22px;
  width: 350px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Başlık ve alt yazı */
.category h2 {
  color: #000; /* siyah başlık */
  font-size: 22px;
  margin-bottom: 5px;
}

.category p {
  font-size: 13px; /* küçültüldü */
  color: #555;
  margin-bottom: 15px;
}

/* Görsel */
.category img {
  display: block;
  width: auto;
  height: 200px; /* eşit yükseklik */
  max-width: 100%;
  margin: 0 auto 18px auto;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
}


/* Tablet görünümde biraz küçültelim */
@media (max-width: 992px) {
  .category img {
    height: 160px;
  }
}

/* Mobilde orantılı küçülme */
@media (max-width: 768px) {
  .category img {
    height: 130px;
  }
}

/* Sadece Mac kutusundaki görsel biraz küçülsün */
.category:nth-child(1) img {
  height: 190px !important; /* 200 → 185 */
  margin-bottom: 20px; /* hizayı korumak için az fark */
}

/* Sadece iPad kutusundaki görsel biraz büyüsün */
.category:nth-child(2) img {
  height: 210px !important; /* 200 → 215 */
  margin-bottom: 15px; /* hizayı korumak için biraz azaltıldı */
}

/* Sadece iPhone kutusundaki görsel */
.category:nth-child(3) img {
  height: 212px !important;
  margin-bottom: 18px;
}

/* Butonlar alanı */
.category .buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: auto;
}

/* Kategori butonları - button ve a.btn */
.category .buttons button,
.category .buttons a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e3e3;
  background: #fff;
  padding: 7px;
  border-radius: 8px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none; /* a etiketi alt çizgi kalksın */
  color: inherit; /* renk button ile aynı olsun */
}

.category .buttons button:hover,
.category .buttons a.btn:hover {
  background: #2563eb; /* turuncu */
  color: #fff;
  border-color: #2563eb;
}


/* --- Aksesuarlar bölümü --- */
.accessories {
  background: #f8f9fb;
  padding: 40px 0;
  text-align: center;
}

.accessories h2 {
  color: #000;
  margin-bottom: 25px;
  font-size: 24px; /* küçültüldü */
}

.accessory-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

.accessory-grid .item {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 12px;
  padding: 18px;
  width: 160px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 210px;
}

.accessory-grid img {
  width: 48px;
  margin-bottom: 10px;
}

.accessory-grid p {
  font-weight: 500;
  font-size: 13px; /* küçültüldü */
  margin-bottom: 10px;
  text-align: center;
}

/* --- Butonları link ile uyumlu hâle getirme --- */
.accessory-grid button,
.accessory-grid a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  padding: 7px 10px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none; /* a etiketi alt çizgi kalksın */
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.accessory-grid button:hover,
.accessory-grid a.btn:hover {
  background: #2563eb; /* turuncu */
  color: #fff;
  border-color: #2563eb;
}

.accessory-icon {
  font-size: 42px;
  color: #000; /* siyah */
  margin-bottom: 12px;
}


/* ===== İnce Üst Banner ===== */
#top-banner{
  position: relative;
  width: 100%;
  height: 70px;            /* ince görünüm */
  overflow: hidden;
  background: #000;        /* koyu arka plan */
}

/* Slide katmanı */
#top-banner .banner-slide{
  position: absolute;
  inset: 0;                /* ✅ top/left/right/bottom = 0 (tek slide görünür) */
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.8s ease;
  z-index: 1;
  pointer-events: none;
}

#top-banner .banner-slide.active{
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}

/* ✅ HTML yapısı ile uyum: <a><picture>...</picture></a> */
#top-banner .banner-slide > a{
  display: block;
  width: 100%;
  height: 100%;
}

#top-banner .banner-slide picture{
  display: block;
  width: 100%;
  height: 100%;
}

#top-banner img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
  transition: opacity 0.8s ease;
  border-radius: 0;
}

/* --- Slider ok butonları --- */
#top-banner button{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 3;
  backdrop-filter: blur(4px);
}

#top-banner button:hover{
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
  box-shadow: 0 0 8px rgba(37,99,235, 0.6);
}

#top-banner .banner-prev{ left: 12px; }
#top-banner .banner-next{ right: 12px; }

/* --- Mobil görünüm --- */
@media (max-width: 768px){
  #top-banner{ height: 50px; }

  #top-banner button{
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}

.product {
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.product:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}
    /* Neon sürekli kayan yazı */
.neon-marquee {
    position: relative;
    width: 100%;
    min-width: 320px;
    overflow: hidden;
    background: #000;
    padding: 10px 0;
    border-top: 2px solid #1d4ed8;
    border-bottom: 2px solid #1d4ed8;
    box-sizing: border-box;
}

.marquee-track {
    display: flex;
    align-items: center;
    white-space: nowrap;
    will-change: transform;
    transform: translateX(0);
}

.marquee-set {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.marquee-item {
    display: inline-block;
    margin-right: 80px;
    font-size: 18px;
    font-weight: 700;
    color: #1d4ed8;
    text-shadow:
        0 0 6px #1d4ed8,
        0 0 12px #1d4ed8,
        0 0 22px #1d4ed8;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    .marquee-track { transform: none; }
}

	
	/* Modal genel stil */
#modalCta .modal-content {
  border-radius: 20px !important;
  padding: 30px !important;
  background: #fff;
  border: none;
}

/* Form grid yapısı */
.used-product-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 15px;
}

/* Form grup */
.used-product-group {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.used-product-group.col-md-6 { width: calc(50% - 15px); }
.used-product-group.col-md-4 { width: calc(33.33% - 15px); }

/* Input & Select */
.used-product-group input,
.used-product-group select,
.used-product-group textarea {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin-top: 5px;
  font-size: 14px;
}

/* Range bar */
#condition {
  width: 100%;
}

/* Submit button */
.used-product-btn {
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  background: #2563eb;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  transition: .2s;
}

.used-product-btn:hover {
  background: #1d4ed8;
}


/* 2. El satış formu - marka ve kozmetik seçim düzeni */
.used-condition-score-group {
  gap: 8px;
}

.used-condition-help {
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
  margin-top: 3px;
}

.used-condition-options {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 8px;
}

.used-condition-option {
  display: block;
  cursor: pointer;
  margin: 0;
  width: 100%;
}

.used-condition-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.used-condition-option span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 86px;
  padding: 10px 8px;
  border: 1px solid #d8e0ea;
  border-radius: 12px;
  background: #fff;
  color: #334155;
  text-align: center;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.used-condition-option strong {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eef2f7;
  color: #0f172a;
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 7px;
}

.used-condition-option small {
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 600;
}

.used-condition-option input:checked + span {
  border-color: #1d4ed8;
  background: #eff6ff;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, .10);
}

.used-condition-option input:checked + span strong {
  background: #1d4ed8;
  color: #fff;
}

@media(max-width: 768px) {
  .used-condition-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width: 420px) {
  .used-condition-options {
    grid-template-columns: 1fr;
  }
}

/* Close button */
#modalCta .close {
  font-size: 30px;
  opacity: .6;
}

#modalCta .close:hover {
  opacity: 1;
}

/* Mobil uyum */
@media(max-width: 768px) {
  .used-product-group.col-md-6, 
  .used-product-group.col-md-4 {
    width: 100%;
  }
}

/* ------------------ Ürünler Arası Boşluk ------------------ */
#product-grid .product {
    margin-bottom: 30px;
}

/* ------------------ Filtre Sidebar ------------------ */
.filter-sidebar {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin-bottom: 30px; /* sidebar ile ürünler arası boşluk */
}

.filter-box h4 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}

.filter-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.filter-group select,
.filter-group input[type="number"] {
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
    outline: none;
    transition: 0.3s;
}

.filter-group select:focus,
.filter-group input[type="number"]:focus {
    border-color: #1d4ed8;
    box-shadow: 0 0 8px rgba(255,111,0,0.3);
}

.clear-filters-btn {
  width: 100%;
  margin-top: 20px;
  padding: 12px;
  background: #1d4ed8;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.25s;
}

.clear-filters-btn:hover {
  background: #1d4ed8;
}


/* ------------------ Mobil Filtre Butonu ------------------ */
.btn-mobile-filter {
    display: none;
    background: #1d4ed8;
    color: #fff;
    border: none;
    padding: 10px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s;
}
.btn-mobile-filter:hover {
    background: #0ea5e9;
}

/* ------------------ Mobil Sidebar ------------------ */
@media (max-width:768px){
    .btn-mobile-filter { display:inline-block; }

    .filter-sidebar {
        position: absolute;
        top: 50px;
        left: 0;
        width: calc(100% - 40px);
        margin: 0 20px;
        z-index: 1000;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.3);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease, padding 0.4s ease;
        padding: 0 20px;
    }

    .filter-sidebar.active {
        max-height: 500px;
        padding: 20px;
    }
}

/* ------------------ Sayfalama ------------------ */
.pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 40px 0;
}

.pagination button {
  min-width: 38px;
  height: 38px;
  border-radius: 6px;
  border: 1px solid #1d4ed8;
  background: #fff;
  color: #1d4ed8;
  cursor: pointer;
  font-weight: 600;
  transition: all .2s ease;
}

/* hover */
.pagination button:hover {
  background: #1d4ed8;
  color: #fff;
}

/* aktif sayfa */
.pagination button.active {
  background: #1d4ed8;
  color: #fff;
  border-color: #1d4ed8;
  box-shadow: 0 4px 10px rgba(255, 136, 0, 0.35);
}

@media (max-width: 768px) {

  .pagination {
    flex-wrap: wrap;
    gap: 6px;
  }

  .pagination button {
    min-width: 34px;
    height: 34px;
    font-size: 13px;
  }
}



/* ✅ JS dosyan ile uyum: pagination ID kullanılıyor (#pagination) */
#pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 40px 0;
}

#pagination button {
  min-width: 38px;
  height: 38px;
  border-radius: 6px;
  border: 1px solid #1d4ed8;
  background: #fff;
  color: #1d4ed8;
  cursor: pointer;
  font-weight: 600;
  transition: all .2s ease;
}

#pagination button:hover {
  background: #1d4ed8;
  color: #fff;
}

#pagination button.active {
  background: #1d4ed8;
  color: #fff;
  border-color: #1d4ed8;
  box-shadow: 0 4px 10px rgba(255, 136, 0, 0.35);
}

@media (max-width: 768px) {
  #pagination {
    flex-wrap: wrap;
    gap: 6px;
  }

  #pagination button {
    min-width: 34px;
    height: 34px;
    font-size: 13px;
  }
}

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

/* === MOBİL MENÜ BUTONU (3 ÇİZGİ) === */
#mobile-menu-toggle {
  display: none;
  cursor: pointer;
  z-index: 1100;
}

#mobile-menu-toggle span {
  display: block;
  width: 26px;
  height: 3px;
  background: #fff;
  margin: 5px 0;
  border-radius: 3px;
  transition: 0.3s;
}

/* === MOBİL MENÜ PANEL === */
#mobile-side-nav {
  position: fixed;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100%;
  background: linear-gradient(180deg, #15161D 0%, #0f1015 100%);
  z-index: 1001;
  padding: 25px 20px;
  transition: right 0.35s ease;
  box-shadow: -6px 0 25px rgba(0,0,0,0.45);
}

#mobile-side-nav.active {
  right: 0;
}

/* === MOBİL MENÜ BAŞLIK + KAPAT === */
.mobile-nav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.mobile-nav-header span {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.5px;
}

#mobile-close {
  background: none;
  border: 0;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}

#mobile-close:hover {
  color: #2563eb;
  transform: rotate(90deg);
}

/* === MOBİL MENÜ LİSTE === */
#mobile-side-nav ul {
  list-style: none;
  padding: 0;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#mobile-side-nav ul li {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

/* === MOBİL MENÜ LINKLER === */
#mobile-side-nav ul li a {
  display: block;
  width: 100%;
  padding: 14px 0;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  transition: all 0.25s ease;
}

#mobile-side-nav ul li a:hover {
  background: rgba(255,255,255,0.06);
  color: #2563eb;
  transform: scale(1.05);
}

/* === MOBİL KATEGORİLER AKORDEON === */
#mobile-side-nav .mobile-dropdown-toggle{
  display:block;
  width:100%;
  padding:14px 0;
  border-radius:30px;
  font-size:16px;
  font-weight:600;
  color:#fff;
  background: rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.10);
  cursor:pointer;
  transition: all 0.25s ease;
  -webkit-appearance:none;
  appearance:none;
  -webkit-tap-highlight-color: transparent;
}

#mobile-side-nav .mobile-dropdown-toggle:hover{
  background: rgba(255,255,255,0.06);
  color:#2563eb;
  transform: scale(1.03);
}

#mobile-side-nav .mobile-dropdown-toggle:focus,
#mobile-side-nav .mobile-dropdown-toggle:active{
  outline:none;
  background: rgba(255,255,255,0.06);
  color:#fff;
}

#mobile-side-nav .mobile-dropdown-toggle:focus-visible{
  outline:none;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.25);
}

#mobile-side-nav .mobile-arrow{
  display:inline-block;
  margin-left:8px;
  transition: transform 0.25s ease, color 0.25s ease;
}

#mobile-side-nav .mobile-dropdown.open .mobile-arrow{
  transform: rotate(180deg);
  color:#2563eb;
}

/* Alt menü */
#mobile-side-nav .mobile-submenu{
  list-style:none;
  padding: 10px 0 0;
  margin: 0;
  display:none; /* JS slideToggle ile açılacak */
}

#mobile-side-nav .mobile-submenu li{
  width:100%;
  text-align:center;
  margin-bottom: 12px;
}

/* Submenu linkleri biraz daha kompakt */
#mobile-side-nav .mobile-submenu a{
  display:block;
  width:100%;
  padding: 12px 0;
  border-radius: 24px;
  font-size: 15px;
  font-weight: 500;
  color: #d9d9d9;
  text-decoration:none;
  background: rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);
  transition: all 0.25s ease;
}

#mobile-side-nav .mobile-submenu a:hover{
  background: rgba(255,255,255,0.08);
  color:#2563eb;
  transform: scale(1.02);
}

/* === 2. EL ÜRÜN SAT BUTONU (MASAÜSTÜ İLE AYNI) === */
#mobile-side-nav ul li:last-child a {
  background: #2563eb;
  color: #fff;
  font-weight: 700;
  border: 2px solid #2563eb;
  margin-top: 10px;
}

#mobile-side-nav ul li:last-child a:hover {
  background: transparent;
  color: #2563eb;
  box-shadow: 0 0 12px rgba(37,99,235,0.45);
}

/* === OVERLAY (BLUR) === */
#mobile-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(4px);
  z-index: 1000;
  display: none;
}

#mobile-overlay.active {
  display: block;
}

/* === MOBİL HEADER AKTİF === */
@media (max-width: 991px) {
  #mobile-menu-toggle {
    display: block;
    position: absolute;
    right: 15px;
    top: 22px;
  }
}


/* === MOBİL ÜST HEADER DÜZELTME === */
@media (max-width: 991px) {

  #top-header .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
  }

  .header-links.pull-left,
  .header-links.pull-right {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-links.pull-left li,
  .header-links.pull-right li {
    margin-right: 10px;
  }

  .header-links.pull-left li:last-child,
  .header-links.pull-right li:last-child {
    margin-right: 0;
  }

}

/* ===== PROMO PRODUCT CARD – FINAL ===== */

/* ===== PROMO PRODUCT CARD – FINAL ===== */

.promo-section {
  position: relative;
  overflow: hidden;
  padding: 30px 0;
  width: 100%;
}

/* === TRACK === */
.promo-track {
  display: flex;
  gap: 20px;
  width: max-content;
  will-change: transform;
}

/* === ITEM === */
.promo-item {
  flex: 0 0 260px;
  flex-shrink: 0; /* 🔥 KRİTİK */
}

/* === LINK === */
.promo-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* === CARD === */
.promo-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
  position: relative;
  border: 1px solid #e6e6e6;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  transition: transform .3s ease, box-shadow .3s ease;
}

/* Hover sadece masaüstü */
@media (hover: hover) {
  .promo-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 30px rgba(37,99,235,.25);
  }
}

/* === IMAGE === */
.promo-img {
  width: 100%;
  height: 160px;
  object-fit: contain;
  margin-bottom: 10px;
}

/* === TEXT === */
.promo-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px;
}

.promo-price-old {
  font-size: 13px;
  text-decoration: line-through;
  opacity: .6;
}

.promo-price {
  font-size: 18px;
  font-weight: 700;
  color: #2563eb;
}

/* === BADGE === */
.promo-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #2563eb;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 10px;
}

.promo-badge.new {
  background: #2ecc71;
}

/* === MOBİL AYARLARI === */
@media (max-width: 991px) {
  .promo-section {
    overflow: hidden;
  }

  .promo-track {
    touch-action: pan-y; /* 🔥 dikey scroll serbest, yatay drag bizde */
    cursor: grab;
  }
}

/* === RATING KAPSAYICI (ORTALAMA + TEMİZ) === */
.product-rating {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 14px;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* === İLAN SAYFASI RATING AYARI === */
.listing-info .product-rating {
  justify-content: flex-start;   /* ortayı boz */
  margin-top: 4px;               /* fiyata yakın */
  margin-bottom: 14px;           /* alt bilgilerle mesafe */
}

/* Rating etiketi (daha premium) */
.listing-info .rating-tag {
  background: #e9f9ef;
  color: #1faa59;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Etiket dışındaki alanları tamamen yok et */
.product-rating::before,
.product-rating::after {
  display: none !important;
  content: none !important;
}

/* === RATING ETİKET === */
.rating-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;

  min-width: 170px;
  padding: 7px 16px;

  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .45px;
  text-transform: uppercase;

  border-radius: 999px;
  border: 1px solid transparent;

  background-clip: padding-box;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);

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

/* === RATING RENKLERİ === */
.product-rating[data-rating="5"] .rating-tag {
  background: rgba(46,204,113,.18);
  color: #2ecc71;
  border-color: #2ecc71;
}

.product-rating[data-rating="4"] .rating-tag {
  background: rgba(52,152,219,.18);
  color: #3498db;
  border-color: #3498db;
}

.product-rating[data-rating="3"] .rating-tag {
  background: rgba(241,196,15,.20);
  color: #f1c40f;
  border-color: #f1c40f;
}

.product-rating[data-rating="2"] .rating-tag {
  background: rgba(230,126,34,.20);
  color: #e67e22;
  border-color: #e67e22;
}

.product-rating[data-rating="1"] .rating-tag {
  background: rgba(231,76,60,.20);
  color: #e74c3c;
  border-color: #e74c3c;
}

/* === HOVER (SADECE MASAÜSTÜ) === */
@media (hover: hover) {
  .rating-tag:hover {
    transform: translateY(-2px) scale(1.05);
    filter: brightness(1.15);
  }
}

/* ===== İLAN BÖLÜMÜ ===== */
.listing-section {
  padding: 40px 0;
}

.listing-gallery {
  background: #fff;
  padding: 20px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* Ana görsel + Zoom uyumlu */
.listing-main-img {
  width: 100%;
  height: auto;
  border-radius: 14px;
  object-fit: contain;
  margin-bottom: 18px;
  transition: transform 0.15s ease;
  will-change: transform;
}

/* Thumbnail alanı */
.listing-thumbs {
  display: flex;
  justify-content: center; /* Ortala */
  gap: 14px;
}

/* Thumbnail görseller */
.listing-thumbs img {
  width: 90px;           /* BÜYÜTÜLDÜ */
  height: 70px;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
  opacity: 0.6;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}

/* Hover */
.listing-thumbs img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Aktif görsel */
.listing-thumbs img.active {
  opacity: 1;
  border-color: #2563eb; /* Turuncu tema */
  box-shadow: 0 4px 14px rgba(255,127,0,0.35);
}

/* ZOOM WRAPPER */
.image-zoom-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  cursor: zoom-in;
}

.image-zoom-wrapper.zoom-active .listing-main-img {
  transform: scale(1.8);
}

/* Hover aktifken zoom */
.image-zoom-wrapper.zoom-active .listing-main-img {
  transform: scale(1.8); /* ZOOM SEVİYESİ */
}

/* Ürün Bilgileri */
.listing-info {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}

.listing-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}

.listing-meta span {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
  color: #555;
}

.listing-price {
  font-size: 34px;           /* 🔥 büyük */
  font-weight: 800;
  color: #e74c3c;
  letter-spacing: -0.5px;
}

/* Fiyat kutusu */
.listing-price-box {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

/* Eski fiyat */
.old-price {
  font-size: 16px;
  color: #9aa0a6;
  text-decoration: line-through;
  font-weight: 500;
}

/* Ok */
.price-arrow {
  color: #b0b0b0;
  font-size: 16px;
}

/* Rating mesafesi */
.listing-price-box + .product-rating {
  margin-bottom: 22px;
  display: inline-block;
}

/* İndirim rozeti */
.discount-badge {
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(255, 90, 0, 0.25);
}

.listing-specs {
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
}

.listing-specs li {
  font-size: 14px;
  color: #555;
  margin-bottom: 6px;
}

.listing-specs li i {
  color: #27ae60;
  margin-right: 6px;
}

.listing-price + .product-rating {
  margin-bottom: 22px; /* alttaki bilgilerle mesafe */
  display: inline-block;
}

/* Detaylar Akordeon */
.listing-details {
  margin-bottom: 20px;
}

.details-toggle {
  width: 100%;
  background: #f1f1f1;
  border: none;
  border-radius: 8px;
  padding: 12px 15px;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
  transition: background 0.2s;
}

.details-toggle:hover {
  background: #e2e6ea;
}

.details-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding-top: 0;
}

.details-content h4 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 8px;
}

.details-content p,
.details-content ul {
  font-size: 14px;
  color: #555;
  margin-bottom: 10px;
}

.details-content ul li {
  margin-bottom: 6px;
  list-style: disc inside;
}

/* Aksiyon Butonları */
.listing-actions {
  margin-top: 25px;
  display: flex;
  justify-content: center; /* Ortala butonları */
  gap: 20px; /* Butonlar arası boşluk */
}

.btn-whatsapp,
.btn-call {
  display: inline-block;
  padding: 12px 28px; /* Daha geniş buton */
  border-radius: 12px; /* Daha modern yuvarlak köşe */
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  color: #fff !important; /* Yazı rengi her zaman beyaz */
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15); /* Hafif gölge */
  letter-spacing: 0.5px;
}

/* WhatsApp Butonu */
.btn-whatsapp {
  background: #25D366;
}

.btn-whatsapp:hover {
  background: #1ebe57;
  transform: scale(1.05); /* Hafif büyüme efekti */
  color: #fff !important; /* Hoverda da beyaz kalacak */
}

/* Hemen Ara Butonu */
.btn-call {
  background: #2563eb;
}

.btn-call:hover {
  background: #1d4ed8;
  transform: scale(1.05); /* Hafif büyüme efekti */
  color: #fff !important; /* Hoverda da beyaz kalacak */
}

/* ================= SHOP PAGE ================= */

#shop-section {
  background: #f6f7f9;
  padding: 40px 0;
}

/* ANA LAYOUT */
.shop-page {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;

  display: flex;
  align-items: flex-start;
  gap: 24px;
}

/* ========== SOL FİLTRE ========== */

.filter-panel {
  width: 260px;
  flex-shrink: 0;
  position: sticky;
  top: 20px;
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
  font-family: 'Montserrat', sans-serif;
}

/* Başlıklar */
.filter-panel h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 15px 0 10px;
  color: #2563eb;
}

/* ===== ACCORDION BAŞLIK ===== */
.filter-panel h4.accordion {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}

/* Ok ikonu */
.filter-panel h4.accordion::after {
  content: "▾";
  font-size: 14px;
  color: #2563eb;
  transition: transform 0.25s ease;
}

/* Açıkken ok döner */
.filter-panel h4.accordion.active::after {
  transform: rotate(180deg);
}

/* ===== ACCORDION CONTENT ===== */
.filter-panel .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

/* İç boşluk (checkboxlar sıkışmasın) */
.filter-panel .accordion-content > * {
  margin-bottom: 15px;
}

/* Checkboxlar alt alta */
.filter-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 15px;
}

/* Fiyat inputları */
.price-inputs-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px;
}

.price-inputs-column input {
  padding: 8px 12px;
  border: 2px solid #2563eb;
  border-radius: 10px;
  font-size: 14px;
  outline: none;
  transition: 0.2s;
}

.price-inputs-column input:focus {
  box-shadow: 0 0 8px rgba(37,99,235,0.4);
}

/* Modern Checkbox */
.modern-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 28px;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
}

/* Gizli input */
.modern-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Checkmark kutusu */
.modern-checkbox .checkmark {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 2px solid #2563eb;
  border-radius: 5px;
  transition: all 0.2s ease;
}

.modern-checkbox:hover .checkmark {
  box-shadow: 0 0 5px rgba(37,99,235,0.5);
}

/* Seçili checkbox */
.modern-checkbox input:checked ~ .checkmark {
  background-color: #2563eb;
  border-color: #2563eb;
}

/* Tik simgesi */
.modern-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.modern-checkbox input:checked ~ .checkmark::after {
  display: block;
}

/* Ürün alanı */
.product-area {
  flex: 1;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* Mobil uyumlu */
@media (max-width: 1024px) {
  .product-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .product-grid {
    grid-template-columns: 1fr;
  }
}

/* Arama */
.search-filter {
  margin-bottom: 15px;
}

.search-filter input {
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  border: 2px solid #2563eb;
  font-size: 14px;
  outline: none;
  transition: 0.2s;
}

.search-filter input:focus {
  box-shadow: 0 0 10px rgba(37,99,235,0.4);
}

/* ===== FİYAT SIRALAMA SELECT ===== */
.filter-sort {
  margin-bottom: 15px;
}

.filter-sort select {
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  border: 2px solid #2563eb;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  outline: none;
  transition: 0.2s;
}

.filter-sort select:focus {
  box-shadow: 0 0 10px rgba(37,99,235,0.4);
}




/* ========== SAĞ ÜRÜNLER ========== */
.product-area {
  flex: 1;
}

/* GRID – 4 sütun */
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}


/* ✅ JS filtre mantığı: .filtered = gizlenecek kart */
.product-card.filtered{ display:none !important; }
/* === ÜRÜN KARTI (MEVCUT) === */
.product-card {
  background: #fff;
  border-radius: 16px;
  padding: 14px;
  text-align: center;

  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
  transition: transform .25s ease, box-shadow .25s ease;

  /* 🔧 EKLENDİ */
  display: flex;
  flex-direction: column;
}

/* Hover aynı */
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(0,0,0,0.08);
}

/* === GÖRSEL FIX === */
.product-card img {
  width: 100%;
  border-radius: 12px;

  /* 🔧 EKLENDİ */
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Başlık */
.product-card h3 {
  font-size: 15px;
  margin: 10px 0 6px;
}

/* FİYAT */
.price {
  font-size: 18px;
  font-weight: 700;
  color: #e74c3c;
}

/* RATING (SENİN CSS’İNLE UYUMLU) */
.product-rating {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}


/* ========== MOBİL ========== */
@media (max-width: 991px) {
  .shop-page {
    flex-direction: column;
  }

  .filter-panel {
    position: static;
    width: 100%;
  }

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

/* MOBİL FİLTRE AKORDİYON */
@media (max-width: 991px) {

  .mobile-filter-accordion {
    width: 100%;
    max-width: 420px;
    margin: 0 auto 20px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    background: #fff;
  }

  .mobile-filter-header {
    width: 100%;
    padding: 16px 18px;
    border: none;
    background: linear-gradient(135deg, #2563eb, #60a5fa);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
  }

  .mobile-filter-header i {
    font-size: 16px;
  }

  .mobile-filter-header .arrow {
    transition: transform .3s ease;
  }

  /* Panel başlangıçta kapalı */
  .mobile-filter-accordion .filter-panel {
    max-height: 0;
    overflow: hidden;
    padding: 0 16px;
    transition: max-height .4s ease, padding .3s ease;
    box-shadow: none;
  }

  /* Açık hali */
  .mobile-filter-accordion.active .filter-panel {
    max-height: 2000px;
    padding: 20px 16px;
  }

  .mobile-filter-accordion.active .arrow {
    transform: rotate(180deg);
  }

  /* Masaüstünde bu yapı görünmesin */
  .filter-panel {
    position: static;
  }
}

/* Masaüstünde SADECE mobil filtre butonunu gizle */
@media (min-width: 992px) {
  .mobile-filter-header {
    display: none;
  }
}

@media (max-width: 768px) {
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .product-card {
    padding: 10px;
  }
}

@media (max-width: 768px) {

  .rating-tag {
    font-size: 10.5px;        /* 12 → 10.5 */
    padding: 4px 6px;        /* sağ–sol biraz daha daraltıldı */
    border-radius: 18px;
    gap: 4px;
    letter-spacing: 0.2px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    min-width: auto;         /* genişlik zorlaması varsa iptal */
  }

  .product-rating {
    margin-top: 6px;
    padding: 0 4px;          /* kart kenarına yapışmayı önler */
  }

	/* Mobilde hover scale kapansın */
  .rating-tag:hover {
    transform: none;
    filter: none;
  }
}

	/* dukkan form gönder */
.used-product-status {
  padding: 15px;
  border-radius: 10px;
  background: #eafff0;
  color: #0f5132;
  font-size: 15px;
  line-height: 1.6;
  border: 1px solid #badbcc;
  text-align: center;
}



/* ===== KATEGORİ ALT SEÇENEKLER (SUB FILTER) ===== */
.filter-group .modern-checkbox{
  margin-bottom: 10px; /* RAM açılınca aşağıdaki seçenekler sıkışmasın */
}

.sub-filter-group{
  display:none;
  margin: 6px 0 14px 22px;
  padding-left: 12px;
  border-left: 2px solid #1d4ed8;
}

.sub-filter-group.active{ display:block; }

.sub-item{
  font-size: 13px;
  margin-top: 6px;
}

/* =============================
   🔹 FOOTER: ORTALAMA (3 KOLON FIX İLE UYUMLU)
   - Grid HTML'de col-md-4 olduğu için artık gerçek ortalama sağlanır.
   - Burada sadece yazı/link hizası iyileştirilir.
============================== */
#footer .footer{ text-align:center; }

#footer .footer-title{ text-align:center; }

#footer .footer p{ text-align:center; }

#footer .footer-links{
  list-style:none;
  padding-left:0;
  margin:0;
}

#footer .footer-links li{
  display:flex;
  justify-content:center;
}

#footer .footer-links li+li{ margin-top:12px; }

#footer .footer-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
}

#footer .footer-links i{
  margin-right:0;
  width:auto;
}

#bottom-footer{ text-align:center; }

#bottom-footer img{
  display:block;
  margin:0 auto 12px;
  max-width:100%;
  height:auto;
}

#bottom-footer .copyright{
  display:block;
  text-align:center;
}

/* =============================
   🔹 BOŞ SONUÇ EKRANI
============================== */
.no-results{
  max-width: 760px;
  margin: 40px auto 10px;
  padding: 30px 18px;
  text-align: center;
}

.no-results h2{
  font-size: 32px;
  margin-bottom: 10px;
  color: #2B2D42;
}

.no-results p{
  font-size: 16px;
  margin: 0 0 18px;
  color: #2B2D42;
  opacity: 0.9;
}

.no-results-btn{
  display: inline-block;
  padding: 12px 36px;
  border-radius: 4px;
  background: #2563eb;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}

.no-results-btn:hover{
  opacity: 0.95;
  color: #fff;
}


/* =========================================================
   🔴 HARDCORE LIVE BANNER (ULTRA PACK)
   - Neon üst çizgi + cyber glow
   - 2 saniyede bir: glitch burst + iç shake + scanline
   - Cursor kaymaz (shake sadece .live-hardcore içinde)
========================================================= */

.live-banner{
  background: #0b0b0f;
  padding: 26px 0;
  border-top: 2px solid #2563eb;
  border-bottom: 2px solid #2563eb;
  position: relative;
  overflow: hidden;
}

/* İç container */
.live-hardcore{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 20px;
  flex-wrap: wrap;
  color:#fff;

  max-width: 1200px;
  margin: 0 auto;
  padding: 0 26px;

  /* ✅ sadece içerik shake */
  animation: bannerShake 2s infinite;
  will-change: transform;
}

/* Üst neon tarama çizgisi */
.live-banner::before{
  content:"";
  position:absolute;
  left:-60%;
  top:0;
  width:220%;
  height:2px;
  background: linear-gradient(90deg, transparent, #2563eb, transparent);
  opacity: .9;
  animation: neonScan 1.3s linear infinite;
}

@keyframes neonScan{
  0%{ left:-60%; }
  100%{ left:60%; }
}

/* 📼 Burst anında scanline */
.live-banner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background: repeating-linear-gradient(
    180deg,
    rgba(255,255,255,0.08) 0px,
    rgba(255,255,255,0.08) 1px,
    rgba(0,0,0,0) 4px,
    rgba(0,0,0,0) 7px
  );
  mix-blend-mode: overlay;
  animation: scanBurst 2s infinite;
}

@keyframes scanBurst{
  0%, 87.5%, 100%{ opacity:0; transform: translateY(0); }
  89%{ opacity:.28; transform: translateY(-8px); }
  90%{ opacity:.22; transform: translateY(10px); }
  91%{ opacity:0; transform: translateY(0); }
}

/* LIVE badge */
.live-badge-hard{
  background:#ff1f1f;
  padding: 9px 14px;
  font-weight: 900;
  letter-spacing: 2px;
  font-size: 14px;
  border-radius: 6px;
  display:flex;
  align-items:center;
  gap: 9px;
  box-shadow: 0 0 20px rgba(255,0,0,.55);
}

.live-dot{
  width: 10px;
  height: 10px;
  background:#fff;
  border-radius:50%;
  animation: dotPulse 1s infinite;
}

@keyframes dotPulse{
  0%,100%{ opacity:1; transform: scale(1); }
  50%{ opacity:.45; transform: scale(.9); }
}

/* Başlık + alt yazı */
.live-text-hard{
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .6px;

  position: relative;
  display: inline-block;
  text-shadow:
    0 0 10px rgba(37,99,235,.55),
    0 0 26px rgba(37,99,235,.35),
    0 0 52px rgba(37,99,235,.20);
}

/* Alt satır */
.live-sub-hard{
  display:block;
  font-size: 12px;
  letter-spacing: 2px;
  opacity: .75;
  margin-top: 6px;
  font-weight: 700;
}

/* Glitch RGB katmanlar (normalde görünmez) */
.live-text-hard::before,
.live-text-hard::after{
  content: attr(data-text);
  position:absolute;
  left:0;
  top:0;
  width:100%;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
}

/* RED layer */
.live-text-hard::before{
  color:#ff0033;
  clip-path: inset(0 0 60% 0);
  animation: glitchBurstTop 2s infinite;
}

/* CYAN layer */
.live-text-hard::after{
  color:#00eaff;
  clip-path: inset(55% 0 0 0);
  animation: glitchBurstBot 2s infinite;
}

/* 2 saniyede bir glitch patlaması */
@keyframes glitchBurstTop{
  0%, 88%, 100%{ opacity:0; transform: translate(0,0); }
  89%{ opacity:1; transform: translate(-7px,4px); }
  90%{ transform: translate(7px,-4px); }
  91%{ transform: translate(-5px,2px); }
  92%{ transform: translate(4px,-3px); }
  93%{ opacity:0; transform: translate(0,0); }
}

@keyframes glitchBurstBot{
  0%, 88%, 100%{ opacity:0; transform: translate(0,0); }
  89%{ opacity:1; transform: translate(7px,-4px); }
  90%{ transform: translate(-7px,4px); }
  91%{ transform: translate(5px,-2px); }
  92%{ transform: translate(-4px,3px); }
  93%{ opacity:0; transform: translate(0,0); }
}

/* İç shake (glow yok! dikdörtgen izi bırakmaz) */
@keyframes bannerShake{
  0%, 86%, 100%{ transform: translate(0,0); }
  88%{ transform: translate(2px,-1px); }
  89%{ transform: translate(-3px,2px); }
  90%{ transform: translate(3px,-2px); }
  91%{ transform: translate(-2px,1px); }
  92%{ transform: translate(0,0); }
}

/* Buton */
.live-btn-hard{
  background:#2563eb;
  color:#fff;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: 900;
  text-decoration:none;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
  box-shadow: 0 0 28px rgba(37,99,235,.55);
  letter-spacing: .6px;
  text-transform: uppercase;
}

.live-btn-hard:hover{
  transform: scale(1.06);
  background:#3b82f6;
  color:#fff;
  box-shadow: 0 0 40px rgba(37,99,235,.75);
}

/* Mobile */
@media (max-width: 768px){
  .live-hardcore{
    justify-content: center;
    text-align: center;
  }
}

/* =============================
   🔥 HEADER: CLICK/FOKUS BEYAZLIK FIX (SELL BUTONUNA DOKUNMAZ)
   ============================= */

/* Mobil tıklama highlight kapat */
.main-nav li a{
  -webkit-tap-highlight-color: transparent;
}

/* Menü linklerinde tıklayınca oluşan beyaz arka planı kaldır (renge karışma) */
.main-nav > li:not(.sell-btn) > a:focus,
.main-nav > li:not(.sell-btn) > a:active,
.main-nav > li.dropdown:not(.sell-btn) > a:focus,
.main-nav > li.dropdown:not(.sell-btn) > a:active{
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Bootstrap bazı temalarda :focus arkaplan basabiliyor, onu da sıfırla */
.main-nav.nav > li:not(.sell-btn) > a:focus,
.main-nav.nav > li:not(.sell-btn) > a:active,
.navbar-nav.main-nav > li:not(.sell-btn) > a:focus,
.navbar-nav.main-nav > li:not(.sell-btn) > a:active{
  background-color: transparent !important;
}

/* =======================================
   MAULORD LOGO – HARDCORE EFFECT
======================================= */

.header-logo .logo {
  position: relative;
  display: inline-block;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.header-logo .logo:hover {
  transform: scale(1.08);
  filter: drop-shadow(0 0 6px rgba(37,99,235,0.6))
          drop-shadow(0 0 12px rgba(37,99,235,0.4));
}

.header-logo .logo:active {
  transform: scale(0.95);
}

@keyframes maulordGlow {
  0%   { filter: drop-shadow(0 0 4px rgba(37,99,235,0.3)); }
  50%  { filter: drop-shadow(0 0 10px rgba(37,99,235,0.6)); }
  100% { filter: drop-shadow(0 0 4px rgba(37,99,235,0.3)); }
}

.header-logo .logo img {
  transition: 0.3s ease;
}

@media (min-width: 992px) {
  .header-logo .logo img {
    animation: maulordGlow 2.5s infinite ease-in-out;
  }
}



/* ==============================
   MOBİL KATEGORİLER – DONANIM ÇERÇEVE KALDIRMA FIX
   ============================== */

#mobile-side-nav > ul > li:last-child > a {
  background: #2563eb;
  color: #fff !important;
  font-weight: 700;
  border: 2px solid #2563eb;
  margin-top: 10px;
}

/* Alt menü son eleman (Donanım) reset */
#mobile-side-nav .mobile-submenu li:last-child a{
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}



/* ======================================
   MOBİL MENÜ – KATEGORİLER: ÇERÇEVESİZ + DONANIM KALINLIK FIX (FINAL)
   ====================================== */

/* 1) Kategoriler (üst toggle) çerçevesiz */
#mobile-side-nav .mobile-dropdown-toggle{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* 2) Alt kategoriler (Masaüstü, Laptop, Telefon, Tablet, Donanım) çerçevesiz */
#mobile-side-nav .mobile-submenu a{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-weight: 500 !important; /* hepsi aynı incelikte */
}

/* Hover'da da çerçeve/kutu oluşmasın */
#mobile-side-nav .mobile-dropdown-toggle:hover,
#mobile-side-nav .mobile-submenu a:hover{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 3) ÖNEMLİ: "son eleman" kuralı Donanım'ı kalın yapıyordu.
   Bu yüzden sadece ANA menünün son linkine (2. El Ürün Sat) uygula. */
#mobile-side-nav > ul > li:last-child > a{
  background: #2563eb;
  color: #fff !important;
  font-weight: 700 !important;
  border: 2px solid #2563eb;
  margin-top: 10px;
}

/* Garanti: alt menünün son elemanı (Donanım) asla turuncu/kalın olmasın */
#mobile-side-nav .mobile-submenu li:last-child a{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  color: #d9d9d9 !important;
}


/* ===============================
   MAULORD - YOUTUBE PREMIUM SAYFA
   Not: Bunu css/style.css en altına ekleyin.
   =============================== */

.yt-premium{ padding: 44px 0 70px; background: linear-gradient(180deg,#0b0f1a 0%, #f8f9fb 55%, #f8f9fb 100%); }
.yt-hero{ display:grid; grid-template-columns: 1.25fr 0.9fr; gap: 22px; align-items: stretch; margin-bottom: 22px; }
.yt-hero-left{ padding: 30px 26px; border-radius: 20px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10); backdrop-filter: blur(10px); }
.yt-badge{ display:inline-flex; align-items:center; gap:10px; padding: 10px 14px; border-radius: 999px; background: rgba(37,99,235,0.18); border: 1px solid rgba(37,99,235,0.35); color:#fff; font-weight:700; letter-spacing: .4px; font-size: 12px; }
.yt-badge i{ color:#ff3b30; }
.yt-title{ margin: 14px 0 8px; font-size: 34px; font-weight: 800; color:#fff; line-height: 1.1; }
.yt-subtitle{ margin: 0; color: rgba(255,255,255,0.72); max-width: 560px; }

.yt-actions{ display:flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.yt-btn{ display:inline-flex; align-items:center; gap:10px; padding: 12px 16px; border-radius: 14px; font-weight: 700; text-decoration: none !important; border: 1px solid transparent; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; cursor:pointer; }
.yt-btn:focus{ outline:none; }
.yt-btn:hover{ transform: translateY(-2px); }
.yt-btn-primary{ background: #2563eb; color:#111; box-shadow: 0 12px 26px rgba(37,99,235,0.25); }
.yt-btn-ghost{ background: rgba(255,255,255,0.06); color:#fff; border-color: rgba(255,255,255,0.14); }
.yt-btn-dark{ background: #111; color:#fff; border-color: rgba(255,255,255,0.12); }

.yt-hero-right{ height: 100%; }
.yt-channel-card{ height: 100%; padding: 22px; border-radius: 20px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10); backdrop-filter: blur(10px); color:#fff; }
.yt-channel-top{ display:flex; gap: 14px; align-items:center; }
.yt-avatar{ width: 54px; height: 54px; border-radius: 16px; object-fit: cover; border: 1px solid rgba(255,255,255,0.14); }
.yt-channel-name{ font-weight: 800; font-size: 16px; }
.yt-channel-handle{ color: rgba(255,255,255,0.7); font-size: 12px; }

.yt-stats{ margin-top: 16px; display:grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.yt-stat{ padding: 14px 12px; border-radius: 16px; background: rgba(0,0,0,0.18); border: 1px solid rgba(255,255,255,0.10); text-align:center; }
.yt-stat-num{ font-size: 18px; font-weight: 900; }
.yt-stat-label{ font-size: 12px; color: rgba(255,255,255,0.72); margin-top: 2px; }
.yt-status{ margin-top: 14px; font-size: 12px; color: rgba(255,255,255,0.72); }

.yt-featured{ margin-top: 18px; background:#fff; border-radius: 22px; padding: 20px; box-shadow: 0 14px 44px rgba(0,0,0,0.10); }
.yt-featured-head{ display:flex; justify-content: space-between; align-items:center; gap: 12px; margin-bottom: 12px; }
.yt-featured-head h3{ margin: 0; font-size: 16px; font-weight: 900; color:#111; display:flex; align-items:center; gap: 10px; }
.yt-featured-head i{ color:#2563eb; }
.yt-mini-note{ color:#8D99AE; font-size: 12px; }

.yt-featured-grid{ display:grid; grid-template-columns: 1.2fr 0.8fr; gap: 18px; align-items: start; }
.yt-featured-player{ position: relative; border-radius: 18px; overflow:hidden; background: #0b0f1a; }
.yt-iframe{ width: 100%; aspect-ratio: 16/9; display:block; opacity: 0; transition: opacity .25s ease; }
.yt-player-skeleton{ position:absolute; inset:0; background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.13), rgba(255,255,255,0.06)); background-size: 200% 100%; animation: ytsh 1.2s infinite; }
@keyframes ytsh{ 0%{background-position: 200% 0} 100%{background-position: -200% 0} }

.yt-pill{ display:inline-flex; align-items:center; padding: 8px 12px; border-radius: 999px; background: rgba(37,99,235,0.12); border: 1px solid rgba(37,99,235,0.25); color:#111; font-weight: 900; font-size: 12px; }
.yt-featured-title{ margin: 10px 0 8px; font-size: 18px; font-weight: 900; color:#111; line-height: 1.25; }
.yt-featured-meta{ display:flex; align-items:center; gap: 8px; color:#8D99AE; font-size: 12px; }
.yt-dot{ opacity: .6; }
.yt-featured-actions{ display:flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.yt-featured-desc{ margin-top: 14px; font-size: 13px; color:#4B4D55; line-height: 1.55; }

.yt-grid-wrap{ margin-top: 18px; }
.yt-grid-head{ display:flex; justify-content: space-between; align-items:center; gap: 12px; margin: 14px 0 10px; }
.yt-grid-head h3{ margin:0; font-size: 16px; font-weight: 900; color:#111; display:flex; align-items:center; gap: 10px; }
.yt-grid-note{ color:#8D99AE; font-size: 12px; }

.yt-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.yt-card{ display:block; text-decoration:none !important; color:inherit; background:#fff; border-radius: 18px; overflow:hidden; box-shadow: 0 12px 32px rgba(0,0,0,0.08); transition: transform .22s ease, box-shadow .22s ease; }
.yt-card:hover{ transform: translateY(-6px); box-shadow: 0 18px 44px rgba(0,0,0,0.14); }
.yt-thumb{ position:relative; background:#0b0f1a; }
.yt-thumb img{ width:100%; aspect-ratio: 16/9; object-fit: cover; display:block; }
.yt-duration{ position:absolute; right: 10px; bottom: 10px; padding: 6px 9px; border-radius: 10px; background: rgba(0,0,0,0.7); color:#fff; font-size: 12px; font-weight: 800; }
.yt-card-badge{ position:absolute; left: 10px; bottom: 10px; padding: 6px 9px; border-radius: 10px; background: rgba(37,99,235,0.95); color:#111; font-size: 12px; font-weight: 900; }
.yt-card-body{ padding: 14px 14px 16px; }
.yt-card-body h4{ margin:0 0 8px; font-size: 14px; font-weight: 900; line-height: 1.3; color:#111; }
.yt-card-meta{ font-size: 12px; color:#8D99AE; display:flex; flex-wrap: wrap; gap: 8px; align-items:center; }
.yt-empty{ text-align:center; color:#8D99AE; padding: 18px; }

@media (max-width: 991px){
  .yt-hero{ grid-template-columns: 1fr; }
  .yt-featured-grid{ grid-template-columns: 1fr; }
  .yt-grid{ grid-template-columns: repeat(2, 1fr); }
  .yt-title{ font-size: 28px; }
}

@media (max-width: 600px){
  .yt-grid{ grid-template-columns: 1fr; }
  .yt-hero-left{ padding: 22px 18px; }
  .yt-channel-card{ padding: 18px; }
}

:root {
  --bg-1: #071120;
  --bg-2: #0c1525;
  --card-bg: rgba(255, 255, 255, 0.05);
  --card-border: rgba(255, 255, 255, 0.10);
  --text: #ffffff;
  --muted: #b8c2d3;
  --accent: #5b8cff;
  --accent-2: #8b6dff;
  --success: #6ee7b7;
  --shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
  --radius: 24px;
  --transition: all 0.35s ease;
}

* {
  box-sizing: border-box;
}

.experience-section {
  position: relative;
  overflow: hidden;
  padding: 100px 20px 70px;
  background:
    radial-gradient(circle at top left, rgba(91, 140, 255, 0.18), transparent 30%),
    radial-gradient(circle at bottom right, rgba(139, 109, 255, 0.16), transparent 30%),
    linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 100%);
}

.experience-container {
  position: relative;
  width: min(1240px, 100%);
  margin: 0 auto;
}

/* ÜST ALAN */
.experience-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 22px;
  align-items: stretch;
}

.info-card,
.brand-strip,
.highlight-card {
  position: relative;
  border-radius: var(--radius);
  border: 1px solid var(--card-border);
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
  box-shadow: var(--shadow);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.info-card,
.highlight-card {
  overflow: hidden;
  transition: var(--transition);
}

.info-card:hover,
.highlight-card:hover {
  transform: translateY(-8px);
  border-color: rgba(255,255,255,0.16);
}

.info-card::before,
.highlight-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(91, 140, 255, 0.08), transparent 45%, rgba(139, 109, 255, 0.08));
  opacity: 0;
  transition: var(--transition);
}

.info-card:hover::before,
.highlight-card:hover::before {
  opacity: 1;
}

.card-mini-title,
.featured-top,
.stat-number,
.stat-title,
.content-title,
.content-text,
.content-features,
.premium-btn,
.experience-badge,
.highlight-icon,
.highlight-title,
.highlight-line,
.highlight-text {
  position: relative;
  z-index: 2;
}

.featured-card {
  min-height: 100%;
  padding: 34px;
}

.featured-top {
  display: grid;
  grid-template-columns: 290px 1fr;
  gap: 28px;
  align-items: center;
}

.card-mini-title {
  display: inline-block;
  margin-bottom: 24px;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #a9c1ff;
}

.card-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(30px);
  opacity: 0.9;
  z-index: 0;
}

.glow-blue {
  width: 180px;
  height: 180px;
  background: rgba(91, 140, 255, 0.28);
  top: 24px;
  left: 24px;
  animation: floatGlow 6s ease-in-out infinite;
}

.glow-purple {
  width: 220px;
  height: 220px;
  background: rgba(139, 109, 255, 0.20);
  bottom: 10px;
  left: 120px;
  animation: floatGlow 7s ease-in-out infinite reverse;
}

.experience-badge {
  min-height: 320px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.10);
  background: radial-gradient(circle at top, rgba(255,255,255,0.13), rgba(255,255,255,0.04));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 28px 20px;
}

.badge-label {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #d2d9e6;
  margin-bottom: 14px;
}

.badge-number {
  font-size: 88px;
  line-height: 1;
  font-weight: 800;
  background: linear-gradient(180deg, #ffffff 0%, #9dc0ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.badge-text {
  margin-top: 14px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
  max-width: 180px;
}

.content-title {
  margin: 0 0 16px;
  font-size: 42px;
  line-height: 1.12;
  font-weight: 800;
  color: var(--text);
}

.content-title span {
  display: block;
  background: linear-gradient(90deg, var(--accent), #b8a6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.content-text {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.85;
  margin-bottom: 24px;
}

.content-features {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: grid;
  gap: 12px;
}

.content-features li {
  position: relative;
  padding-left: 24px;
  color: #e8eef9;
  font-size: 15px;
  line-height: 1.6;
}

.content-features li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--success);
  font-weight: 700;
}

.premium-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  padding: 14px 24px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  box-shadow: 0 14px 30px rgba(91, 140, 255, 0.25);
  transition: var(--transition);
}

.premium-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 35px rgba(91, 140, 255, 0.35);
}

.stats-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}

.stat-card {
  min-height: 180px;
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.stat-number {
  font-size: 52px;
  line-height: 1.1;
  font-weight: 800;
  color: #ffffff;
}

.stat-title {
  margin-top: 10px;
  font-size: 16px;
  color: var(--muted);
  line-height: 1.5;
}

/* MARKA STRIP */
.brand-strip {
  margin-top: 26px;
  padding: 16px;
  overflow: hidden;
}

.brand-track {
  display: flex;
  align-items: center;
  gap: 16px;
  width: max-content;
  animation: brandScroll 26s linear infinite;
}

.brand-item {
  width: 160px;
  height: 84px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  flex-shrink: 0;
  transition: var(--transition);
}

.brand-item:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.07);
}

.brand-item img {
  max-width: 100%;
  max-height: 46px;
  object-fit: contain;
  filter: grayscale(100%) brightness(1.15);
  opacity: 0.88;
  transition: var(--transition);
}

.brand-item:hover img {
  filter: grayscale(0%) brightness(1);
  opacity: 1;
}

/* ALT HİZMET KARTLARI */
.service-highlights-section {
  position: relative;
  padding-top: 26px;
}

.service-highlights-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.highlight-card {
  padding: 36px 26px;
  min-height: 360px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.highlight-icon {
  width: 86px;
  height: 86px;
  margin: 0 auto 26px;
  border-radius: 50%;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.highlight-icon img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  opacity: 0.92;
  filter: brightness(0) invert(1);
}

.highlight-title {
  margin: 0;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 1.55;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
}

.highlight-line {
  width: 60px;
  height: 2px;
  margin: 16px auto 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, #5b8cff, #8b6dff);
  opacity: 0.95;
  transition: 0.3s ease;
  flex-shrink: 0;
}

.highlight-card:hover .highlight-line {
  width: 90px;
}

.highlight-text {
  margin: 0;
  min-height: 150px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  line-height: 1.9;
  color: #b8c2d3;
  text-align: center;
  max-width: 100%;
}

/* AŞAĞI KAYDIR OKU */
.scroll-down-indicator {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  opacity: 0.82;
  z-index: 9999;
  cursor: pointer;
  transition: opacity 0.3s ease, transform 0.3s ease;
  user-select: none;
}

.scroll-down-indicator:hover {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

.scroll-down-indicator span {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #c6d1e4;
}

.scroll-down-indicator .arrow {
  width: 14px;
  height: 14px;
  border-left: 2px solid #5b8cff;
  border-bottom: 2px solid #5b8cff;
  transform: rotate(-45deg);
  animation: arrowMove 1.5s infinite ease-in-out;
  box-shadow: -2px 2px 12px rgba(91, 140, 255, 0.18);
}

@keyframes arrowMove {
  0% {
    transform: translateY(0) rotate(-45deg);
    opacity: 0.45;
  }
  50% {
    transform: translateY(8px) rotate(-45deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0) rotate(-45deg);
    opacity: 0.45;
  }
}

@media (max-width: 767px) {
  .scroll-down-indicator {
    bottom: 18px;
  }

  .scroll-down-indicator span {
    font-size: 11px;
  }

  .scroll-down-indicator .arrow {
    width: 12px;
    height: 12px;
  }
}

/* REVEAL */
.reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

.delay-1 {
  transition-delay: 0.12s;
}

.delay-2 {
  transition-delay: 0.22s;
}

.delay-3 {
  transition-delay: 0.32s;
}

/* ANIMATIONS */
@keyframes floatGlow {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(12px, -14px);
  }
}

@keyframes brandScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50% - 8px));
  }
}

@keyframes arrowMove {
  0% {
    transform: translateY(0) rotate(-45deg);
    opacity: 0.45;
  }
  50% {
    transform: translateY(8px) rotate(-45deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0) rotate(-45deg);
    opacity: 0.45;
  }
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .experience-layout {
    grid-template-columns: 1fr;
  }

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

  .featured-top {
    grid-template-columns: 260px 1fr;
  }

  .service-highlights-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .scroll-down-indicator {
    bottom: 0;
  }
}

@media (max-width: 820px) {
  .featured-top {
    grid-template-columns: 1fr;
  }

  .experience-badge {
    min-height: 260px;
  }

  .stats-grid {
    grid-template-columns: 1fr;
  }

  .content-title {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .experience-section {
    padding: 70px 16px 70px;
  }

  .featured-card {
    padding: 24px;
  }

  .content-title {
    font-size: 30px;
  }

  .content-text {
    font-size: 15px;
  }

  .badge-number {
    font-size: 72px;
  }

  .stat-number {
    font-size: 42px;
  }

  .brand-item {
    width: 140px;
    height: 74px;
  }

  .service-highlights-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .highlight-card {
    min-height: auto;
    padding: 32px 22px 28px;
    border-radius: 20px;
  }

  .highlight-title {
    min-height: auto;
    font-size: 16px;
  }

  .highlight-text {
    min-height: auto;
    font-size: 15px;
    line-height: 1.8;
  }

  .highlight-icon {
    width: 76px;
    height: 76px;
    margin-bottom: 22px;
  }

  .highlight-icon img {
    width: 38px;
    height: 38px;
  }

  .scroll-down-indicator {
    bottom: 4px;
  }

  .scroll-down-indicator span {
    font-size: 11px;
  }

  .scroll-down-indicator .arrow {
    width: 12px;
    height: 12px;
  }
}
/* =========================================================
   HIGHLIGHT ICON FIX - Linearicons Store
   Çakışma önleme + büyük beyaz ikon
   HTML kullanımı:
   <div class="highlight-icon">
     <span class="box-icon-modern-icon lnr lnr-store"></span>
   </div>
   ========================================================= */

.highlight-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.highlight-icon > span,
.highlight-icon .box-icon-modern-icon,
.highlight-icon .lnr,
.highlight-icon .lnr-store,
.highlight-card .highlight-icon > span,
.highlight-card .highlight-icon .box-icon-modern-icon,
.highlight-card .highlight-icon .lnr,
.highlight-card .highlight-icon .lnr-store {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  font-size: 52px !important;
  line-height: 1 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: normal !important;
  text-shadow: 0 0 14px rgba(255,255,255,0.12);
  transform: none;
}

/* Önceki temadan gelen dekoratif üçgeni / pseudo elementi kapat */
.highlight-icon .box-icon-modern-icon::before,
.highlight-icon .box-icon-modern-icon::after,
.highlight-card .highlight-icon .box-icon-modern-icon::before,
.highlight-card .highlight-icon .box-icon-modern-icon::after {
  position: static !important;
}

.highlight-icon .box-icon-modern-icon::after,
.highlight-card .highlight-icon .box-icon-modern-icon::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}

.highlight-card:hover .highlight-icon > span,
.highlight-card:hover .highlight-icon .box-icon-modern-icon,
.highlight-card:hover .highlight-icon .lnr,
.highlight-card:hover .highlight-icon .lnr-store {
  color: #ffffff !important;
  transform: scale(1.08) !important;
  text-shadow: 0 0 18px rgba(255,255,255,0.22), 0 0 28px rgba(91,140,255,0.18);
}

@media (max-width: 767px) {
  .highlight-icon > span,
  .highlight-icon .box-icon-modern-icon,
  .highlight-icon .lnr,
  .highlight-icon .lnr-store,
  .highlight-card .highlight-icon > span,
  .highlight-card .highlight-icon .box-icon-modern-icon,
  .highlight-card .highlight-icon .lnr,
  .highlight-card .highlight-icon .lnr-store {
    font-size: 44px !important;
  }
}


/* ======================================
   HİZMET KARTLARI İKON DÜZELTME - ENTEGRE
   - İkonları tam ortalar
   - Arka daire / glow kutusunu kaldırır
   - Linearicons ikonlarını büyük ve beyaz yapar
   - Önceki kurallarla çakışmayı override eder
====================================== */
.highlight-icon {
  width: 100% !important;
  height: 72px !important;
  min-height: 72px !important;
  margin: 0 0 26px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  overflow: visible !important;
}

.highlight-icon::before,
.highlight-icon::after {
  display: none !important;
  content: none !important;
}

.highlight-icon img {
  display: none !important;
}

.highlight-icon .box-icon-modern-icon,
.highlight-icon .lnr,
.highlight-icon span.lnr,
.highlight-icon span.box-icon-modern-icon {
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;

  font-size: 56px !important;
  line-height: 1 !important;
  font-weight: normal !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-align: center !important;
  vertical-align: middle !important;

  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

.highlight-icon .box-icon-modern-icon::before,
.highlight-icon .lnr::before,
.highlight-icon span.lnr::before,
.highlight-icon span.box-icon-modern-icon::before {
  font-size: 56px !important;
  line-height: 1 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  display: block !important;
  text-shadow: none !important;
  transform: none !important;
}

.highlight-icon .box-icon-modern-icon::after,
.highlight-icon .lnr::after,
.highlight-icon span.lnr::after,
.highlight-icon span.box-icon-modern-icon::after {
  display: none !important;
  content: none !important;
}

.highlight-card:hover .highlight-icon,
.highlight-card:hover .highlight-icon .box-icon-modern-icon,
.highlight-card:hover .highlight-icon .lnr,
.highlight-card:hover .highlight-icon span.lnr,
.highlight-card:hover .highlight-icon span.box-icon-modern-icon,
.highlight-card:hover .highlight-icon .box-icon-modern-icon::before,
.highlight-card:hover .highlight-icon .lnr::before,
.highlight-card:hover .highlight-icon span.lnr::before,
.highlight-card:hover .highlight-icon span.box-icon-modern-icon::before {
  color: #ffffff !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

@media (max-width: 767px) {
  .highlight-icon {
    height: 60px !important;
    min-height: 60px !important;
    margin-bottom: 22px !important;
  }

  .highlight-icon .box-icon-modern-icon,
  .highlight-icon .lnr,
  .highlight-icon span.lnr,
  .highlight-icon span.box-icon-modern-icon {
    font-size: 46px !important;
  }

  .highlight-icon .box-icon-modern-icon::before,
  .highlight-icon .lnr::before,
  .highlight-icon span.lnr::before,
  .highlight-icon span.box-icon-modern-icon::before {
    font-size: 46px !important;
  }
}

/* ==============================
   SCROLL BUTTON - EXTRA BÜYÜK
============================== */

.scroll-down-indicator span {
  font-size: 16px !important;
  letter-spacing: 0.22em;
}

.scroll-down-indicator .arrow {
  width: 26px !important;
  height: 26px !important;
  border-left: 4px solid #5b8cff !important;
  border-bottom: 4px solid #5b8cff !important;
  margin-top: 8px;
  box-shadow: 0 0 18px rgba(91, 140, 255, 0.6);
}

/* Daha güçlü animasyon */
@keyframes arrowMove {
  0% {
    transform: translateY(0) rotate(-45deg);
    opacity: 0.4;
  }
  50% {
    transform: translateY(16px) rotate(-45deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0) rotate(-45deg);
    opacity: 0.4;
  }
}

/* ==============================
   DÜZELTME
   - Önceki üst boşluk ayarı geri alındı
   - Header sonrası float/wrap kaynaklı sola boşluk sorunu engellendi
============================== */

body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

#header,
#navigation {
  margin-bottom: 0 !important;
}

.experience-section {
  clear: both !important;
  width: 100% !important;
  margin-top: 0 !important;
  padding: 40px 20px 70px !important;
}

.experience-container {
  margin: 0 auto !important;
}

@media (max-width: 991px) {
  .experience-section {
    padding: 34px 16px 60px !important;
    margin-top: 0 !important;
  }
}


/* Modal tetiklenen yerinde teknik servis kutusu */
.highlight-card[data-target="#modalCta2"] {
  cursor: pointer;
}

.highlight-card[data-target="#modalCta2"]:hover {
  transform: translateY(-4px);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Yerinde teknik servis modal */
#modalCta2 .modal-content {
  border-radius: 20px !important;
  padding: 30px !important;
  background: #fff;
  border: none;
}

.technical-service-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 15px;
}

.technical-service-group {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.technical-service-group.col-md-6 {
  width: calc(50% - 15px);
}

.technical-service-group input,
.technical-service-group select,
.technical-service-group textarea {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin-top: 5px;
  font-size: 14px;
}

.technical-service-btn {
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  background: #2563eb;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  transition: .2s;
}

.technical-service-btn:hover {
  background: #1d4ed8;
}

.technical-service-status {
  padding: 14px 16px;
  border-radius: 12px;
  background: #ecfff1;
  color: #146c43;
  border: 1px solid #badbcc;
  line-height: 1.6;
}

#modalCta2 .close {
  font-size: 30px;
  opacity: .6;
  padding: 0;
  line-height: 1;
}

#modalCta2 .close:hover {
  opacity: 1;
}

@media(max-width: 768px) {
  .technical-service-group.col-md-6 {
    width: 100%;
  }
}


/* =============================
   🔥 HIZLI TALEP MODAL UPGRADE
============================== */
.quick-request-modal .modal-dialog,
#quickRequestModal .modal-dialog{
  max-width: 650px;
  width: calc(100% - 28px);
  margin: 2rem auto;
}

.quick-request-modal .modal-content,
#quickRequestModal .modal-content{
  position: relative;
  border: none;
  border-radius: 26px;
  padding: 30px 26px 24px;
  background: linear-gradient(145deg, #ffffff, #f5f5f7);
  box-shadow: 0 24px 70px rgba(0,0,0,0.28);
  overflow: visible;
}

.quick-modal-icon{
  width: 82px;
  height: 82px;
  margin: -62px auto 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2563eb, #60a5fa);
  color: #fff;
  font-size: 32px;
  box-shadow: 0 16px 36px rgba(37,99,235,0.35);
}

.quick-request-modal h3,
#quickRequestModal h3{
  text-align: center;
  font-size: 23px;
  font-weight: 800;
  margin-bottom: 8px;
  color: #222;
}

.quick-desc{
  text-align: center;
  font-size: 15px;
  line-height: 1.75;
  color: #666;
  margin: 0 auto 22px;
  max-width: 500px;
}

.quick-request-group{
  display: flex;
  flex-direction: column;
  margin-bottom: 14px;
}

.quick-request-group label{
  font-size: 14px;
  font-weight: 700;
  color: #333;
  margin-bottom: 7px;
}

.quick-request-group input,
.quick-request-group select,
.quick-request-group textarea{
  width: 100%;
  border: 1px solid #d9d9de;
  border-radius: 12px;
  background: #fff;
  font-size: 15px;
  padding: 13px 15px;
  color: #333;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);
}

.quick-request-group input::placeholder,
.quick-request-group textarea::placeholder{
  color: #9b9b9b;
}

.quick-request-group input:focus,
.quick-request-group select:focus,
.quick-request-group textarea:focus{
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37,99,235,0.14);
  transform: translateY(-1px);
}

.quick-request-group textarea{
  min-height: 108px;
  resize: vertical;
}

.quick-submit-btn{
  width: 100%;
  border: none;
  border-radius: 14px;
  padding: 15px 18px;
  margin-top: 6px;
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.2px;
  box-shadow: 0 14px 28px rgba(14,165,233,0.25);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.quick-submit-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(14,165,233,0.30);
  filter: brightness(1.02);
}

.quick-modal-close{
  position: absolute;
  top: 16px;
  right: 18px;
  font-size: 38px !important;
  line-height: 1;
  color: #c9c9c9;
  opacity: 1;
  text-shadow: none;
  z-index: 2;
}

.quick-modal-close:hover{
  color: #888;
}

.quick-request-status{
  padding: 14px;
  border-radius: 12px;
  background: #ecfff1;
  color: #146c43;
  border: 1px solid #badbcc;
  text-align: center;
  font-size: 14px;
  line-height: 1.65;
}

#quickRequestModal.modal{
  padding-right: 0 !important;
}

#quickRequestModal.modal.show{
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.modal-backdrop.show{
  background-color: rgba(5,10,20,0.68);
}

@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))){
  .modal-backdrop.show{
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}

@media (max-width: 768px){
  .quick-request-modal .modal-dialog,
  #quickRequestModal .modal-dialog{
    width: calc(100% - 20px);
    margin: 1.2rem auto;
  }

  .quick-request-modal .modal-content,
  #quickRequestModal .modal-content{
    padding: 24px 16px 18px;
    border-radius: 20px;
  }

  .quick-modal-icon{
    width: 72px;
    height: 72px;
    margin: -52px auto 12px;
    font-size: 28px;
  }

  .quick-request-modal h3,
  #quickRequestModal h3{
    font-size: 20px;
  }

  .quick-desc{
    font-size: 14px;
    margin-bottom: 18px;
  }

  .quick-request-group input,
  .quick-request-group select,
  .quick-request-group textarea{
    padding: 12px 13px;
    font-size: 14px;
  }

  .quick-submit-btn{
    padding: 14px 16px;
    font-size: 15px;
  }
}


/* =============================
   ÜCRETSİZ ARIZA TEŞHİSİ WIZARD
============================== */
.diagnostic-wizard-modal .modal-dialog,
#diagnosticWizardModal .modal-dialog{max-width:900px;width:calc(100% - 24px);margin:1.8rem auto;}
.diagnostic-modal-content{border:none;border-radius:28px;padding:26px 24px 22px;background:radial-gradient(circle at top right, rgba(37,99,235,0.10), transparent 24%),radial-gradient(circle at top left, rgba(91,140,255,0.10), transparent 28%),linear-gradient(145deg, #ffffff, #f5f7fb);box-shadow:0 28px 70px rgba(8,18,36,0.30);overflow:visible;}
.diagnostic-modal-close{position:absolute;top:16px;right:18px;font-size:38px !important;line-height:1;color:#b7bcc7;opacity:1;text-shadow:none;z-index:3;}
.diagnostic-modal-close:hover{color:#7f8796;}
.diagnostic-modal-header{text-align:center;max-width:720px;margin:0 auto 18px;}
.diagnostic-modal-badge{width:82px;height:82px;margin:-58px auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #2563eb, #93c5fd);color:#fff;font-size:32px;box-shadow:0 16px 40px rgba(37,99,235,0.30);}
.diagnostic-mini-label{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(37,99,235,0.12);color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.diagnostic-modal-header h3{margin:14px 0 10px;font-size:30px;font-weight:900;color:#1b2434;}
.diagnostic-modal-header p{margin:0;font-size:15px;line-height:1.8;color:#667085;}
.diagnostic-progress-wrap{margin-bottom:18px;}
.diagnostic-progress-bar{width:100%;height:10px;border-radius:999px;background:#e8edf5;overflow:hidden;}
.diagnostic-progress-fill{width:12.5%;height:100%;border-radius:999px;background:linear-gradient(90deg, #2563eb, #60a5fa, #5b8cff);transition:width .28s ease;}
.diagnostic-progress-text{margin-top:8px;text-align:right;font-size:13px;font-weight:700;color:#738095;}
.diagnostic-wizard-form h4{margin:0 0 14px;font-size:20px;font-weight:800;color:#1f2937;}
.diagnostic-step{display:none;min-height:320px;}
.diagnostic-step.active{display:block;}
.diagnostic-options-grid{display:grid;gap:12px;}
.diagnostic-options-grid.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.diagnostic-option-card{position:relative;display:block;cursor:pointer;}
.diagnostic-option-card input{position:absolute;opacity:0;pointer-events:none;}
.diagnostic-option-card span{min-height:62px;display:flex;align-items:center;gap:10px;padding:16px;border-radius:16px;background:#fff;border:1px solid #dfe6f1;color:#243041;font-size:15px;font-weight:700;box-shadow:0 8px 18px rgba(16,24,40,0.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.diagnostic-option-card span i{color:#2563eb;font-size:17px;}
.diagnostic-option-card:hover span{transform:translateY(-2px);border-color:rgba(37,99,235,0.5);box-shadow:0 12px 24px rgba(37,99,235,0.10);}
.diagnostic-option-card input:checked + span{border-color:#2563eb;background:linear-gradient(135deg, rgba(37,99,235,0.10), rgba(91,140,255,0.08));box-shadow:0 14px 26px rgba(37,99,235,0.14);}
.diagnostic-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.diagnostic-check-item{display:flex;align-items:flex-start;gap:10px;min-height:56px;padding:14px;border-radius:14px;background:#fff;border:1px solid #dde5f0;color:#2a3546;font-size:14px;line-height:1.55;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;}
.diagnostic-check-item:hover{transform:translateY(-1px);border-color:rgba(91,140,255,0.45);box-shadow:0 10px 20px rgba(91,140,255,0.10);}
.diagnostic-check-item input{width:18px;height:18px;margin-top:2px;accent-color:#2563eb;flex-shrink:0;}
.diagnostic-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.diagnostic-field{display:flex;flex-direction:column;margin-bottom:14px;}
.diagnostic-field label{font-size:14px;font-weight:700;color:#334155;margin-bottom:8px;}
.diagnostic-field input,.diagnostic-field textarea{width:100%;padding:14px;border-radius:14px;border:1px solid #d6deea;background:#fff;font-size:15px;color:#233044;box-shadow:inset 0 1px 2px rgba(0,0,0,0.03);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.diagnostic-field input:focus,.diagnostic-field textarea:focus{outline:none;border-color:#5b8cff;box-shadow:0 0 0 4px rgba(91,140,255,0.14);transform:translateY(-1px);}
.diagnostic-field textarea{resize:vertical;min-height:110px;}
.diagnostic-result-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(34,197,94,0.12);color:#15803d;font-size:13px;font-weight:800;margin:0 0 18px;}
.diagnostic-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.diagnostic-result-box{padding:16px;border-radius:16px;background:#fff;border:1px solid #dfe6f1;box-shadow:0 10px 22px rgba(15,23,42,0.05);}
.diagnostic-result-box span{display:block;font-size:12px;font-weight:700;color:#77839a;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em;}
.diagnostic-result-box strong{color:#1f2937;font-size:17px;line-height:1.45;}
.diagnostic-summary-card{background:#fff;border:1px solid #dde6f3;border-radius:18px;padding:16px;box-shadow:0 10px 22px rgba(15,23,42,0.05);margin-bottom:14px;}
.diagnostic-summary-card h5{margin:0 0 8px;font-size:15px;font-weight:800;color:#233044;}
.diagnostic-summary-card p{margin:0;color:#536174;line-height:1.7;font-size:14px;}
#diagnosticWhatsappPreview{width:100%;border:1px solid #d6deea;border-radius:14px;background:#f8fafc;padding:12px;font-size:13px;line-height:1.6;color:#334155;resize:vertical;}
.diagnostic-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
.diagnostic-primary-btn,.diagnostic-secondary-btn,.diagnostic-nav-btn{border:none;border-radius:14px;padding:14px 18px;font-size:15px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease;}
.diagnostic-primary-btn:hover,.diagnostic-secondary-btn:hover,.diagnostic-nav-btn:hover{transform:translateY(-2px);}
.diagnostic-primary-btn{background:linear-gradient(135deg, #22c55e, #16a34a);color:#fff;box-shadow:0 14px 28px rgba(34,197,94,0.22);}
.diagnostic-secondary-btn{background:linear-gradient(135deg, #2563eb, #0ea5e9);color:#fff;box-shadow:0 14px 28px rgba(14,165,233,0.22);}
.diagnostic-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:18px;}
.diagnostic-nav-btn{min-width:130px;}
.diagnostic-nav-btn.primary{background:linear-gradient(135deg, #5b8cff, #6f6dff);color:#fff;box-shadow:0 14px 28px rgba(91,140,255,0.22);}
.diagnostic-nav-btn.secondary{background:#eef2f8;color:#334155;}
.diagnostic-nav-btn:disabled{opacity:.55;cursor:not-allowed;transform:none !important;box-shadow:none !important;}
.diagnostic-wizard-status{margin-top:16px;padding:15px;border-radius:14px;text-align:center;font-size:14px;line-height:1.65;}
@media (max-width:768px){
  .diagnostic-wizard-modal .modal-dialog,#diagnosticWizardModal .modal-dialog{width:calc(100% - 16px);margin:1rem auto;}
  .diagnostic-modal-content{padding:22px 14px 16px;border-radius:22px;}
  .diagnostic-modal-header h3{font-size:24px;}
  .diagnostic-options-grid.grid-2,.diagnostic-check-grid,.diagnostic-form-grid,.diagnostic-result-grid{grid-template-columns:1fr;}
  .diagnostic-step{min-height:auto;}
  .diagnostic-navigation,.diagnostic-result-actions{flex-direction:column;}
  .diagnostic-nav-btn,.diagnostic-primary-btn,.diagnostic-secondary-btn{width:100%;}
}


/* =============================
   ORTAK MODAL ICON TASARIMI
============================== */
.modal-icon{
  width: 70px;
  height: 70px;
  margin: -24px auto 12px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2563eb, #60a5fa);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 26px;
  box-shadow: 0 10px 30px rgba(37,99,235,0.28);
}

.modal-icon i{
  animation: floatIcon 2.5s ease-in-out infinite;
}

@keyframes floatIcon{
  0% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}

.quick-modal-icon{
  margin: -26px auto 14px !important;
  transform: translateY(10px);
}

.diagnostic-modal-badge{
  margin: -28px auto 14px !important;
  transform: translateY(10px);
}

#modalCta .modal-content,
#modalCta2 .modal-content{
  overflow: visible;
  padding-top: 34px !important;
}

#modalCta .modal-content h3,
#modalCta2 .modal-content h3{
  margin-top: 2px;
}


/* =============================
   2. EL GÜVEN MODALI
============================== */
.secondhand-trust-modal{
  overflow: visible;
  padding-top: 34px !important;
}

.secondhand-trust-text{
  text-align:center;
  font-size:14px;
  line-height:1.8;
  color:#5f6673;
  margin: 0 auto 18px;
  max-width: 620px;
}

.secondhand-trust-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-top: 10px;
}

.secondhand-trust-item{
  background:#fff7f0;
  border:1px solid #ffd6b8;
  border-radius:12px;
  padding:12px 14px;
  color:#6b3d12;
  font-size:14px;
  font-weight:600;
  line-height:1.55;
}

.secondhand-trust-actions{
  display:flex;
  gap:12px;
  margin-top:18px;
}

.trust-action-btn{
  flex:1;
  border-radius:12px !important;
  font-weight:700 !important;
  padding:12px 16px !important;
}

@media (max-width: 768px){
  .secondhand-trust-grid{
    grid-template-columns:1fr;
  }
  .secondhand-trust-actions{
    flex-direction:column;
  }
}


/* =============================
   PREMIUM ORTAK MODAL DİLİ
============================== */
.premium-modal-content{
  position: relative;
  border: none;
  border-radius: 26px;
  padding: 30px 26px 24px;
  background: linear-gradient(145deg, #ffffff, #f5f5f7);
  box-shadow: 0 24px 70px rgba(0,0,0,0.28);
  overflow: visible;
}

.premium-modal-close{
  position: absolute;
  top: 16px;
  right: 18px;
  font-size: 38px !important;
  line-height: 1;
  color: #c9c9c9;
  opacity: 1;
  text-shadow: none;
  z-index: 3;
}

.premium-modal-close:hover{
  color: #888;
}

.premium-shared-icon{
  margin: -26px auto 14px !important;
  transform: translateY(10px);
}

.premium-modal-title{
  font-size: 26px;
  font-weight: 800;
  color: #222;
  margin-bottom: 10px !important;
}

.premium-modal-desc{
  text-align: center;
  font-size: 15px;
  line-height: 1.82;
  color: #666;
  max-width: 760px;
  margin: 0 auto 14px;
}

/* =============================
   2. EL GÜVEN MODALI - PREMIUM
============================== */
.secondhand-trust-modal{
  overflow: visible;
}

.premium-trust-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}

.secondhand-trust-item{
  background: #fff;
  border: 1px solid #e7e1d8;
  border-radius: 14px;
  padding: 14px 15px;
  color: #5f6673;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.65;
  box-shadow: 0 8px 18px rgba(0,0,0,0.04);
}

.secondhand-trust-note{
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(255,159,67,0.10));
  border: 1px solid rgba(37,99,235,0.16);
  color: #5b4a3b;
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
  font-weight: 600;
}

.secondhand-trust-actions{
  display: flex;
  gap: 12px;
  margin-top: 18px;
}

.trust-action-btn{
  flex: 1;
  border-radius: 14px !important;
  font-weight: 700 !important;
  padding: 13px 16px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.08);
}

@media (max-width: 768px){
  .premium-modal-content{
    padding: 24px 16px 18px;
    border-radius: 20px;
  }

  .premium-modal-title{
    font-size: 22px;
  }

  .premium-modal-desc{
    font-size: 14px;
  }

  .premium-trust-grid{
    grid-template-columns: 1fr;
  }

  .secondhand-trust-actions{
    flex-direction: column;
  }
}


/* Account dropdown */
.account-dropdown{position:relative;}
.account-dropdown .account-toggle{display:flex;align-items:center;gap:8px;}
.account-dropdown .account-submenu{position:absolute;top:100%;right:0;min-width:220px;background:#111;border-top:2px solid #2563eb;box-shadow:0 12px 30px rgba(0,0,0,.35);display:none;z-index:2600;padding:8px 0;}
.account-dropdown.open .account-submenu{display:block;}
.account-dropdown .account-submenu a,.account-dropdown .account-submenu button{display:block;width:100%;text-align:left;padding:10px 18px;color:#cfcfcf;background:none;border:none;text-decoration:none;}
.account-dropdown .account-submenu a:hover,.account-dropdown .account-submenu button:hover{color:#2563eb;background:transparent;}
.account-dropdown .account-submenu button{cursor:pointer;}
.main-nav li.sell-btn.guest-only{display:flex;}


/* === Auth header improvements === */
.account-dropdown .account-toggle{padding-right:0;}
.account-dropdown .account-toggle .fa-user{font-size:15px;}
.account-dropdown .account-submenu{border-radius:0 0 14px 14px;overflow:hidden;}
.account-dropdown .account-submenu li:first-child a{border-top:none;}
.account-dropdown .account-submenu a,.account-dropdown .account-submenu button{font-size:14px;font-weight:600;}
.account-dropdown .account-submenu i{width:18px;margin-right:8px;}
.mobile-account-block{margin-top:16px;padding:14px 14px 4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;}
.mobile-account-title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;padding:0 2px 8px;}
.mobile-account-links{list-style:none;padding:0;margin:0;}
.mobile-account-links li{margin:0;}
.mobile-account-links a,.mobile-account-links button{display:flex;width:100%;align-items:center;gap:10px;padding:10px 2px;color:#d7d7d7;background:none;border:none;text-align:left;font-weight:600;}
.mobile-account-links a:hover,.mobile-account-links button:hover{color:#2563eb;}
.mobile-account-links i{width:18px;text-align:center;}
.mobile-logout-btn{cursor:pointer;}
.account-welcome{margin-bottom:14px;font-size:18px;}

/* === Favorite buttons === */
.product-card{position:relative;}
.favorite-toggle-btn{position:absolute;top:12px;right:12px;width:42px;height:42px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(17,17,17,.78);color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.18);transition:transform .2s ease, background .2s ease, color .2s ease;z-index:5;}
.favorite-toggle-btn:hover{transform:translateY(-2px);background:#fff;color:#2563eb;}
.favorite-toggle-btn.active{background:#2563eb;color:#fff;}
.favorite-toggle-btn:disabled{opacity:.7;cursor:wait;}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}


/* Hesap butonu, giriş yap butonu ile aynı görseli kullansın */
.sell-btn.account-dropdown{position:relative;}
.sell-btn.account-dropdown > .account-toggle.cta-btn{display:flex;align-items:center;gap:8px;}
.sell-btn.account-dropdown > .account-toggle.cta-btn:after{display:none !important;}
.sell-btn.account-dropdown.open > .account-submenu{display:block;}
.account-submenu{right:0;left:auto;min-width:220px;}


/* === OZKER UYE MERKEZI === */
.pt-account-page{background:#f6f7fb;padding:40px 0 70px;min-height:calc(100vh - 160px)}
.pt-account-head{margin-bottom:26px}
.pt-account-head h1{font-size:54px;line-height:1.05;margin:0 0 12px;font-weight:800;letter-spacing:-1px}
.pt-account-head p{font-size:28px;font-weight:700;color:#2B2D42;margin:0}
.pt-account-layout{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}
.pt-account-sidebar,.pt-account-content{background:#fff;border:1px solid #e7e9f2;border-radius:22px;box-shadow:0 10px 30px rgba(16,24,40,.06)}
.pt-account-sidebar{padding:22px;position:sticky;top:110px}
.pt-user-card{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #eceef5}
.pt-user-avatar{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(37,99,235,.25)}
.pt-user-name{font-size:22px;font-weight:700;color:#1f2947;line-height:1.2}
.pt-user-mail{font-size:13px;color:#707a94;word-break:break-word}
.pt-side-nav{display:flex;flex-direction:column;gap:8px}
.pt-side-link{display:flex;align-items:center;padding:12px 14px;border-radius:12px;color:#2B2D42;font-weight:600;border:1px solid transparent}
.pt-side-link:hover{background:#fff6ef;color:#2563eb}
.pt-side-link.active{background:#fff6ef;border-color:#ffd2ae;color:#2563eb}
.pt-side-link.logout-link{margin-top:10px;color:#c44}
.pt-account-content{padding:28px}
.pt-panel{display:block}
.pt-panel h3{font-size:28px;margin-bottom:16px}
.pt-panel-box{background:#fbfbfe;border:1px solid #eceef5;border-radius:18px;padding:18px}
.pt-success-box{background:#edf9f0;border:1px solid #bfe8c6;color:#18794e;border-radius:16px;padding:16px 18px;font-weight:600;margin-bottom:20px}
.pt-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.pt-dashboard-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #eceef5;border-radius:18px;background:#fff;color:#2B2D42;min-height:92px}
.pt-dashboard-card i{width:46px;height:46px;border-radius:14px;background:#fff6ef;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:18px}
.pt-dashboard-card strong{display:block;font-size:16px;margin-bottom:4px}
.pt-dashboard-card span{display:block;font-size:13px;color:#6d7792}
.pt-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pt-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pt-form-group{margin-bottom:16px}
.pt-form-group label{display:block;margin-bottom:8px;font-weight:700;color:#25304d;font-size:14px}
.pt-form-group input,.pt-form-group select,.pt-form-group textarea{width:100%;border:1px solid #dfe3ec;border-radius:14px;padding:12px 14px;background:#fff;font-size:14px;color:#24304b}
.pt-form-group textarea{min-height:110px;resize:vertical}
.pt-form-actions{margin-top:8px}
.pt-inline-message{margin:12px 0 0;font-weight:600}
.pt-inline-message.is-success{color:#18794e}.pt-inline-message.is-error{color:#c62828}
.pt-muted-text{font-size:13px;line-height:1.7;color:#667085}
.pt-check-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #eceef5;border-radius:16px;background:#fff;margin-bottom:12px}
.pt-check-card input{margin-top:4px}
.pt-radio-list{display:grid;gap:12px;margin:14px 0}
.pt-radio-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #eceef5;border-radius:16px;background:#fff}
.pt-radio-card input{margin-top:5px}
.pt-note-box{background:#fff6ef;border:1px solid #ffd2ae;border-radius:16px;padding:14px 16px;color:#7a4b17;font-size:14px;line-height:1.6}
.pt-list-cards > * + *{margin-top:12px}
.pt-item-card{padding:16px;border:1px solid #eceef5;border-radius:16px;background:#fff}
.pt-item-card strong{display:block;margin-bottom:6px}
.pt-item-card small{display:block;color:#6b7280;line-height:1.6}
.pt-empty{margin:0;color:#6b7280}
.account-dropdown .account-submenu{display:none!important}
@media (max-width: 1199px){.pt-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 991px){.pt-account-layout{grid-template-columns:1fr}.pt-account-sidebar{position:static}.pt-account-head h1{font-size:36px}.pt-account-head p{font-size:22px}}
@media (max-width: 767px){.pt-form-row,.pt-grid-2,.pt-dashboard-grid{grid-template-columns:1fr}.pt-account-content,.pt-account-sidebar{padding:20px}.pt-account-head h1{font-size:30px}}


/* === Header search (consolidated) === */
.main-nav .main-search-item{margin-left:auto; margin-right:200px; position:relative; min-width:250px; max-width:300px; flex:0 1 280px;}
.header-search{position:relative; width:215px; max-width:215px;}
.header-search-form{display:flex; align-items:center;}
.header-search-input{width:100%; height:44px; border:1px solid rgba(37,99,235,.88); border-right:none; border-radius:24px 0 0 24px; background:rgba(255,255,255,.06); color:#fff; padding:0 14px; outline:none; box-shadow:none;}
.header-search-input::placeholder{color:rgba(255,255,255,.72);}
.header-search-input:focus{border-color:#2563eb; background:rgba(255,255,255,.1);}
.header-search-btn{height:44px; min-width:58px; border:none; border-radius:0 24px 24px 0; background:#2563eb; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(37,99,235,.28);}
.header-search-btn:hover{opacity:.96;}
.header-search-btn:focus{outline:none;}
.header-search-btn i{font-size:16px;}

.header-search-results{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  width:520px;
  max-width:min(560px,92vw);
  background:#07101d;
  border:2px solid #2563eb;
  border-radius:18px;
  box-shadow:0 20px 36px rgba(0,0,0,.55);
  padding:10px 12px;
  box-sizing:border-box;
  overflow:visible;
  max-height:410px;
  z-index:3200;
  display:none;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.header-search-results.open{display:block;}
.header-search-results::-webkit-scrollbar,
.header-search-results-inner::-webkit-scrollbar{display:none; width:0; height:0;}
.header-search-results::before,
.header-search-results::after,
.header-search-result::before,
.header-search-result::after{display:none !important; content:none !important; background:none !important; border:none !important;}
.header-search-results-inner{
  max-height:392px;
  overflow-y:auto;
  overflow-x:visible;
  padding:2px 0;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.header-search-empty{color:#dbe4f0; padding:16px 18px; font-size:15px;}
.header-search-result,
.header-search-result:link,
.header-search-result:visited,
.header-search-result:hover,
.header-search-result:focus,
.header-search-result:active{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
  column-gap:12px;
  min-height:72px;
  padding:10px 12px;
  margin-bottom:8px;
  background:linear-gradient(135deg,#081526 0%, #112446 100%);
  border-radius:14px;
  text-decoration:none !important;
  border:none !important;
  outline:none !important;
  box-shadow:0 10px 20px rgba(0,0,0,.24), inset 0 0 0 1px rgba(37,99,235,.26) !important;
  transition:background .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.header-search-result:last-child{margin-bottom:0;}
.header-search-result:hover,
.header-search-result:focus,
.header-search-result:active{
  background:linear-gradient(135deg,#0a1830 0%, #16305d 100%);
  box-shadow:0 12px 26px rgba(0,0,0,.3), inset 0 0 0 1px rgba(37,99,235,.38) !important;
}
.header-search-result-left{display:contents !important;}
.header-search-result-thumb{
  grid-column:1;
  width:54px;
  height:54px;
  border-radius:12px;
  background:#f8fafc;
  border:1px solid rgba(15,20,29,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:6px;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.header-search-result-thumb img{width:100%; height:100%; object-fit:contain; display:block;}
.header-search-result-thumb i{color:#2563eb; font-size:18px;}
.header-search-result-copy{
  grid-column:2;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  padding-right:0;
}
.header-search-result-title,
.header-search-result:hover .header-search-result-title,
.header-search-result:focus .header-search-result-title,
.header-search-result:active .header-search-result-title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#ffffff !important;
  font-weight:800;
  line-height:1.3;
  font-size:14px;
  letter-spacing:0;
}
.header-search-result-meta,
.header-search-result:hover .header-search-result-meta,
.header-search-result:focus .header-search-result-meta,
.header-search-result:active .header-search-result-meta{
  display:block;
  color:#d7deea !important;
  font-size:11px;
  font-weight:700;
}
.header-search-result-price,
.header-search-result:hover .header-search-result-price,
.header-search-result:focus .header-search-result-price,
.header-search-result:active .header-search-result-price{
  grid-column:3;
  justify-self:end;
  align-self:center;
  min-width:96px;
  text-align:right;
  white-space:nowrap;
  font-size:18px;
  line-height:1;
  color:#2563eb !important;
  font-weight:900;
  margin-left:12px;
}

@media (max-width:1400px){.main-nav .main-search-item{min-width:220px; max-width:260px; flex-basis:240px;}}
@media (max-width:1300px){.header-search{width:195px; max-width:195px;}}
@media (max-width:1199px){.main-nav{padding-right:0;} .main-nav .main-search-item{margin-right:0; min-width:210px; max-width:230px; flex-basis:220px;} .main-nav li.sell-btn{position:relative; right:auto; top:auto; transform:none;}}
@media (max-width:1150px){.header-search{display:none;} .main-nav .main-search-item{display:none !important;}}
@media (max-width:520px){
  .header-search-results{width:calc(100vw - 24px); max-width:calc(100vw - 24px); padding:10px;}
  .header-search-results-inner{max-height:392px;}
  .header-search-result,
  .header-search-result:link,
  .header-search-result:visited,
  .header-search-result:hover,
  .header-search-result:focus,
  .header-search-result:active{grid-template-columns:52px minmax(0,1fr) 92px; column-gap:12px; padding:10px 12px; min-height:70px;}
  .header-search-result-thumb{width:52px; height:52px;}
  .header-search-result-title{font-size:15px;}
  .header-search-result-price{font-size:17px; min-width:92px;}
}

/* Header cart icon and spacing fixes */
#navigation .main-nav.navbar-nav{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;}
#navigation .main-nav.navbar-nav > li{flex:0 0 auto;}
#navigation .main-nav.navbar-nav > .main-search-item{flex:0 1 230px;min-width:200px;margin-left:auto;margin-right:0 !important;}
#navigation .main-nav.navbar-nav > .sell-btn.account-dropdown{flex:0 0 auto;}
#navigation .main-nav.navbar-nav > .cart-btn{flex:0 0 auto;}

.cart-btn .cart-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border-radius:999px;background:#2563eb;color:#fff;text-decoration:none;box-shadow:0 8px 18px rgba(37,99,235,.22);transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;}
.cart-btn .cart-icon-btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(37,99,235,.28);color:#fff;text-decoration:none;}
.cart-btn .cart-icon-btn i{font-size:17px;}
.cart-btn .cart-count{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e53935;color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;box-shadow:0 4px 10px rgba(229,57,53,.28);}

.header-search{position:relative;width:210px;max-width:210px;}
.account-toggle.cta-btn{min-width:146px;justify-content:center;white-space:nowrap;padding-left:20px;padding-right:20px;}

@media (max-width: 1360px){
  #navigation .main-nav.navbar-nav{gap:10px;}
  #navigation .main-nav.navbar-nav > .main-search-item{flex-basis:190px;min-width:190px;margin-right:0 !important;}
  .header-search{width:190px;max-width:190px;}
  .account-toggle.cta-btn{min-width:136px;padding-left:16px;padding-right:16px;}
}

@media (max-width: 1240px){
  #navigation .main-nav.navbar-nav{gap:8px;}
  #navigation .main-nav.navbar-nav > .main-search-item{flex-basis:170px;min-width:170px;margin-right:0 !important;}
  .header-search{width:170px;max-width:170px;}
  .account-toggle.cta-btn{min-width:126px;padding-left:14px;padding-right:14px;}
}

@media (max-width: 1150px){
  #navigation .main-nav.navbar-nav > .main-search-item{display:none !important;}
}

/* HEADER FLEX DÜZEN */
.header-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* SEPET BUTONU */
.cart-icon-btn {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: 52px;
  transition: all 0.25s ease;
}

.cart-icon-btn i {
  font-size: 18px;
}

.cart-icon-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(37,99,235, 0.18);
}

.cart-icon-btn::after,
.cart-icon-btn:hover::after {
  display: none !important;
  content: none !important;
}

.cart-count-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #e53935;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

.search-box,
.header-search {
  flex: 0 1 240px;
  min-width: 200px;
  max-width: 240px;
}

.account-toggle.cta-btn {
  min-width: 150px;
  white-space: nowrap;
}


/* === Header spacing hotfix (2026-04-17) === */
#navigation .main-nav.navbar-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:nowrap;
}
#navigation .main-nav.navbar-nav > .main-search-item{
  margin-left:auto !important;
  margin-right:0 !important;
  flex:1 1 240px;
  min-width:170px;
  max-width:265px;
}
#navigation .main-nav.navbar-nav > .cart-btn,
#navigation .main-nav.navbar-nav > .sell-btn.account-dropdown{
  flex:0 0 auto;
  display:flex;
  align-items:center;
}
#navigation .main-nav.navbar-nav > .cart-btn{
  justify-content:center;
}
#navigation .main-nav.navbar-nav > .sell-btn.account-dropdown{
  margin-left:0;
}
.cart-btn .cart-icon-btn,
.cart-icon-btn{
  width:48px;
  height:48px;
  min-width:48px;
}
.account-toggle.cta-btn,
.sell-btn.account-dropdown > .account-toggle.cta-btn{
  min-width:132px;
  padding-left:18px;
  padding-right:18px;
  height:48px;
  font-size:15px;
}
.account-toggle.cta-btn .account-label{
  display:inline-block;
  transform:translateY(0.5px);
}
@media (max-width: 1360px){
  #navigation .main-nav.navbar-nav > .main-search-item{
    flex-basis:210px;
    min-width:160px;
    max-width:230px;
  }
  .account-toggle.cta-btn,
  .sell-btn.account-dropdown > .account-toggle.cta-btn{
    min-width:124px;
    padding-left:16px;
    padding-right:16px;
    font-size:14px;
  }
}
@media (max-width: 1240px){
  #navigation .main-nav.navbar-nav{
    gap:8px;
  }
  #navigation .main-nav.navbar-nav > .main-search-item{
    flex-basis:185px;
    min-width:150px;
    max-width:200px;
  }
  .cart-btn .cart-icon-btn,
  .cart-icon-btn{
    width:46px;
    height:46px;
    min-width:46px;
  }
  .account-toggle.cta-btn,
  .sell-btn.account-dropdown > .account-toggle.cta-btn{
    min-width:116px;
    padding-left:14px;
    padding-right:14px;
  }
}
@media (max-width: 1150px){
  #navigation .main-nav.navbar-nav > .main-search-item{
    display:none !important;
  }
}

/* === Cart page === */
.cart-page-section{padding:48px 0 64px;}
.cart-page-shell{background:rgba(14,18,32,.92);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.18);}
.cart-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px;}
.cart-page-head h1{margin:0 0 6px;font-size:34px;font-weight:700;color:#fff;}
.cart-page-head p{margin:0;color:rgba(255,255,255,.72);}
.cart-page-actions{display:flex;gap:12px;flex-wrap:wrap;}
.cart-outline-btn,.cart-primary-btn,.cart-qty-btn,.cart-remove-btn,.cart-link-btn{border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;transition:all .2s ease;}
.cart-outline-btn{height:46px;padding:0 18px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18);}
.cart-outline-btn:hover{background:rgba(255,255,255,.06);color:#fff;}
.cart-primary-btn{height:48px;padding:0 20px;background:#2563eb;color:#fff;box-shadow:0 12px 24px rgba(37,99,235,.24);}
.cart-primary-btn:hover{color:#fff;transform:translateY(-1px);}
.cart-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;}
.cart-items-wrap{display:flex;flex-direction:column;gap:14px;}
.cart-item-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;}
.cart-item-card img{width:120px;height:120px;object-fit:cover;border-radius:18px;background:#111;}
.cart-item-main{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.cart-item-copy{min-width:0;flex:1;}
.cart-item-title{margin:0 0 10px;font-size:21px;font-weight:700;color:#fff;}
.cart-item-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.cart-item-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;color:rgba(255,255,255,.78);}
.cart-item-price{font-size:26px;font-weight:700;color:#fff;}
.cart-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px;min-width:170px;}
.cart-qty-box{display:inline-flex;align-items:center;gap:10px;padding:8px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);}
.cart-qty-btn{width:38px;height:38px;background:rgba(255,255,255,.08);color:#fff;}
.cart-qty-btn:hover{background:rgba(255,255,255,.14);}
.cart-qty-value{min-width:30px;text-align:center;font-size:16px;font-weight:700;color:#fff;}
.cart-remove-btn{height:42px;padding:0 16px;background:rgba(229,57,53,.16);color:#ffb3b1;}
.cart-remove-btn:hover{background:rgba(229,57,53,.24);color:#fff;}
.cart-summary{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:22px;position:sticky;top:24px;}
.cart-summary h3{margin:0 0 18px;color:#fff;font-size:24px;}
.cart-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.08);}
.cart-summary-row:last-of-type{border-bottom:none;}
.cart-summary-row.total{font-size:22px;font-weight:700;color:#fff;padding-top:16px;}
.cart-summary-note{margin:14px 0 0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.6;}
.cart-empty-state{padding:40px 18px;text-align:center;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.16);border-radius:22px;}
.cart-empty-state i{font-size:46px;color:#2563eb;margin-bottom:16px;}
.cart-empty-state h3{margin:0 0 10px;color:#fff;}
.cart-empty-state p{margin:0 0 18px;color:rgba(255,255,255,.7);}
.cart-toast{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:16px;background:#111827;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.24);opacity:0;pointer-events:none;transform:translateY(14px);transition:all .22s ease;}
.cart-toast.show{opacity:1;pointer-events:auto;transform:translateY(0);}
.cart-toast i{color:#4ade80;}
.listing-actions{display:flex;flex-wrap:wrap;gap:12px;}
.btn-add-cart{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 24px;border:none;border-radius:999px;background:#2563eb;color:#fff;font-weight:700;box-shadow:0 14px 30px rgba(37,99,235,.22);transition:all .22s ease;}
.btn-add-cart:hover,.btn-add-cart:focus{color:#fff;transform:translateY(-1px);}
.btn-add-cart.is-added{background:#1f9d55;box-shadow:0 14px 30px rgba(31,157,85,.22);}
@media (max-width: 991px){
  .cart-page-grid{grid-template-columns:1fr;}
  .cart-summary{position:static;}
}
@media (max-width: 767px){
  .cart-page-shell{padding:20px;}
  .cart-page-head h1{font-size:28px;}
  .cart-item-card{grid-template-columns:1fr;}
  .cart-item-card img{width:100%;height:auto;max-height:280px;}
  .cart-item-side{align-items:flex-start;min-width:0;width:100%;}
  .cart-item-main{flex-direction:column;}
}


.cart-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;border-radius:16px;border:1px solid #d7deea;background:#fff;color:#1f2a4d;font-weight:700;transition:.2s ease;}
.cart-secondary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.08);color:#1f2a4d;text-decoration:none;}
.checkout-form label{display:block;margin-bottom:6px;font-weight:700;color:#1f2a4d;}
.checkout-form .form-control{height:48px;border-radius:14px;border:1px solid #d7deea;box-shadow:none;}
.checkout-form .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12);}


/* cart ui refinements */
.cart-summary{display:flex;flex-direction:column;gap:14px;}
.cart-primary-btn.whatsapp-checkout-btn{background:#25D366!important;color:#fff!important;}
.cart-primary-btn.credit-checkout-btn{background:linear-gradient(135deg,#2563eb 0%, #60a5fa 100%)!important;color:#fff!important;margin-top:2px;}
.cart-primary-btn.credit-checkout-btn,.cart-primary-btn.whatsapp-checkout-btn{width:100%;min-height:54px;}
.cart-item-subtotal{margin-top:10px;color:rgba(255,255,255,.72);font-size:13px;}
.cart-item-subtotal strong{color:#fff;font-size:14px;}
.cart-summary-note{margin-top:2px;}

.cart-empty-icon{font-size:32px !important;color:#fff !important;background:rgba(37,99,235,.14);border:1px solid rgba(255,255,255,.12);width:72px;height:72px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.cart-empty-cta{display:inline-flex;align-items:center;gap:10px;text-decoration:none;}
.btn-stock-notify{background:#1b2440;color:#fff;border:1px solid rgba(255,255,255,.12);}
.btn-stock-notify.is-active{background:#fff6ef;color:#1d4ed8;border-color:#ffd0a8;}
.pt-stock-row,.pt-address-card{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.pt-stock-main{display:flex;align-items:center;gap:14px;min-width:0;}
.pt-stock-thumb{width:64px;height:64px;object-fit:cover;border-radius:14px;border:1px solid #eceef5;background:#fff;}
.pt-stock-actions,.pt-address-actions{display:flex;gap:10px;flex-wrap:wrap;}
.pt-mini-btn{padding:10px 14px;font-size:12px;}
.pt-ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:12px;border:1px solid #dfe3ec;background:#fff;color:#25304d;font-weight:700;}
.pt-ghost-btn.danger{color:#b42318;border-color:#f3c1bc;}
.pt-saved-list{display:grid;gap:14px;margin-top:18px;}
.pt-address-card{align-items:flex-start;border:1px solid #eceef5;border-radius:18px;padding:16px;background:#fff;flex-direction:column;}
.pt-address-card.is-selected{border-color:#ffcfab;box-shadow:0 10px 24px rgba(37,99,235,.08);background:#fffdfa;}
.pt-address-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;}
.pt-address-recipient{font-weight:700;color:#25304d;}
.pt-address-card p{margin:0;color:#5f6c86;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;}
.pt-profile-photo-box{display:grid;grid-template-columns:128px minmax(0,1fr);gap:18px;align-items:start;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #eceef5;}
.pt-profile-preview{width:128px;height:128px;border-radius:28px;background:#f5f7fb;border:1px dashed #d6dbea;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#25304d;font-size:42px;font-weight:900;}
.pt-profile-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.pt-upload-drop{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:14px;border:1px dashed #cfd6e6;background:#fbfbfe;color:#25304d;font-weight:700;cursor:pointer;}
.pt-upload-drop.is-dragover{border-color:#ffcfab;background:#fff7f0;}
.pt-link-btn{padding:0;border:none;background:none;color:#4960d8;font-weight:700;}
.pt-char-counter{margin-top:8px;font-size:12px;font-weight:800;color:#64748b;display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f4f6fb;border:1px solid #e5eaf4;}
.pt-char-counter.is-danger{color:#b42318;background:#fff2f1;border-color:#ffd2cd;}
.pt-char-counter.is-warning{color:#1d4ed8;background:#fff7ed;border-color:#dbeafe;}
.pt-char-counter.is-valid{color:#18794e;background:#ecfdf3;border-color:#b7efc8;}
.pt-quote-image-preview{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:stretch;gap:14px;flex-wrap:wrap;padding:12px;border:1px solid #eceef5;border-radius:16px;background:#fff;}
.pt-quote-image-preview.hidden{display:none;}
.pt-upload-preview-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid #eceef5;border-radius:16px;background:#fbfcff;min-width:0;}
.pt-upload-preview-card img{width:100%;height:160px;object-fit:cover;border-radius:14px;border:1px solid #eceef5;background:#fff;}
.pt-upload-preview-body strong{display:block;margin-bottom:4px;color:#25304d;word-break:break-word;}
.pt-upload-preview-body p{margin:0;color:#64748b;font-size:13px;line-height:1.5;}
.pt-upload-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;border-radius:999px;background:rgba(17,24,39,.78);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18);}
.pt-upload-remove:hover{background:#111827;}

.inline-input-action{display:flex;gap:10px;align-items:center;}
.inline-input-action input,.inline-input-action textarea{flex:1;}
.ghost-btn{min-height:42px;border-radius:12px;border:1px solid #dfe3ec;background:#fff;padding:0 14px;font-weight:700;}
@media (max-width: 767px){
  .pt-profile-photo-box{grid-template-columns:1fr;}
  .pt-stock-row{align-items:flex-start;flex-direction:column;}
}


.btn-add-cart--whatsapp{background:#25D366;box-shadow:0 14px 30px rgba(37,211,102,.24);} 
.btn-add-cart--whatsapp:hover,.btn-add-cart--whatsapp:focus{background:#20bd5b;color:#fff;}
.btn-add-cart.is-disabled,.btn-add-cart:disabled{opacity:.72;cursor:not-allowed;transform:none;box-shadow:none;background:#8d97ab;}
.stock-notify-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:54px;min-width:54px;height:54px;padding:0;border-radius:999px;background:#1b2440;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 30px rgba(27,36,64,.18);} 
.stock-notify-icon-btn:hover,.stock-notify-icon-btn:focus{color:#fff;transform:translateY(-1px);} 
.stock-notify-icon-btn.is-active{background:#fff6ef;color:#1d4ed8;border-color:#ffd0a8;} 
.stock-notify-icon-btn::after{content:attr(title);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(6px);background:#111827;color:#fff;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s ease;box-shadow:0 12px 24px rgba(15,23,42,.18);} 
.stock-notify-icon-btn:hover::after,.stock-notify-icon-btn:focus::after{opacity:1;transform:translateX(-50%) translateY(0);} 
@media (max-width: 767px){.listing-actions{justify-content:center}.stock-notify-icon-btn::after{display:none;}}

.pt-saved-list,.pt-address-card,.pt-address-top,.pt-address-actions{min-width:0;}
.pt-address-card,.pt-address-recipient,.pt-address-card p,.pt-address-top strong{max-width:100%;overflow-wrap:anywhere;word-break:break-word;}

.listing-short-description{margin:14px 0 16px;color:#4b5563;font-size:15px;line-height:1.65;}
.cart-empty-cta-icon{color:#fff !important;font-size:14px !important;}


.slider-nav button:disabled {
  opacity: 0.55;
  cursor: default;
}


.visually-hidden-seo{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
img[loading="lazy"]{content-visibility:auto;}


/* Mobile account menu refresh (consolidated) */
.mobile-account-block{
  margin-top:18px;
  padding:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.mobile-account-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff;
  font-weight:700;
  padding:0 2px 10px;
  text-align:center;
}
.mobile-account-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
}
.mobile-account-btn{
  position:relative;
  flex:1;
  display:grid !important;
  grid-auto-flow:column;
  grid-auto-columns:max-content;
  justify-content:center;
  align-content:center;
  align-items:center;
  column-gap:10px;
  min-height:54px;
  padding:0 18px !important;
  line-height:1;
  text-align:center !important;
  background:#2563eb;
  border:2px solid #2563eb;
  color:#fff !important;
  font-weight:700 !important;
  border-radius:999px !important;
  box-shadow:0 10px 22px rgba(37,99,235,.24);
}
.mobile-account-btn:hover{
  background:transparent;
  color:#2563eb !important;
  transform:translateY(-1px);
}
.mobile-account-btn i,
.mobile-account-btn .account-label{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.mobile-account-btn i{
  position:static;
  left:auto;
  top:auto;
  transform:none;
  width:18px;
  min-width:18px;
}
.mobile-account-btn .account-label{
  min-height:18px;
  text-align:center;
}
.mobile-cart-icon-btn{
  position:relative;
  flex:0 0 54px;
  width:54px !important;
  height:54px;
  min-height:54px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:0 !important;
  border-radius:999px !important;
  background:#2563eb;
  border:2px solid #2563eb;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(37,99,235,.24);
}
.mobile-cart-icon-btn:hover{
  background:transparent;
  color:#2563eb !important;
  transform:translateY(-1px);
}
.mobile-cart-icon-btn i{font-size:18px;}
.mobile-cart-icon-btn .cart-count{
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#e53935;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:20px;
  text-align:center;
  box-shadow:0 4px 10px rgba(229,57,53,.28);
}

.mobile-search-host{display:none;}
@media (max-width:1150px){
  #header .container > .mobile-search-host{
    display:block;
    margin-top:12px;
    padding:0 15px 6px;
    clear:both;
  }
  #header .container > .mobile-search-host .header-search{
    display:block !important;
    width:100%;
    max-width:none;
  }
  #header .container > .mobile-search-host .header-search-form{display:flex; width:100%;}
  #header .container > .mobile-search-host .header-search-input{height:46px; font-size:14px;}
  #header .container > .mobile-search-host .header-search-btn{height:46px; min-width:58px;}
  #header .container > .mobile-search-host .header-search-results{width:100%; max-width:none;}
}
@media (min-width:1151px){
  #header .container > .mobile-search-host{display:none !important;}
}

/* === Mobile search hover/active colors aligned with desktop === */
@media (max-width:1150px){
  #header .container > .mobile-search-host .header-search-result,
  #header .container > .mobile-search-host .header-search-result:link,
  #header .container > .mobile-search-host .header-search-result:visited,
  #header .container > .mobile-search-host .header-search-result:hover,
  #header .container > .mobile-search-host .header-search-result:focus,
  #header .container > .mobile-search-host .header-search-result:active{
    background:linear-gradient(135deg,#081526 0%, #112446 100%);
    box-shadow:0 8px 18px rgba(0,0,0,.22), inset 0 0 0 1px rgba(37,99,235,.22) !important;
  }

  #header .container > .mobile-search-host .header-search-result:hover,
  #header .container > .mobile-search-host .header-search-result:focus,
  #header .container > .mobile-search-host .header-search-result:active{
    background:linear-gradient(135deg,#0a1424 0%, #132038 100%);
    box-shadow:0 12px 24px rgba(0,0,0,.28), inset 0 0 0 1px rgba(37,99,235,.34) !important;
  }

  #header .container > .mobile-search-host .header-search-result:hover .header-search-result-title,
  #header .container > .mobile-search-host .header-search-result:focus .header-search-result-title,
  #header .container > .mobile-search-host .header-search-result:active .header-search-result-title{
    color:#ffffff !important;
  }

  #header .container > .mobile-search-host .header-search-result:hover .header-search-result-meta,
  #header .container > .mobile-search-host .header-search-result:focus .header-search-result-meta,
  #header .container > .mobile-search-host .header-search-result:active .header-search-result-meta{
    color:#d7deea !important;
  }

  #header .container > .mobile-search-host .header-search-result:hover .header-search-result-price,
  #header .container > .mobile-search-host .header-search-result:focus .header-search-result-price,
  #header .container > .mobile-search-host .header-search-result:active .header-search-result-price{
    color:#2563eb !important;
  }
}


/* Mobil mağaza akordeon oka güncelleme */
#mobile-side-nav .mobile-dropdown-toggle{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 18px !important;
}

#mobile-side-nav .mobile-dropdown-toggle .mobile-dropdown-label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex:1;
  color:inherit;
  font:inherit;
}

#mobile-side-nav .mobile-dropdown-toggle .mobile-dropdown-label i{
  font-size:18px;
}

#mobile-side-nav .mobile-dropdown-toggle .mobile-arrow{
  margin-left:0;
  font-size:12px;
  flex:0 0 auto;
}


.skip-link{position:absolute;left:16px;top:-48px;z-index:9999;background:#111;color:#fff;padding:12px 16px;border-radius:12px;font-weight:700;transition:top .2s ease}.skip-link:focus{top:16px;color:#fff}.floating-contact-cta{position:fixed;right:18px;bottom:18px;z-index:1400;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#25d366;color:#fff;box-shadow:0 16px 40px rgba(37,211,102,.28);font-weight:700}.floating-contact-cta i{font-size:22px;line-height:1}.floating-contact-cta:hover,.floating-contact-cta:focus{color:#fff;transform:translateY(-2px)}.floating-contact-cta small{display:block;font-size:11px;font-weight:500;opacity:.9}.floating-contact-cta span{display:flex;flex-direction:column;line-height:1.15}@media (max-width:767px){.floating-contact-cta{right:14px;left:auto;bottom:14px;justify-content:center;padding:0;width:56px;height:56px;border-radius:999px}.floating-contact-cta span{display:none}.floating-contact-cta i{font-size:28px}}

.marquee-link-item{color:inherit;text-decoration:none;display:inline-block;}
.marquee-link-item:hover,.marquee-link-item:focus{color:inherit;text-decoration:none;opacity:.96;}

@media (min-width: 992px){.main-nav .main-search-item .header-search-results{left:50%;transform:translateX(-42%);}}

/* Favorites panel/page layout stabilization */
#panel-favorites .pt-panel-box,
.fav-page-shell {
  background: #fff;
  border: 1px solid #eceef4;
  border-radius: 22px;
}

#favoritesList .fav-list-wrap,
.fav-page-shell .fav-list-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#favoritesList .fav-row,
.fav-page-shell .fav-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 20px 22px;
  border: 1px solid #eceef4;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #fdfefe 100%);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}

#favoritesList .fav-main,
.fav-page-shell .fav-main {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
}

#favoritesList .fav-thumb-wrap,
.fav-page-shell .fav-thumb-wrap {
  flex: 0 0 88px;
  width: 88px;
  height: 88px;
  border-radius: 18px;
  background: #f8fafc;
  border: 1px solid #eceef4;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#favoritesList .fav-thumb,
.fav-page-shell .fav-thumb {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

#favoritesList .fav-copy,
.fav-page-shell .fav-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

#favoritesList .fav-title,
.fav-page-shell .fav-title {
  color: #1f2a56;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  max-width: 100%;
}

#favoritesList .fav-meta,
.fav-page-shell .fav-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#favoritesList .fav-cat,
.fav-page-shell .fav-cat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  border-radius: 999px;
  background: #fff6ed;
  color: #2563eb;
  font-size: 12px;
  font-weight: 700;
}

#favoritesList .fav-price,
.fav-page-shell .fav-price {
  white-space: nowrap;
  color: #1f2a56;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

#favoritesList .fav-actions,
.fav-page-shell .fav-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 40px;
}

#favoritesList .fav-btn,
.fav-page-shell .fav-btn {
  width: 38px;
  height: 38px;
  border: 1px solid #e7ebf3;
  border-radius: 12px;
  background: #fff;
  color: #1f2a56;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
}

#favoritesList .fav-btn:hover,
.fav-page-shell .fav-btn:hover {
  border-color: #2563eb;
  color: #2563eb;
  transform: translateY(-1px);
}

#favoritesList .fav-btn-danger,
.fav-page-shell .fav-btn-danger {
  color: #d14343;
}

#favoritesList .fav-btn-danger:hover,
.fav-page-shell .fav-btn-danger:hover {
  border-color: #f2c2c2;
  background: #fff5f5;
  color: #d14343;
}

#favoritesList .pt-empty,
.fav-page-shell .pt-empty {
  margin: 0;
  padding: 28px 18px;
  border: 1px dashed #d7dbe7;
  border-radius: 18px;
  text-align: center;
  color: #667085;
  background: #fbfcfe;
}

@media (max-width: 991px) {
  #favoritesList .fav-row,
  .fav-page-shell .fav-row {
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    padding: 18px;
  }

  #favoritesList .fav-title,
  .fav-page-shell .fav-title {
    font-size: 16px;
  }

  #favoritesList .fav-price,
  .fav-page-shell .fav-price {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  #favoritesList .fav-row,
  .fav-page-shell .fav-row {
    grid-template-columns: minmax(0,1fr) auto;
    gap: 12px;
    padding: 16px;
  }

  #favoritesList .fav-main,
  .fav-page-shell .fav-main {
    align-items: flex-start;
    gap: 12px;
  }

  #favoritesList .fav-thumb-wrap,
  .fav-page-shell .fav-thumb-wrap {
    flex-basis: 64px;
    width: 64px;
    height: 64px;
    border-radius: 14px;
  }

  #favoritesList .fav-title,
  .fav-page-shell .fav-title {
    font-size: 14px;
  }

  #favoritesList .fav-cat,
  .fav-page-shell .fav-cat {
    font-size: 11px;
    padding: 5px 9px;
  }

  #favoritesList .fav-price,
  .fav-page-shell .fav-price {
    font-size: 15px;
  }

  #favoritesList .fav-actions,
  .fav-page-shell .fav-actions {
    gap: 6px;
    min-width: 36px;
  }

  #favoritesList .fav-btn,
  .fav-page-shell .fav-btn {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    font-size: 13px;
  }
}


/* v16 - Site genel mobil stabilizasyon */
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%;height:auto}
.container,.container-fluid,.row,[class*="col-"]{min-width:0}
.product-card,.promo-card,.panel,.card,.section-title,.mobile-menu,.dropdown-menu{min-width:0}
.product-card *, .promo-card *, .mobile-menu *, .header-ctn *{min-width:0}
button,.btn,input,select,textarea{max-width:100%}
.table-wrap,table{max-width:100%}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width: 991px){
  body{font-size:14px}
  .header-logo,.header-search,.header-ctn{min-width:0}
  .header-ctn{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
  .header-ctn>div{min-width:0}
  .header-ctn a{white-space:nowrap}
  .mobile-menu,.mobile-side-nav{max-width:min(88vw,360px)}
  .section-title .title{font-size:22px;line-height:1.25}
  .product .product-body,.product-card,.promo-card{border-radius:16px}
  .product .product-name,.product-card h3,.promo-card h3{font-size:15px;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .product .product-price,.listing-price,.promo-price{font-size:18px;line-height:1.25}
  .add-to-cart-btn,.primary-btn,.secondary-btn,.details-toggle,.product-btn,.promo-btn{min-height:42px;border-radius:12px;white-space:normal;text-align:center}
  .product-grid,.promo-grid,.listing-grid{gap:14px}
  .newsletter,.footer,.section{overflow:hidden}
}
@media (max-width: 767px){
  .container{width:100%;padding-left:14px;padding-right:14px}
  .row{margin-left:-8px;margin-right:-8px}
  [class*="col-"]{padding-left:8px;padding-right:8px}
  .product-grid,.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .promo-grid{grid-template-columns:1fr!important}
  .filter-sidebar,.listing-sidebar{width:100%;max-width:100%}
  .product .product-img img,.product-card img{object-fit:contain}
  .cart-summary,.checkout-box,.account-panel,.favorites-panel{width:100%;max-width:100%}
  .action-row,.btn-row{display:flex;flex-wrap:wrap;gap:8px}
  .action-row>* ,.btn-row>*{flex:1 1 140px}
}
@media (max-width: 420px){
  .container{padding-left:12px;padding-right:12px}
  .product-grid,.listing-grid{grid-template-columns:1fr!important}
  .section-title .title{font-size:20px}
  .header-ctn{gap:6px}
  .header-ctn a,.header-ctn button{font-size:12px}
  .add-to-cart-btn,.primary-btn,.secondary-btn,.details-toggle,.product-btn,.promo-btn{width:100%}
}

/* v20 kurumsal hesap/mobil standardizasyon */
.pt-panel-box,.pt-dashboard-card,.pt-list-row,.pt-address-card,.pt-note-box,.pt-profile-photo-box{border-radius:24px!important;border:1px solid rgba(15,33,65,.10)!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;box-shadow:0 16px 42px rgba(15,33,65,.08)!important;}
.pt-panel h3{letter-spacing:-.02em;color:#17213b;}
.pt-form-grid,.pt-stack-form{gap:18px!important;}
.pt-ref-code-row{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;}
.pt-ref-code-input{flex:1 1 260px!important;min-width:0!important;}
.pt-copy-btn{flex:0 0 auto!important;margin:0!important;min-height:52px!important;border-radius:999px!important;}
.pt-upload-drop{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:64px!important;text-align:center!important;line-height:1.25!important;}
.pt-upload-drop span{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important;white-space:normal!important;}
.pt-profile-photo-box{display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;gap:24px!important;align-items:start!important;}
.pt-address-card{position:relative;overflow:hidden;padding:20px!important;}
.pt-address-card:before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:5px;border-radius:999px;background:#2563eb;}
.pt-address-recipient,.pt-address-phone,.pt-address-location{display:flex;align-items:center;gap:8px;margin:8px 0;color:#26344d;font-weight:700;}
.pt-address-recipient i,.pt-address-phone i,.pt-address-location i{color:#2563eb;width:16px;text-align:center;}
.pt-inline-message.is-success,.pt-inline-message.is-campaign-ok{color:#0f8a4b!important;background:#ecfdf3!important;border:1px solid #b9efd0!important;border-radius:14px;padding:12px 14px;}
.pt-inline-message.is-error,.pt-inline-message.is-campaign-bad{color:#b42318!important;background:#fff1f0!important;border:1px solid #ffd0cc!important;border-radius:14px;padding:12px 14px;}
.cart-empty-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;}
.cart-empty-cta i,.cart-empty-cta-icon{display:inline-flex!important;align-items:center!important;margin:0!important;line-height:1!important;}
.used-product-status.is-success,.technical-service-status.is-success,.quick-request-status.is-success,.diagnostic-wizard-status.is-success{color:#0f8a4b!important;background:#ecfdf3!important;border:1px solid #b9efd0!important;border-radius:14px;padding:12px 14px;}
.used-product-status.is-error,.technical-service-status.is-error,.quick-request-status.is-error,.diagnostic-wizard-status.is-error{color:#b42318!important;background:#fff1f0!important;border:1px solid #ffd0cc!important;border-radius:14px;padding:12px 14px;}
@media(max-width:767px){.pt-profile-photo-box{grid-template-columns:1fr!important}.pt-profile-preview{margin:0 auto}.pt-ref-code-row{display:grid!important;grid-template-columns:1fr!important}.pt-copy-btn{width:100%!important}.pt-upload-drop{padding:14px 12px!important}.pt-upload-drop span{font-size:14px!important;white-space:nowrap!important}.pt-form-grid{grid-template-columns:1fr!important}.pt-panel-box{padding:18px!important}}
@media(max-width:420px){.pt-upload-drop span{white-space:normal!important}.cart-empty-cta{width:100%!important}}

/* v22 - Mobil hesap/talep görsel yükleme alanı taşma düzeltmesi */
.pt-upload-drop{
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.pt-upload-drop span{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:767px){
  .pt-profile-photo-box{overflow:hidden!important;}
  .pt-profile-copy{min-width:0!important;width:100%!important;overflow:hidden!important;}
  .pt-profile-copy p{overflow-wrap:anywhere!important;word-break:normal!important;}
  .pt-upload-drop{width:100%!important;min-height:52px!important;padding:12px 14px!important;justify-content:center!important;}
  .pt-upload-drop span{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;font-size:14px!important;line-height:1.15!important;}
  .pt-upload-drop span i{flex:0 0 auto!important;}
}
@media(max-width:420px){.pt-upload-drop span{white-space:nowrap!important;font-size:13px!important;}}

/* v24 - Hesabım mobil profil görsel yükleme alanı final standardizasyonu
   Full paket v22 tabanı üzerine uygulanmıştır; diğer dosyalar korunmuştur. */
#profileImageInput,
#quoteImageInput{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

.pt-profile-photo-box,
.pt-profile-copy{
  min-width:0!important;
}

.pt-upload-drop{
  box-sizing:border-box!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-decoration:none!important;
}

.pt-upload-drop span{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media(max-width:767px){
  .pt-profile-photo-box{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:18px!important;
    padding:18px!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }

  .pt-profile-preview{
    width:156px!important;
    height:126px!important;
    border-radius:24px!important;
    margin:0 auto!important;
    flex:0 0 auto!important;
  }

  .pt-profile-copy{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    overflow:hidden!important;
  }

  .pt-profile-copy strong{
    font-size:18px!important;
    line-height:1.25!important;
  }

  .pt-profile-copy p{
    width:100%!important;
    margin:0 0 4px!important;
    font-size:15px!important;
    line-height:1.55!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  #profileImageDropzone,
  .pt-profile-copy .pt-upload-drop{
    width:auto!important;
    min-width:0!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:flex-start!important;
    padding:11px 16px!important;
    border-radius:999px!important;
    border:1px solid rgba(37,99,235,.26)!important;
    background:#2563eb!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(244,123,19,.18)!important;
  }

  #profileImageDropzone span,
  .pt-profile-copy .pt-upload-drop span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    max-width:100%!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .pt-profile-copy .pt-link-btn{
    align-self:flex-start!important;
    margin-top:2px!important;
    font-size:14px!important;
    line-height:1.35!important;
  }

  .pt-profile-copy .pt-inline-message{
    width:100%!important;
  }
}

@media(max-width:420px){
  .pt-profile-photo-box{
    padding:16px!important;
  }
  .pt-profile-preview{
    width:148px!important;
    height:118px!important;
  }
  .pt-profile-copy p{
    font-size:14px!important;
  }
}

/* =========================================================
   Ürün Kartı Fiyat Hizalama Fix
   - İndirimli üründe eski fiyat satırı olsa bile yeni fiyat
     indirimsiz ürünlerle aynı alt hizada kalır.
   ========================================================= */
.product-card .product-price-wrap {
  min-height: 78px;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
}

.product-card .product-price-wrap .old-price {
  min-height: 22px;
  line-height: 22px;
  margin: 0;
}

.product-card .product-price-wrap .listing-price {
  line-height: 1.05;
  margin: 0;
}


/* v25 account/product fixes */
.pt-profile-photo-box{align-items:center!important;}
.pt-profile-preview{margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important;}
.pt-profile-preview span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.pt-status-info{border:1px solid #dbe4f0;border-radius:16px;padding:14px 16px;margin:0 0 18px 0;background:#f8fafc;}
.pt-status-info.is-success{border-color:#9fe2b8;background:#ecfff3;color:#0b7a34;}
.pt-status-info.is-error{border-color:#f2b3b3;background:#fff1f1;color:#b42318;}
.pt-status-info.is-warning{border-color:#ffd58a;background:#fff8e8;color:#9a5b00;}
.pt-status-info.is-info{border-color:#b8d8ff;background:#f0f7ff;color:#174ea6;}
#favoritesList .fav-btn,.fav-page-shell .fav-btn{position:relative;}
#favoritesList .fav-btn[data-tooltip]::after,.fav-page-shell .fav-btn[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%) translateY(4px);background:#111827;color:#fff;font-size:12px;font-weight:800;white-space:nowrap;border-radius:9px;padding:7px 9px;opacity:0;visibility:hidden;pointer-events:none;transition:all .18s ease;z-index:20;box-shadow:0 8px 22px rgba(15,23,42,.18);}
#favoritesList .fav-btn[data-tooltip]::before,.fav-page-shell .fav-btn[data-tooltip]::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);border:6px solid transparent;border-top-color:#111827;opacity:0;visibility:hidden;transition:all .18s ease;z-index:20;}
#favoritesList .fav-btn[data-tooltip]:hover::after,#favoritesList .fav-btn[data-tooltip]:hover::before,.fav-page-shell .fav-btn[data-tooltip]:hover::after,.fav-page-shell .fav-btn[data-tooltip]:hover::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.pt-quotes-list{display:grid;gap:14px;}
.pt-quote-card{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid #e8edf6;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.06);}
.pt-quote-icon{width:54px;height:54px;border-radius:16px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:22px;}
.pt-quote-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;}
.pt-quote-body p{margin:0 0 10px;color:#526079;line-height:1.5;}
.pt-quote-meta{display:flex;flex-wrap:wrap;gap:12px;color:#7b8498;font-size:13px;}
@media(max-width:767px){.pt-quote-card{grid-template-columns:1fr}.pt-quote-icon{width:46px;height:46px}.pt-quote-top{align-items:flex-start;flex-direction:column}}

/* v26 - Taleplerim taşma düzeltmesi */
.pt-quotes-list,
#quotesList{
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
.pt-quote-card{
  max-width:100%;
  min-width:0;
  overflow:hidden;
  box-sizing:border-box;
}
.pt-quote-body,
.pt-quote-top,
.pt-quote-meta{
  min-width:0;
  max-width:100%;
}
.pt-quote-top strong,
.pt-quote-body p,
.pt-quote-meta span{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
}
.pt-quote-body p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.pt-quote-meta{
  overflow:hidden;
}
.pt-badge{
  flex:0 0 auto;
}
@media(max-width:767px){
  .pt-quote-body p{-webkit-line-clamp:4;}
  #quotesList{overflow:visible;}
}

/* === v27 requested refinements === */
.header-search{width:240px;max-width:240px;}
.header-search-form{width:100%;}
.header-search-input{border-right:1px solid rgba(37,99,235,.88);border-radius:24px;padding:0 18px;height:44px;}
.header-search-btn{display:none!important;}
.pt-stock-row{width:100%;box-sizing:border-box;overflow:hidden;}
.pt-stock-main{flex:1 1 auto;min-width:0;}
.pt-stock-main > div{min-width:0;}
.pt-stock-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pt-stock-actions{flex:0 0 auto;align-items:center;justify-content:flex-end;gap:12px;}
.pt-stock-actions .pt-mini-btn{min-width:116px;text-align:center;justify-content:center;white-space:nowrap;}
.pt-remove-stock-btn{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;box-shadow:0 14px 28px rgba(239,68,68,.18)!important;}
.pt-remove-stock-btn:hover,.pt-remove-stock-btn:focus{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;transform:translateY(-1px);}
@media (max-width:767px){.pt-stock-actions{width:100%;}.pt-stock-actions .pt-mini-btn{flex:1 1 0;min-width:0;}.pt-stock-main strong{white-space:normal;}}

/* === v28 stock notices modern responsive layout === */
#stockNoticeList{display:grid;gap:14px;width:100%;min-width:0;}
#panel-stock .pt-panel-box{overflow:hidden;}
#panel-stock .pt-muted-text{max-width:100%;line-height:1.65;}
.pt-stock-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  gap:18px!important;
  width:100%;
  max-width:100%;
  padding:16px 18px!important;
  border:1px solid #e6eaf3!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
}
.pt-stock-main{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr);
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
}
.pt-stock-thumb-wrap{
  width:76px;
  height:76px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #e8edf6;
  background:#f7f9fd;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.pt-stock-thumb{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:#fff;
  display:block;
}
.pt-stock-info{min-width:0;display:flex;flex-direction:column;gap:8px;}
.pt-stock-info strong,
.pt-stock-main strong{
  color:#071b3a;
  font-size:16px;
  line-height:1.25;
  font-weight:800;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pt-stock-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  background:#fff7ed;
  color:#1d4ed8;
  border:1px solid #dbeafe;
}
.pt-stock-status.is-in-stock{background:#ecfdf3;color:#047857;border-color:#bbf7d0;}
.pt-stock-status i{font-size:12px;}
.pt-stock-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
  min-width:max-content;
}
.pt-stock-actions .pt-mini-btn{
  min-width:132px!important;
  height:46px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.pt-remove-stock-btn{
  background:linear-gradient(135deg,#ef4444,#f43f5e)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(239,68,68,.18)!important;
}
.pt-remove-stock-btn:hover,.pt-remove-stock-btn:focus{
  background:linear-gradient(135deg,#dc2626,#e11d48)!important;
  color:#fff!important;
}
@media (max-width:991px){
  .pt-stock-row{grid-template-columns:1fr!important;gap:14px!important;padding:16px!important;}
  .pt-stock-actions{width:100%;min-width:0;display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;}
  .pt-stock-actions .pt-mini-btn{width:100%!important;min-width:0!important;}
}
@media (max-width:575px){
  .pt-stock-row{border-radius:20px!important;padding:14px!important;}
  .pt-stock-main{grid-template-columns:64px minmax(0,1fr);gap:12px!important;}
  .pt-stock-thumb-wrap{width:64px;height:64px;border-radius:16px;}
  .pt-stock-info strong,.pt-stock-main strong{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  .pt-stock-status{font-size:12px;padding:5px 9px;}
  .pt-stock-actions{grid-template-columns:1fr 1fr;}
  .pt-stock-actions .pt-mini-btn{height:48px!important;font-size:12px!important;padding:0 10px!important;}
}

/* v29 - Üye merkezi genel görünüm standardizasyonu */
#panel-account-type .pt-panel-box,
#panel-invite .pt-panel-box{
  padding:26px!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
}
#panel-account-type .pt-stack-form,
#panel-invite .pt-stack-form{
  display:flex!important;
  flex-direction:column!important;
  gap:22px!important;
}
.pt-account-type-top,
.pt-verification-wrap,
.pt-invite-hero,
#inviteCodeForm{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}
.pt-radio-list.pt-account-type-selector{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin:10px 0 4px!important;
}
.pt-radio-card,
.pt-check-chip,
.pt-upload-box,
.pt-note-box,
.pt-status-info{
  border-radius:22px!important;
}
.pt-radio-card-lg{
  padding:18px!important;
  min-height:118px!important;
}
.pt-radio-card-lg p{margin:6px 0 0!important;line-height:1.55!important;}
.pt-section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px 20px!important;
  border:1px solid rgba(15,33,65,.09)!important;
  border-radius:22px!important;
  background:#fff!important;
}
.pt-section-head h4{margin:0 0 6px!important;font-size:20px!important;color:#102348!important;}
.pt-section-head p{margin:0!important;color:#667085!important;line-height:1.55!important;}
.pt-tag-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:#fff3e6!important;
  color:#1d4ed8!important;
  border:1px solid #ffd6ad!important;
  font-weight:800!important;
  font-size:13px!important;
}
.pt-form-grid.pt-account-type-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:2px!important;
}
.pt-form-grid .pt-full{grid-column:1/-1!important;}
.pt-upload-box{
  padding:16px!important;
  border:1px dashed rgba(15,33,65,.18)!important;
  background:#fff!important;
}
.pt-file-list{margin-top:10px!important;color:#667085!important;line-height:1.55!important;}
.pt-verify-note,
.pt-note-box{
  margin:0!important;
  padding:20px!important;
  line-height:1.72!important;
}
.pt-note-box strong{display:block;margin-bottom:6px;font-size:17px;color:#7a4200;}
.pt-note-box p{margin:0!important;}
.pt-form-actions,
.pt-form-actions-between{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0!important;
  flex-wrap:wrap!important;
}
.pt-form-actions .pt-muted-text,
.pt-form-actions-between .pt-muted-text{flex:1 1 260px!important;margin:0!important;}
#panel-account-type .primary-btn,
#panel-invite .primary-btn,
.pt-copy-btn{
  min-height:54px!important;
  border-radius:999px!important;
  padding:0 26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  border:0!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 14px 26px rgba(37,99,235,.22)!important;
}
#panel-account-type .primary-btn:hover,
#panel-invite .primary-btn:hover{transform:translateY(-1px)!important;}
#accountTypeMessage,
#inviteCodeMessage{margin-top:0!important;}
#panel-invite .pt-invite-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  align-items:stretch!important;
  gap:20px!important;
  padding:20px!important;
  border:1px solid rgba(15,33,65,.09)!important;
  border-radius:24px!important;
  background:#fff!important;
}
.pt-ref-code-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  margin-top:8px!important;
}
.pt-ref-code-input{min-height:52px!important;border-radius:16px!important;font-weight:800!important;letter-spacing:.04em!important;}
.pt-ref-badges{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.pt-ref-badge{
  padding:16px!important;
  border:1px solid rgba(15,33,65,.09)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff8f1,#fff)!important;
}
.pt-ref-badge span{display:block!important;color:#667085!important;font-size:13px!important;margin-bottom:6px!important;}
.pt-ref-badge strong{display:block!important;color:#102348!important;font-size:24px!important;line-height:1!important;}
#inviteCodeForm{
  padding:20px!important;
  border:1px solid rgba(15,33,65,.09)!important;
  border-radius:24px!important;
  background:#fff!important;
}
#inviteCodeForm label{font-weight:800!important;color:#17213b!important;margin:0!important;}
#inviteCodeForm .form-control{min-height:52px!important;border-radius:16px!important;}
#inviteCodeForm .pt-muted-text{margin:0!important;}
.pt-status-info.is-success,
.pt-inline-message.is-success{
  background:#ecfdf3!important;
  border-color:#b9efd0!important;
  color:#067647!important;
}
.pt-status-info.is-error,
.pt-inline-message.is-error{
  background:#fff1f0!important;
  border-color:#ffd0cc!important;
  color:#b42318!important;
}
.pt-status-info{margin:0!important;padding:20px!important;}

@media(max-width:991px){
  #panel-invite .pt-invite-hero{grid-template-columns:1fr!important;}
  .pt-radio-list.pt-account-type-selector{grid-template-columns:1fr!important;}
}
@media(max-width:767px){
  #panel-account-type .pt-panel-box,
  #panel-invite .pt-panel-box{padding:18px!important;border-radius:24px!important;}
  .pt-form-grid.pt-account-type-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .pt-section-head{display:flex!important;flex-direction:column!important;padding:16px!important;}
  .pt-ref-code-row{grid-template-columns:1fr!important;}
  #panel-account-type .primary-btn,
  #panel-invite .primary-btn,
  .pt-copy-btn{width:100%!important;min-height:54px!important;padding:0 18px!important;}
  .pt-form-actions,
  .pt-form-actions-between{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .pt-note-box,.pt-status-info,#inviteCodeForm,#panel-invite .pt-invite-hero{padding:16px!important;}
}

/* v33 controlled fix - only scoped member alert polishing; no global visual overrides */
#panel-account-type > #accountTypeRequestInfo,
#panel-invite > #inviteRequestInfo{
  margin:0 0 18px!important;
  padding:18px 20px!important;
  border-radius:18px!important;
  border:1px solid rgba(15,33,65,.10)!important;
  box-shadow:0 10px 26px rgba(15,33,65,.06)!important;
  line-height:1.55!important;
}
#panel-account-type > #accountTypeRequestInfo strong,
#panel-invite > #inviteRequestInfo strong{
  display:block!important;
  margin-bottom:6px!important;
  font-size:17px!important;
  line-height:1.3!important;
}
#panel-account-type > #accountTypeRequestInfo p,
#panel-invite > #inviteRequestInfo p{
  margin:6px 0 0!important;
}
#panel-account-type .pt-panel-box,
#panel-invite .pt-panel-box{
  overflow:hidden;
}
@media(max-width:767px){
  #panel-account-type > #accountTypeRequestInfo,
  #panel-invite > #inviteRequestInfo{
    padding:15px!important;
    border-radius:16px!important;
    margin-bottom:14px!important;
  }
  #panel-account-type > #accountTypeRequestInfo strong,
  #panel-invite > #inviteRequestInfo strong{
    font-size:16px!important;
  }
}


.cart-guest-checkout{margin-top:4px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.06);color:#fff;display:grid;gap:8px;}
.cart-guest-checkout.hidden{display:none!important;}
.cart-guest-checkout strong{font-size:15px;}
.cart-guest-checkout p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.45;}
.cart-guest-actions{display:grid;gap:10px;margin-top:4px;}
.cart-guest-actions .cart-outline-btn,.cart-guest-actions .cart-primary-btn{width:100%;min-height:46px;}

/* v63: site header sticky + logo/nav premium hizalama */
#header{
  position:sticky!important;
  top:0!important;
  z-index:3000!important;
  background:#15161D!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
#top-header{position:relative;z-index:3001;}
@media (min-width: 992px){
  #header{padding:9px 0!important;}
  #header .row{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;}
  #header .col-md-3{
    width:auto!important;
    max-width:none!important;
    flex:0 0 250px!important;
    padding-right:22px!important;
  }
  #header .col-md-9{
    width:auto!important;
    max-width:none!important;
    flex:1 1 auto!important;
    padding-left:22px!important;
    border-left:1px solid rgba(37,99,235,.72)!important;
  }
  .header-logo img{width:170px!important;height:auto!important;max-height:62px!important;object-fit:contain!important;}
  #navigation{background:transparent!important;}
  #navigation .main-nav.navbar-nav{
    justify-content:flex-start!important;
    gap:16px!important;
    width:100%!important;
  }
  #navigation .main-nav.navbar-nav > li:not(.main-search-item):not(.cart-btn):not(.sell-btn){margin:0!important;}
  #navigation .main-nav.navbar-nav > li > a{padding-top:16px!important;padding-bottom:16px!important;}
  #navigation .main-nav.navbar-nav > .main-search-item{
    margin-left:auto!important;
    flex:0 1 300px!important;
    min-width:240px!important;
    max-width:310px!important;
  }
  .main-nav li a i,.cart-icon-btn i,.cta-btn i,.header-links i{
    font-size:18px!important;
    line-height:1!important;
    width:1.15em!important;
    min-width:1.15em!important;
    display:inline-grid!important;
    place-items:center!important;
  }
  .cart-icon-btn i{font-size:20px!important;}
  .account-toggle.cta-btn i,.sell-btn.guest-only .cta-btn i{font-size:18px!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
  #header .col-md-3{flex-basis:218px!important;padding-right:18px!important;}
  #header .col-md-9{padding-left:18px!important;}
  .header-logo img{width:155px!important;}
  #navigation .main-nav.navbar-nav{gap:12px!important;}
}

/* =========================================================
   v64 VERIFIED: Sticky site header + collision-free desktop layout
   - Header stays visible while scrolling
   - Logo/nav separator preserved
   - Nav pulled closer to logo
   - Search, cart and account buttons do not overlap
   - Icons normalized and slightly larger
========================================================= */
html, body{overflow-x:hidden!important;}
#header{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  width:100%!important;
  background:#15161D!important;
  box-shadow:0 10px 26px rgba(0,0,0,.24)!important;
  transform:none!important;
  will-change:auto!important;
}
#header.sticky-active{box-shadow:0 12px 30px rgba(0,0,0,.34)!important;}
#navigation{background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;}

@media (min-width: 992px){
  #header{padding:8px 0!important;}
  #header .container{max-width:1440px!important;width:100%!important;padding-left:28px!important;padding-right:28px!important;}
  #header .row{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;margin-left:0!important;margin-right:0!important;}
  #header .col-md-3,
  #header .col-md-9{float:none!important;position:relative!important;min-height:1px!important;}
  #header .col-md-3{
    flex:0 0 280px!important;
    width:280px!important;
    max-width:280px!important;
    padding-left:0!important;
    padding-right:24px!important;
  }
  #header .col-md-9{
    flex:1 1 0!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    padding-left:24px!important;
    padding-right:0!important;
    border-left:1px solid rgba(37,99,235,.78)!important;
  }
  .header-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;}
  .header-logo .logo{display:inline-flex!important;align-items:center!important;margin:0!important;padding:0!important;}
  .header-logo .logo img,
  .header-logo img{width:205px!important;height:auto!important;max-height:62px!important;object-fit:contain!important;display:block!important;}

  #navigation .main-nav.navbar-nav,
  #navigation ul.main-nav{
    float:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  #navigation .main-nav.navbar-nav > li,
  #navigation ul.main-nav > li{
    float:none!important;
    flex:0 0 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    display:flex!important;
    align-items:center!important;
  }
  #navigation .main-nav.navbar-nav > li > a,
  #navigation ul.main-nav > li > a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    white-space:nowrap!important;
    padding:13px 0!important;
    line-height:1!important;
    font-size:16px!important;
    font-weight:800!important;
  }
  #navigation .main-nav.navbar-nav > li:not(.main-search-item):not(.cart-btn):not(.sell-btn) > a{
    padding-left:0!important;
    padding-right:0!important;
  }
  #navigation .main-nav.navbar-nav > .main-search-item{
    margin-left:auto!important;
    flex:0 1 270px!important;
    width:270px!important;
    min-width:220px!important;
    max-width:270px!important;
  }
  .header-search,
  .main-search-item .header-search{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
  }
  .header-search-form{display:flex!important;align-items:center!important;width:100%!important;margin:0!important;}
  .header-search-input{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    border-radius:999px!important;
    border:1px solid rgba(37,99,235,.9)!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    font-size:15px!important;
    font-weight:600!important;
  }
  .header-search-input::placeholder{color:rgba(255,255,255,.68)!important;}
  #navigation .main-nav.navbar-nav > .cart-btn,
  #navigation .main-nav.navbar-nav > .sell-btn{
    flex:0 0 auto!important;
    margin-left:0!important;
  }
  .cart-icon-btn,
  .cart-btn .cart-icon-btn{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    padding:0!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  .account-toggle.cta-btn,
  .sell-btn.guest-only .cta-btn,
  .sell-btn.account-dropdown > .account-toggle.cta-btn{
    height:52px!important;
    min-width:154px!important;
    padding:0 20px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  .main-nav li a i,
  .cart-icon-btn i,
  .cta-btn i,
  .header-links i,
  #navigation .main-nav.navbar-nav > li > a i{
    font-size:20px!important;
    line-height:1!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    transform:none!important;
  }
  .cart-icon-btn i{font-size:21px!important;}
  .cart-count,
  .cart-count-badge{
    top:-7px!important;
    right:-7px!important;
    min-width:21px!important;
    height:21px!important;
    line-height:21px!important;
    font-size:11px!important;
    z-index:2!important;
  }
}

@media (min-width: 992px) and (max-width: 1320px){
  #header .container{padding-left:22px!important;padding-right:22px!important;}
  #header .col-md-3{flex-basis:250px!important;width:250px!important;max-width:250px!important;padding-right:18px!important;}
  #header .col-md-9{padding-left:18px!important;}
  .header-logo .logo img,.header-logo img{width:178px!important;}
  #navigation .main-nav.navbar-nav{gap:10px!important;}
  #navigation .main-nav.navbar-nav > li > a{font-size:15px!important;gap:6px!important;}
  #navigation .main-nav.navbar-nav > .main-search-item{flex-basis:220px!important;width:220px!important;min-width:180px!important;max-width:220px!important;}
  .header-search-input{height:46px!important;font-size:14px!important;padding-left:15px!important;padding-right:15px!important;}
  .cart-icon-btn,.cart-btn .cart-icon-btn{width:48px!important;min-width:48px!important;height:48px!important;}
  .account-toggle.cta-btn,.sell-btn.guest-only .cta-btn,.sell-btn.account-dropdown > .account-toggle.cta-btn{height:48px!important;min-width:132px!important;padding-left:16px!important;padding-right:16px!important;font-size:15px!important;}
  .main-nav li a i,.cart-icon-btn i,.cta-btn i,#navigation .main-nav.navbar-nav > li > a i{font-size:19px!important;width:20px!important;min-width:20px!important;height:20px!important;}
}

@media (min-width: 992px) and (max-width: 1160px){
  #navigation .main-nav.navbar-nav > .main-search-item{display:none!important;}
  #header .col-md-3{flex-basis:225px!important;width:225px!important;max-width:225px!important;}
  .header-logo .logo img,.header-logo img{width:160px!important;}
}

@media (max-width: 991px){
  #header{position:sticky!important;top:0!important;z-index:9999!important;}
}

/* =========================================================
   v65 FINAL: Desktop sticky header + action collision repair
   Root cause fixed: older .sell-btn rules used absolute positioning on desktop.
========================================================= */
@media (min-width: 992px){
  #header{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 9000 !important;
    background:#15161D !important;
  }
  body.site-header-fixed-active #header{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10050 !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.42) !important;
  }
  body.site-header-fixed-active{
    padding-top: var(--ozker-header-height, 82px) !important;
  }

  #header .container{max-width:1500px!important;width:100%!important;padding-left:28px!important;padding-right:28px!important;}
  #header .row{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;margin:0!important;width:100%!important;}
  #header .col-md-3{float:none!important;flex:0 0 300px!important;width:300px!important;max-width:300px!important;padding:0 22px 0 0!important;display:flex!important;align-items:center!important;}
  #header .col-md-9{float:none!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0 0 0 28px!important;border-left:1px solid rgba(37,99,235,.88)!important;display:flex!important;align-items:center!important;}
  .header-logo,.header-logo .logo{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;min-width:0!important;}
  .header-logo img,.header-logo .logo img{width:205px!important;max-width:205px!important;max-height:62px!important;height:auto!important;object-fit:contain!important;display:block!important;}

  #navigation{width:100%!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #navigation .main-nav.navbar-nav,
  #navigation ul.main-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
  }
  #navigation .main-nav.navbar-nav > li,
  #navigation ul.main-nav > li{
    float:none!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    white-space:nowrap!important;
  }
  #navigation .main-nav.navbar-nav > li > a,
  #navigation ul.main-nav > li > a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:14px 0!important;
    margin:0!important;
    line-height:1!important;
    font-size:17px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }

  #navigation .main-nav.navbar-nav > .main-search-item{
    margin-left:auto!important;
    flex:0 1 clamp(190px, 18vw, 255px)!important;
    width:clamp(190px, 18vw, 255px)!important;
    min-width:190px!important;
    max-width:255px!important;
    display:flex!important;
  }
  .main-search-item .header-search,.header-search{width:100%!important;max-width:none!important;min-width:0!important;flex:1 1 auto!important;}
  .header-search-form{display:flex!important;width:100%!important;margin:0!important;}
  .header-search-input{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    border-radius:999px!important;
    border:1px solid rgba(37,99,235,.92)!important;
    background:rgba(255,255,255,.055)!important;
    font-size:15px!important;
    font-weight:700!important;
  }

  #navigation .main-nav.navbar-nav > .cart-btn,
  #navigation .main-nav.navbar-nav > .sell-btn,
  #navigation .main-nav.navbar-nav > .sell-btn.guest-only,
  #navigation .main-nav.navbar-nav > .sell-btn.account-dropdown{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    margin-left:0!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    z-index:auto!important;
  }
  .cart-icon-btn,.cart-btn .cart-icon-btn{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    padding:0!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    flex:0 0 52px!important;
  }
  .sell-btn.guest-only .cta-btn,
  .account-toggle.cta-btn,
  .sell-btn.account-dropdown > .account-toggle.cta-btn{
    position:relative!important;
    height:52px!important;
    min-width:154px!important;
    padding:0 22px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    line-height:1!important;
    font-size:17px!important;
    font-weight:900!important;
    flex:0 0 auto!important;
  }
  #navigation .main-nav.navbar-nav > li > a i,
  .cart-icon-btn i,
  .cta-btn i{font-size:22px!important;width:23px!important;min-width:23px!important;height:23px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  .cart-count,.cart-count-badge{top:-7px!important;right:-7px!important;z-index:3!important;}
}

@media (min-width: 992px) and (max-width: 1320px){
  #header .container{padding-left:22px!important;padding-right:22px!important;}
  #header .col-md-3{flex-basis:260px!important;width:260px!important;max-width:260px!important;padding-right:18px!important;}
  #header .col-md-9{padding-left:22px!important;}
  .header-logo img,.header-logo .logo img{width:180px!important;max-width:180px!important;}
  #navigation .main-nav.navbar-nav{gap:10px!important;}
  #navigation .main-nav.navbar-nav > li > a{font-size:15.5px!important;gap:6px!important;}
  #navigation .main-nav.navbar-nav > .main-search-item{flex-basis:190px!important;width:190px!important;min-width:170px!important;max-width:190px!important;}
  .header-search-input{height:46px!important;font-size:14px!important;padding-left:15px!important;padding-right:15px!important;}
  .cart-icon-btn,.cart-btn .cart-icon-btn{width:48px!important;min-width:48px!important;height:48px!important;flex-basis:48px!important;}
  .sell-btn.guest-only .cta-btn,.account-toggle.cta-btn,.sell-btn.account-dropdown > .account-toggle.cta-btn{height:48px!important;min-width:132px!important;padding-left:16px!important;padding-right:16px!important;font-size:15px!important;}
  #navigation .main-nav.navbar-nav > li > a i,.cart-icon-btn i,.cta-btn i{font-size:20px!important;width:21px!important;min-width:21px!important;height:21px!important;}
}
@media (min-width: 992px) and (max-width: 1160px){
  #navigation .main-nav.navbar-nav > .main-search-item{display:none!important;}
  #header .col-md-3{flex-basis:225px!important;width:225px!important;max-width:225px!important;}
  .header-logo img,.header-logo .logo img{width:160px!important;max-width:160px!important;}
}

/* =========================================================
   v67 VERIFIED: desktop header final cleanup
   - Tek hesap butonu: misafir = Giriş Yap, giriş sonrası = Hesabım
   - Ayrı Hesabım dropdown tamamen gizlenir
   - Menü yazıları biraz küçültülür
   - Arama / sepet / hesap çakışması engellenir
   - Sticky header masaüstünde güvenli biçimde korunur
========================================================= */
@media (min-width: 992px){
  #header{
    position: relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    z-index:9000 !important;
    background:#15161D !important;
  }
  body.site-header-fixed-active #header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:10050 !important;
    box-shadow:0 16px 36px rgba(0,0,0,.42) !important;
  }
  body.site-header-fixed-active{padding-top:var(--ozker-header-height, 82px) !important;}

  #navigation .main-nav.navbar-nav > .account-dropdown.user-only,
  #navigation .main-nav.navbar-nav > .sell-btn.account-dropdown,
  #navigation .main-nav.navbar-nav > li.account-dropdown{
    display:none !important;
  }

  #header .container{
    max-width:1520px !important;
    width:100% !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }
  #header .row{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    margin:0 !important;
  }
  #header .col-md-3{
    float:none !important;
    flex:0 0 300px !important;
    width:300px !important;
    max-width:300px !important;
    padding:0 22px 0 0 !important;
    display:flex !important;
    align-items:center !important;
  }
  #header .col-md-9{
    float:none !important;
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    padding:0 0 0 28px !important;
    border-left:1px solid rgba(37,99,235,.88) !important;
    display:flex !important;
    align-items:center !important;
  }
  .header-logo,
  .header-logo .logo{
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    min-width:0 !important;
  }
  .header-logo img,
  .header-logo .logo img{
    width:205px !important;
    max-width:205px !important;
    max-height:62px !important;
    height:auto !important;
    object-fit:contain !important;
    display:block !important;
  }

  #navigation{
    width:100% !important;
    min-width:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #navigation .main-nav.navbar-nav,
  #navigation ul.main-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
  }
  #navigation .main-nav.navbar-nav > li,
  #navigation ul.main-nav > li{
    float:none !important;
    position:relative !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    white-space:nowrap !important;
  }
  #navigation .main-nav.navbar-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a,
  #navigation ul.main-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:14px 0 !important;
    margin:0 !important;
    line-height:1 !important;
    font-size:15.5px !important;
    font-weight:850 !important;
    white-space:nowrap !important;
  }
  #navigation .main-nav.navbar-nav > li > a i,
  #navigation ul.main-nav > li > a i{
    font-size:21px !important;
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  #navigation .main-nav.navbar-nav > .main-search-item{
    margin-left:auto !important;
    flex:0 1 clamp(185px, 17vw, 245px) !important;
    width:clamp(185px, 17vw, 245px) !important;
    min-width:185px !important;
    max-width:245px !important;
    display:flex !important;
  }
  .main-search-item .header-search,
  .header-search{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }
  .header-search-form{display:flex !important;width:100% !important;margin:0 !important;}
  .header-search-input{
    width:100% !important;
    min-width:0 !important;
    height:46px !important;
    padding:0 17px !important;
    box-sizing:border-box !important;
    border-radius:999px !important;
    border:1px solid rgba(37,99,235,.92) !important;
    background:rgba(255,255,255,.055) !important;
    font-size:14.5px !important;
    font-weight:700 !important;
  }

  #navigation .main-nav.navbar-nav > .cart-btn,
  #navigation .main-nav.navbar-nav > .auth-action,
  #navigation .main-nav.navbar-nav > .sell-btn.guest-only,
  #navigation .main-nav.navbar-nav > .sell-btn:not(.account-dropdown){
    position:relative !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    margin-left:0 !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    z-index:auto !important;
  }
  .cart-icon-btn,
  .cart-btn .cart-icon-btn{
    width:50px !important;
    min-width:50px !important;
    height:50px !important;
    padding:0 !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    flex:0 0 50px !important;
  }
  .cart-icon-btn i,
  .cart-btn .cart-icon-btn i{
    font-size:22px !important;
    width:23px !important;
    min-width:23px !important;
    height:23px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .sell-btn.auth-action .cta-btn,
  .sell-btn.guest-only .cta-btn,
  .auth-state-btn{
    position:relative !important;
    height:50px !important;
    min-width:140px !important;
    padding:0 20px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
    line-height:1 !important;
    font-size:15.5px !important;
    font-weight:900 !important;
    flex:0 0 auto !important;
  }
  .sell-btn.auth-action .cta-btn i,
  .sell-btn.guest-only .cta-btn i,
  .auth-state-btn i{
    font-size:21px !important;
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .cart-count,
  .cart-count-badge{top:-7px !important;right:-7px !important;z-index:3 !important;}
}

@media (min-width: 992px) and (max-width: 1320px){
  #header .container{padding-left:20px !important;padding-right:20px !important;}
  #header .col-md-3{flex-basis:260px !important;width:260px !important;max-width:260px !important;padding-right:18px !important;}
  #header .col-md-9{padding-left:22px !important;}
  .header-logo img,.header-logo .logo img{width:178px !important;max-width:178px !important;}
  #navigation .main-nav.navbar-nav{gap:9px !important;}
  #navigation .main-nav.navbar-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a{font-size:14.5px !important;gap:6px !important;}
  #navigation .main-nav.navbar-nav > .main-search-item{flex-basis:180px !important;width:180px !important;min-width:170px !important;max-width:180px !important;}
  .header-search-input{height:44px !important;font-size:13.5px !important;padding-left:14px !important;padding-right:14px !important;}
  .cart-icon-btn,.cart-btn .cart-icon-btn{width:46px !important;min-width:46px !important;height:46px !important;flex-basis:46px !important;}
  .sell-btn.auth-action .cta-btn,.sell-btn.guest-only .cta-btn,.auth-state-btn{height:46px !important;min-width:124px !important;padding-left:15px !important;padding-right:15px !important;font-size:14.5px !important;}
  #navigation .main-nav.navbar-nav > li > a i,.cart-icon-btn i,.auth-state-btn i,.cta-btn i{font-size:20px !important;width:21px !important;min-width:21px !important;height:21px !important;}
}
@media (min-width: 992px) and (max-width: 1160px){
  #navigation .main-nav.navbar-nav > .main-search-item{display:none !important;}
  #header .col-md-3{flex-basis:220px !important;width:220px !important;max-width:220px !important;}
  .header-logo img,.header-logo .logo img{width:158px !important;max-width:158px !important;}
}

/* =========================================================
   v68 PUBLIC SITE: stable header + dark gamer/sport mode
   - Hesap/Giriş text flicker prevented by reserving auth slot
   - Sepet and Hesap buttons share identical hover/visual language
   - Header is fixed while scrolling on desktop and mobile
   - Public site gets a cohesive dark, sporty visual layer
========================================================= */
:root{
  --ozk-site-bg:#070a12;
  --ozk-site-bg-2:#0d111d;
  --ozk-site-card:#111827;
  --ozk-site-card-2:#151d2d;
  --ozk-site-border:rgba(255,255,255,.10);
  --ozk-site-border-strong:rgba(37,99,235,.42);
  --ozk-site-text:#f7f8ff;
  --ozk-site-muted:#aeb8c9;
  --ozk-orange:#2563eb;
  --ozk-orange-2:#60a5fa;
  --ozk-cyan:#26d7ff;
}
html{background:var(--ozk-site-bg)!important;}
body:not(.admin-body){
  background:
    radial-gradient(circle at 15% 0%, rgba(37,99,235,.11), transparent 28%),
    radial-gradient(circle at 85% 12%, rgba(38,215,255,.10), transparent 28%),
    linear-gradient(180deg, #070a12 0%, #080b13 42%, #060811 100%) !important;
  background-attachment:fixed!important;
  color:var(--ozk-site-text)!important;
}
body:not(.admin-body) #main,
body:not(.admin-body) .section,
body:not(.admin-body) section,
body:not(.admin-body) .site-main,
body:not(.admin-body) .page-wrapper{
  background:transparent!important;
  color:var(--ozk-site-text)!important;
}
body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3,
body:not(.admin-body) h4,
body:not(.admin-body) h5,
body:not(.admin-body) h6,
body:not(.admin-body) .product-name a,
body:not(.admin-body) .section-title,
body:not(.admin-body) .product-body h3,
body:not(.admin-body) label{
  color:var(--ozk-site-text)!important;
}
body:not(.admin-body) p,
body:not(.admin-body) .text-muted,
body:not(.admin-body) .product-body,
body:not(.admin-body) .product-category,
body:not(.admin-body) .product-rating,
body:not(.admin-body) .breadcrumb-tree li,
body:not(.admin-body) .caption{
  color:var(--ozk-site-muted)!important;
}
body:not(.admin-body) .product,
body:not(.admin-body) .product-card,
body:not(.admin-body) .listing-card,
body:not(.admin-body) .panel,
body:not(.admin-body) .well,
body:not(.admin-body) .cart-card,
body:not(.admin-body) .account-card,
body:not(.admin-body) .fav-page-shell,
body:not(.admin-body) .newsletter,
body:not(.admin-body) .promo-card,
body:not(.admin-body) .filter-sidebar,
body:not(.admin-body) .store-filter,
body:not(.admin-body) .product-details,
body:not(.admin-body) .order-summary,
body:not(.admin-body) .checkout-card{
  background:linear-gradient(180deg, rgba(20,28,45,.96), rgba(10,14,24,.96))!important;
  border:1px solid var(--ozk-site-border)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.32)!important;
  color:var(--ozk-site-text)!important;
}
body:not(.admin-body) input,
body:not(.admin-body) select,
body:not(.admin-body) textarea,
body:not(.admin-body) .form-control{
  background:#0a0f1c!important;
  color:var(--ozk-site-text)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
body:not(.admin-body) input:focus,
body:not(.admin-body) select:focus,
body:not(.admin-body) textarea:focus,
body:not(.admin-body) .form-control:focus{
  border-color:var(--ozk-orange)!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.16)!important;
}
body:not(.admin-body) input::placeholder,
body:not(.admin-body) textarea::placeholder{color:rgba(230,236,255,.55)!important;}
body:not(.admin-body) table,
body:not(.admin-body) .table{color:var(--ozk-site-text)!important;background:transparent!important;}
body:not(.admin-body) .table > thead > tr > th,
body:not(.admin-body) .table > tbody > tr > td{border-color:rgba(255,255,255,.10)!important;}
body:not(.admin-body) a{color:#fff!important;}
body:not(.admin-body) a:hover{color:var(--ozk-orange-2)!important;}
body:not(.admin-body) .primary-btn,
body:not(.admin-body) .add-to-cart-btn,
body:not(.admin-body) .cart-primary-btn,
body:not(.admin-body) .cta-btn,
body:not(.admin-body) .main-btn,
body:not(.admin-body) button[type="submit"]{
  border-radius:999px!important;
  background:linear-gradient(135deg, var(--ozk-orange), var(--ozk-orange-2))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.28)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
body:not(.admin-body) .primary-btn:hover,
body:not(.admin-body) .add-to-cart-btn:hover,
body:not(.admin-body) .cart-primary-btn:hover,
body:not(.admin-body) .cta-btn:hover,
body:not(.admin-body) .main-btn:hover,
body:not(.admin-body) button[type="submit"]:hover{
  transform:translateY(-1px)!important;
  filter:saturate(1.08)!important;
  box-shadow:0 16px 34px rgba(37,99,235,.38)!important;
}

/* Header: fixed, no action shifting */
#header{
  position:sticky!important;
  top:0!important;
  z-index:10050!important;
  width:100%!important;
  background:rgba(19,20,27,.96)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.34)!important;
}
body.site-header-fixed-active #header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:10080!important;
}
html.ozker-auth-ready #navigation .auth-action,
#navigation .auth-action{
  visibility:visible!important;
}
#navigation .auth-action.ozker-auth-pending{
  visibility:visible!important;
  opacity:1!important;
}

@media (min-width:992px){
  #header{padding:6px 0!important;}
  body.site-header-fixed-active{padding-top:var(--ozker-header-height, 78px)!important;}
  #header .container{max-width:1540px!important;width:100%!important;padding-left:22px!important;padding-right:22px!important;}
  #header .row{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;margin:0!important;}
  #header .col-md-3{float:none!important;flex:0 0 300px!important;width:300px!important;max-width:300px!important;padding:0 20px 0 0!important;display:flex!important;align-items:center!important;}
  #header .col-md-9{float:none!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0 0 0 24px!important;border-left:1px solid rgba(37,99,235,.88)!important;display:flex!important;align-items:center!important;}
  .header-logo,.header-logo .logo{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;}
  .header-logo img,.header-logo .logo img{width:205px!important;max-width:205px!important;max-height:58px!important;height:auto!important;object-fit:contain!important;display:block!important;}
  #navigation{width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important;}
  #navigation .main-nav.navbar-nav,#navigation ul.main-nav{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important;float:none!important;min-width:0!important;}
  #navigation .main-nav.navbar-nav > li,#navigation ul.main-nav > li{float:none!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;margin:0!important;padding:0!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;white-space:nowrap!important;min-width:0!important;}
  #navigation .main-nav.navbar-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action) > a,
  #navigation ul.main-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action) > a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:12px 0!important;font-size:15px!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important;}
  #navigation .main-nav.navbar-nav > li > a i,#navigation ul.main-nav > li > a i{font-size:20px!important;width:21px!important;min-width:21px!important;height:21px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;}
  #navigation .main-nav.navbar-nav > .main-search-item{margin-left:auto!important;flex:0 1 clamp(205px, 18vw, 285px)!important;width:clamp(205px, 18vw, 285px)!important;min-width:205px!important;max-width:285px!important;display:flex!important;}
  .main-search-item .header-search,.header-search{width:100%!important;min-width:0!important;max-width:none!important;position:relative!important;}
  .header-search-form{display:flex!important;align-items:center!important;width:100%!important;margin:0!important;}
  .header-search-input{width:100%!important;min-width:0!important;height:44px!important;border-radius:999px!important;border:1px solid rgba(37,99,235,.95)!important;background:rgba(255,255,255,.055)!important;color:#fff!important;padding:0 16px!important;box-sizing:border-box!important;font-size:14px!important;font-weight:700!important;}
  .header-search-input::placeholder{color:rgba(255,255,255,.68)!important;}
  #navigation .main-nav.navbar-nav > .cart-btn,#navigation .main-nav.navbar-nav > .auth-action{flex:0 0 auto!important;margin-left:0!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;display:flex!important;align-items:center!important;}
  .cart-icon-btn,.cart-btn .cart-icon-btn,.auth-state-btn,.sell-btn.auth-action .cta-btn{background:linear-gradient(135deg, var(--ozk-orange), var(--ozk-orange-2))!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 12px 28px rgba(37,99,235,.28)!important;transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;text-decoration:none!important;}
  .cart-icon-btn:hover,.cart-btn .cart-icon-btn:hover,.auth-state-btn:hover,.sell-btn.auth-action .cta-btn:hover{transform:translateY(-1px)!important;filter:saturate(1.08)!important;box-shadow:0 16px 34px rgba(37,99,235,.40)!important;color:#fff!important;}
  .cart-icon-btn,.cart-btn .cart-icon-btn{width:48px!important;min-width:48px!important;height:48px!important;padding:0!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex:0 0 48px!important;}
  .auth-state-btn,.sell-btn.auth-action .cta-btn{height:48px!important;min-width:130px!important;padding:0 18px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;box-sizing:border-box!important;line-height:1!important;font-size:14.5px!important;font-weight:900!important;flex:0 0 auto!important;}
  .cart-icon-btn i,.cart-btn .cart-icon-btn i,.auth-state-btn i,.sell-btn.auth-action .cta-btn i{font-size:21px!important;width:22px!important;min-width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;color:#fff!important;}
  .cart-count,.cart-count-badge{top:-7px!important;right:-7px!important;min-width:21px!important;height:21px!important;line-height:21px!important;font-size:11px!important;z-index:4!important;background:#ff3b4f!important;color:#fff!important;}
  #navigation .main-nav.navbar-nav > .account-dropdown.user-only,#navigation .main-nav.navbar-nav > .sell-btn.account-dropdown,#navigation .main-nav.navbar-nav > li.account-dropdown{display:none!important;}
}
@media (min-width:992px) and (max-width:1320px){
  #header .container{padding-left:18px!important;padding-right:18px!important;}
  #header .col-md-3{flex-basis:250px!important;width:250px!important;max-width:250px!important;padding-right:16px!important;}
  #header .col-md-9{padding-left:18px!important;}
  .header-logo img,.header-logo .logo img{width:175px!important;max-width:175px!important;}
  #navigation .main-nav.navbar-nav{gap:9px!important;}
  #navigation .main-nav.navbar-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action) > a{font-size:13.5px!important;gap:6px!important;}
  #navigation .main-nav.navbar-nav > .main-search-item{flex-basis:190px!important;width:190px!important;min-width:170px!important;max-width:190px!important;}
  .header-search-input{height:42px!important;font-size:13px!important;padding-left:13px!important;padding-right:13px!important;}
  .cart-icon-btn,.cart-btn .cart-icon-btn{width:44px!important;min-width:44px!important;height:44px!important;flex-basis:44px!important;}
  .auth-state-btn,.sell-btn.auth-action .cta-btn{height:44px!important;min-width:116px!important;padding-left:14px!important;padding-right:14px!important;font-size:13.5px!important;}
  #navigation .main-nav.navbar-nav > li > a i,.cart-icon-btn i,.auth-state-btn i,.cta-btn i{font-size:19px!important;width:20px!important;min-width:20px!important;height:20px!important;}
}
@media (min-width:992px) and (max-width:1120px){
  #navigation .main-nav.navbar-nav > .main-search-item{display:none!important;}
  #header .col-md-3{flex-basis:215px!important;width:215px!important;max-width:215px!important;}
  .header-logo img,.header-logo .logo img{width:152px!important;max-width:152px!important;}
}
@media (max-width:991px){
  #header{position:sticky!important;top:0!important;z-index:10050!important;}
  .mobile-search-host .header-search-input{background:#0a0f1c!important;color:#fff!important;border-color:rgba(37,99,235,.72)!important;}
}

/* =========================================================
   v69 PUBLIC FRONTEND DARK THEME REPAIR
   Detaylı ana sayfa ve genel site düzeltmesi:
   - Boş slider siyah dev blok olarak kalmasın
   - Kategori / aksesuar kartları koyu tema ile gerçek görünsün
   - Beyaz skeleton/boş buton görüntüleri giderilsin
   - Ürün kartları, promo alanları ve temel içerikler aynı dark-gamer diline bağlansın
   - Header aksiyonları sabit ölçülü kalsın, sayfa geçişinde zıplamasın
========================================================= */

body:not(.admin-body){
  min-height:100vh!important;
  background:#070a12!important;
  background-image:
    radial-gradient(circle at 12% 0%, rgba(37,99,235,.10), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(40,214,255,.09), transparent 26%),
    linear-gradient(180deg,#070a12 0%,#090d18 48%,#05070d 100%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,100% 100%,100% 100%!important;
  color:var(--ozk-site-text)!important;
}

/* Slider: veri yoksa sayfayı siyah boş blokla kaplamasın */
body:not(.admin-body) .slider.is-empty,
body:not(.admin-body) .slider:empty{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
body:not(.admin-body) .slider:not(.is-empty){
  margin:18px auto 26px!important;
  background:linear-gradient(135deg,#090d18,#111827)!important;
  border-bottom:1px solid rgba(37,99,235,.18)!important;
}
body:not(.admin-body) .slides:empty{display:none!important;}

/* Ana sayfa kategori bölümü */
body:not(.admin-body) .products{
  max-width:1180px!important;
  margin:34px auto 34px!important;
  padding:0 18px!important;
  gap:24px!important;
  align-items:stretch!important;
}
body:not(.admin-body) .category{
  width:345px!important;
  min-height:390px!important;
  padding:22px 18px 18px!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg,rgba(20,28,45,.96),rgba(9,13,24,.98))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05)!important;
  color:#f7f8ff!important;
  overflow:hidden!important;
  position:relative!important;
}
body:not(.admin-body) .category:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 0%,rgba(37,99,235,.15),transparent 35%)!important;
  opacity:.72!important;
}
body:not(.admin-body) .category > *{position:relative!important;z-index:1!important;}
body:not(.admin-body) .category h2{
  color:#fff!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1.15!important;
  margin:0 0 12px!important;
  letter-spacing:.2px!important;
  text-shadow:0 6px 18px rgba(0,0,0,.45)!important;
}
body:not(.admin-body) .category img{
  display:block!important;
  width:100%!important;
  max-width:260px!important;
  height:180px!important;
  object-fit:contain!important;
  margin:0 auto 18px!important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.35))!important;
  background:transparent!important;
  border:0!important;
}
body:not(.admin-body) .category:nth-child(1) img,
body:not(.admin-body) .category:nth-child(2) img,
body:not(.admin-body) .category:nth-child(3) img{
  height:180px!important;
  margin-bottom:18px!important;
}
body:not(.admin-body) .category .buttons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:auto!important;
}
body:not(.admin-body) .category .buttons button,
body:not(.admin-body) .category .buttons a.btn{
  height:38px!important;
  min-height:38px!important;
  padding:0 10px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.055)!important;
  color:#eaf0ff!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body:not(.admin-body) .category .buttons button:hover,
body:not(.admin-body) .category .buttons a.btn:hover{
  background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
  border-color:rgba(59,130,246,.8)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 10px 24px rgba(37,99,235,.30)!important;
}

/* Aksesuar bölümü */
body:not(.admin-body) .accessories{
  background:linear-gradient(180deg,rgba(8,12,22,.98),rgba(6,9,17,.98))!important;
  padding:38px 18px 46px!important;
  text-align:center!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
body:not(.admin-body) .accessories h2{
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  margin:0 0 24px!important;
}
body:not(.admin-body) .accessory-grid{
  max-width:1100px!important;
  gap:18px!important;
}
body:not(.admin-body) .accessory-grid .item{
  width:154px!important;
  height:178px!important;
  padding:18px 14px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(20,28,45,.95),rgba(10,14,24,.98))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.28)!important;
  color:#f7f8ff!important;
}
body:not(.admin-body) .accessory-icon,
body:not(.admin-body) .accessory-grid .item i{
  color:#2563eb!important;
  font-size:34px!important;
  line-height:1!important;
  margin:0 0 12px!important;
  filter:drop-shadow(0 8px 18px rgba(37,99,235,.25))!important;
}
body:not(.admin-body) .accessory-grid p{
  color:#dce6f7!important;
  font-size:13px!important;
  font-weight:800!important;
  margin:0 0 13px!important;
}
body:not(.admin-body) .accessory-grid button,
body:not(.admin-body) .accessory-grid a.btn{
  min-width:96px!important;
  height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#eef4ff!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body:not(.admin-body) .accessory-grid button:hover,
body:not(.admin-body) .accessory-grid a.btn:hover{
  background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
  border-color:rgba(59,130,246,.8)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(37,99,235,.30)!important;
}

/* Eski beyaz kutu / inline style temizliği */
body:not(.admin-body) [style*="background:#fff"],
body:not(.admin-body) [style*="background: #fff"],
body:not(.admin-body) [style*="background:white"],
body:not(.admin-body) [style*="background: white"]{
  background:linear-gradient(180deg,rgba(20,28,45,.96),rgba(10,14,24,.98))!important;
  color:#f7f8ff!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.32)!important;
}

/* Ürün / promo kartları: koyu temada okunaklılık */
body:not(.admin-body) .product .product-body,
body:not(.admin-body) .product-body,
body:not(.admin-body) .product-img,
body:not(.admin-body) .listing-body,
body:not(.admin-body) .promo-card{
  background:transparent!important;
  color:#f7f8ff!important;
}
body:not(.admin-body) .product .product-name,
body:not(.admin-body) .product .product-name a,
body:not(.admin-body) .product-card h3,
body:not(.admin-body) .listing-title,
body:not(.admin-body) .promo-title{
  color:#fff!important;
  font-weight:900!important;
}
body:not(.admin-body) .product-price,
body:not(.admin-body) .listing-price,
body:not(.admin-body) .promo-price{
  color:#7ef6a9!important;
  font-weight:950!important;
}
body:not(.admin-body) del,
body:not(.admin-body) .old-price{
  color:rgba(220,228,245,.58)!important;
}
body:not(.admin-body) .product .add-to-cart,
body:not(.admin-body) .product .product-btns{
  background:rgba(8,12,22,.78)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

/* Header: sayfa geçişlerinde aksiyon alanı zıplamasın */
@media (min-width:992px){
  #navigation .main-nav.navbar-nav > .main-search-item{margin-left:auto!important;}
  #navigation .main-nav.navbar-nav > .cart-btn{order:90!important;}
  #navigation .main-nav.navbar-nav > .auth-action{order:91!important;}
  #navigation .auth-action{min-width:124px!important;}
  #navigation .auth-button-label{display:inline-block!important;min-width:62px!important;text-align:left!important;}
  #navigation .cart-icon-btn,
  #navigation .auth-state-btn{will-change:auto!important;}
}

@media (max-width:991px){
  body:not(.admin-body) .products{margin-top:24px!important;gap:18px!important;}
  body:not(.admin-body) .category{width:min(100%,360px)!important;min-height:auto!important;}
  body:not(.admin-body) .accessory-grid .item{width:calc(50% - 10px)!important;max-width:170px!important;}
}
@media (max-width:560px){
  body:not(.admin-body) .category .buttons{grid-template-columns:1fr!important;}
  body:not(.admin-body) .accessory-grid .item{width:100%!important;max-width:220px!important;}
}


/* =========================================================
   v70 FRONTEND FULL DARK SPORT UI AUDIT / REPAIR
   Slider, hot-deal, newsletter, mağaza filtreleri, tamirhane,
   videolar ve hover/contrast düzeltmeleri.
========================================================= */
:root{
  --ozk-bg:#05070d;
  --ozk-bg-2:#080d17;
  --ozk-surface:#0d1422;
  --ozk-surface-2:#121a2b;
  --ozk-card:#111a2a;
  --ozk-card-soft:#161f31;
  --ozk-border:rgba(255,255,255,.10);
  --ozk-border-2:rgba(37,99,235,.28);
  --ozk-text:#f7f9ff;
  --ozk-muted:#9aa8bd;
  --ozk-orange:#2563eb;
  --ozk-orange-2:#60a5fa;
  --ozk-cyan:#29d8ff;
  --ozk-shadow:0 22px 60px rgba(0,0,0,.42);
}

body:not(.admin-body){
  background-color:var(--ozk-bg)!important;
  color:var(--ozk-text)!important;
}
body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3,
body:not(.admin-body) h4,
body:not(.admin-body) h5,
body:not(.admin-body) h6{color:var(--ozk-text)!important;}
body:not(.admin-body) p,
body:not(.admin-body) label,
body:not(.admin-body) span{ }

/* Header action buttons: sepet ve hesap aynı sportif etki */
#navigation .cart-icon-btn.site-action-btn,
#navigation .auth-state-btn.site-action-btn{
  height:54px!important;
  min-width:54px!important;
  border-radius:999px!important;
  border:1px solid rgba(37,99,235,.36)!important;
  background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(37,99,235,.28), inset 0 1px 0 rgba(255,255,255,.24)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease!important;
}
#navigation .auth-state-btn.site-action-btn{padding:0 24px!important;min-width:136px!important;}
#navigation .cart-icon-btn.site-action-btn i,
#navigation .auth-state-btn.site-action-btn i{font-size:22px!important;color:#fff!important;}
#navigation .auth-state-btn.site-action-btn span{color:#fff!important;font-weight:900!important;}
#navigation .cart-icon-btn.site-action-btn:hover,
#navigation .auth-state-btn.site-action-btn:hover{
  transform:translateY(-3px) scale(1.04)!important;
  filter:saturate(1.12)!important;
  border-color:rgba(147,197,253,.75)!important;
  box-shadow:0 18px 42px rgba(37,99,235,.48), 0 0 0 5px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.32)!important;
}
#navigation .cart-icon-btn.site-action-btn:active,
#navigation .auth-state-btn.site-action-btn:active{transform:translateY(-1px) scale(.99)!important;}

/* Ana slider: asla siyah boşluk gibi kaybolmasın, veri gelene kadar da alan korunsun */
body:not(.admin-body) .slider{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:clamp(280px,38vw,560px)!important;
  min-height:280px!important;
  margin:0 auto 34px!important;
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#0b1020,#101827 55%,#07101b)!important;
  border-bottom:1px solid rgba(37,99,235,.26)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.42)!important;
}
body:not(.admin-body) .slider.is-empty{display:block!important;opacity:1!important;visibility:visible!important;height:clamp(280px,38vw,560px)!important;}
body:not(.admin-body) .slider.is-empty:before{
  content:"Özker Bilişim";
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.18);font-weight:950;font-size:clamp(34px,7vw,90px);letter-spacing:.08em;
  background:radial-gradient(circle at center,rgba(37,99,235,.10),transparent 42%);
}
body:not(.admin-body) .slides{height:100%!important;display:flex!important;transition:transform .45s ease!important;will-change:transform!important;}
body:not(.admin-body) .slides picture{min-width:100%!important;height:100%!important;display:block!important;cursor:pointer!important;}
body:not(.admin-body) .slides img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
body:not(.admin-body) .slider-nav{z-index:5!important;}
body:not(.admin-body) .slider-nav button{background:rgba(8,12,22,.72)!important;border-color:rgba(37,99,235,.38)!important;color:#fff!important;}
body:not(.admin-body) .slider-nav button:hover{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;}

/* Hot deal: admin görseli varsa gerçek arka plan olarak göster, yoksa siyah/premium kal */
body:not(.admin-body) #hot-deal.section{
  min-height:360px!important;
  padding:76px 0!important;
  margin:42px 0!important;
  position:relative!important;
  background-color:#05070d!important;
  background-image:var(--hot-deal-bg, linear-gradient(135deg,#080c16,#101827))!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
  border-top:1px solid rgba(37,99,235,.25)!important;
  border-bottom:1px solid rgba(37,99,235,.25)!important;
}
body:not(.admin-body) #hot-deal.section:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,7,13,.84),rgba(5,7,13,.40),rgba(5,7,13,.84)),radial-gradient(circle at 50% 30%,rgba(37,99,235,.18),transparent 42%);
}
body:not(.admin-body) #hot-deal .container,
body:not(.admin-body) #hot-deal .hot-deal{position:relative!important;z-index:1!important;}
body:not(.admin-body) #hot-deal h2{font-size:clamp(30px,4.3vw,64px)!important;font-weight:950!important;text-shadow:0 10px 36px rgba(0,0,0,.65)!important;}
body:not(.admin-body) #hot-deal p{color:#dce6f7!important;text-transform:none!important;font-size:20px!important;font-weight:700!important;}
body:not(.admin-body) #hotDealCtaBtn{display:inline-flex!important;align-items:center!important;gap:10px!important;}

/* Newsletter: beyaz sosyal kutular ve hizalama bozukluğu */
body:not(.admin-body) #newsletter-phone.section,
body:not(.admin-body) #newsletter.section{
  margin:42px auto 0!important;
  padding:46px 18px!important;
  border:0!important;
  background:linear-gradient(180deg,rgba(16,24,39,.96),rgba(10,14,24,.98))!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(37,99,235,.22)!important;
}
body:not(.admin-body) .newsletter{
  max-width:1180px!important;margin:0 auto!important;padding:34px 24px!important;
  border-radius:24px!important;background:linear-gradient(135deg,rgba(17,26,42,.94),rgba(9,13,24,.96))!important;
  border:1px solid rgba(255,255,255,.10)!important;box-shadow:var(--ozk-shadow)!important;
}
body:not(.admin-body) .newsletter p{font-size:clamp(22px,2.1vw,34px)!important;line-height:1.25!important;margin:0 0 24px!important;color:#dce6f7!important;}
body:not(.admin-body) .newsletter p strong{color:#fff!important;font-weight:950!important;}
body:not(.admin-body) .newsletter form{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;max-width:640px!important;margin:0 auto 22px!important;position:relative!important;}
body:not(.admin-body) .newsletter form:after{display:none!important;}
body:not(.admin-body) .newsletter form .input,
body:not(.admin-body) #newsletter-phone-input{
  height:54px!important;min-height:54px!important;width:100%!important;max-width:none!important;margin:0!important;
  border-radius:999px 0 0 999px!important;background:#070b14!important;border:1px solid rgba(255,255,255,.14)!important;border-right:0!important;
  color:#fff!important;padding:0 22px!important;font-weight:800!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body:not(.admin-body) .newsletter form .newsletter-btn,
body:not(.admin-body) .newsletter-btn{
  height:54px!important;width:auto!important;min-width:170px!important;border-radius:0 999px 999px 0!important;
  background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;font-size:16px!important;font-weight:950!important;
  box-shadow:0 12px 30px rgba(37,99,235,.28)!important;
}
body:not(.admin-body) .newsletter .newsletter-follow{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin-top:12px!important;}
body:not(.admin-body) .newsletter .newsletter-follow li{display:block!important;margin:0!important;}
body:not(.admin-body) .newsletter .newsletter-follow li a{
  width:46px!important;height:46px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.12)!important;color:#2563eb!important;font-size:20px!important;
}
body:not(.admin-body) .newsletter .newsletter-follow li a:hover{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 12px 26px rgba(37,99,235,.32)!important;}

/* Mağaza: filtre paneli koyu moda tam geçsin */
body:not(.admin-body) #shop-section{background:linear-gradient(135deg,#070a12,#07111b)!important;padding:42px 0 72px!important;min-height:calc(100vh - 120px)!important;}
body:not(.admin-body) .shop-page{align-items:flex-start!important;gap:28px!important;}
body:not(.admin-body) .filter-panel{
  background:linear-gradient(180deg,rgba(18,26,42,.98),rgba(10,14,24,.98))!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:24px!important;box-shadow:0 20px 52px rgba(0,0,0,.38)!important;
  color:#f7f9ff!important;padding:22px!important;top:112px!important;
}
body:not(.admin-body) .filter-panel h4,
body:not(.admin-body) .filter-panel h4.accordion{color:#fff!important;font-weight:950!important;letter-spacing:.1px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;padding:11px 0!important;margin:2px 0!important;}
body:not(.admin-body) .filter-panel h4.accordion::after{color:#2563eb!important;}
body:not(.admin-body) .filter-panel .accordion-content{color:#dce6f7!important;}
body:not(.admin-body) .filter-panel .search-filter input,
body:not(.admin-body) .filter-panel input[type="text"],
body:not(.admin-body) .filter-panel input[type="number"]{
  height:48px!important;border-radius:14px!important;background:#070b14!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;padding:0 14px!important;font-weight:800!important;
}
body:not(.admin-body) .filter-panel label,
body:not(.admin-body) .filter-panel .modern-checkbox{color:#dce6f7!important;font-weight:800!important;}
body:not(.admin-body) .filter-panel .checkmark{background:#070b14!important;border:1px solid rgba(255,255,255,.18)!important;}
body:not(.admin-body) .filter-panel .modern-checkbox input:checked ~ .checkmark{background:#2563eb!important;border-color:#60a5fa!important;}
body:not(.admin-body) .filter-panel .clear-filters,
body:not(.admin-body) .filter-panel button{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;border:0!important;border-radius:14px!important;font-weight:950!important;}
body:not(.admin-body) .product-grid,
body:not(.admin-body) .store-products{color:#fff!important;}
body:not(.admin-body) .empty-products,
body:not(.admin-body) .no-products,
body:not(.admin-body) .shop-page .product-grid:empty:before{color:#fff!important;}

/* Tamirhane: 10 yıllık deneyim bloğu daha görünür ve etkili */
body:not(.admin-body) .experience-section{
  display:block!important;visibility:visible!important;opacity:1!important;
  background:radial-gradient(circle at 12% 8%,rgba(37,99,235,.18),transparent 32%),radial-gradient(circle at 85% 22%,rgba(41,216,255,.13),transparent 34%),linear-gradient(135deg,#060914,#0b1220)!important;
  padding:96px 20px 72px!important;color:#fff!important;
}
body:not(.admin-body) .experience-layout{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)!important;gap:24px!important;}
body:not(.admin-body) .info-card,
body:not(.admin-body) .highlight-card,
body:not(.admin-body) .brand-strip{
  background:linear-gradient(180deg,rgba(18,26,42,.92),rgba(10,14,24,.96))!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 22px 60px rgba(0,0,0,.38)!important;color:#fff!important;
}
body:not(.admin-body) .featured-card{border-color:rgba(37,99,235,.26)!important;}
body:not(.admin-body) .experience-badge{
  background:linear-gradient(135deg,rgba(37,99,235,.20),rgba(41,216,255,.12))!important;border:1px solid rgba(37,99,235,.32)!important;box-shadow:0 18px 42px rgba(37,99,235,.16)!important;
}
body:not(.admin-body) .badge-number .counter,
body:not(.admin-body) .stat-number{color:#60a5fa!important;text-shadow:0 10px 28px rgba(37,99,235,.28)!important;}
body:not(.admin-body) .content-title,
body:not(.admin-body) .content-title span{color:#fff!important;}
body:not(.admin-body) .content-text,
body:not(.admin-body) .content-features li,
body:not(.admin-body) .badge-text,
body:not(.admin-body) .stat-title{color:#dce6f7!important;}
body:not(.admin-body) .premium-btn{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px rgba(37,99,235,.28)!important;}

/* Videolar: beyaz kalan kartları koyu moda bağla */
body:not(.admin-body) .yt-premium{background:linear-gradient(135deg,#060914,#07111b)!important;color:#fff!important;padding:54px 0 80px!important;}
body:not(.admin-body) .yt-hero-left,
body:not(.admin-body) .yt-channel-card,
body:not(.admin-body) .yt-featured,
body:not(.admin-body) .yt-card{
  background:linear-gradient(180deg,rgba(18,26,42,.96),rgba(10,14,24,.98))!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:0 22px 60px rgba(0,0,0,.36)!important;
}
body:not(.admin-body) .yt-featured-head h3,
body:not(.admin-body) .yt-grid-head h3,
body:not(.admin-body) .yt-featured-title,
body:not(.admin-body) .yt-card-body h4{color:#fff!important;}
body:not(.admin-body) .yt-mini-note,
body:not(.admin-body) .yt-featured-meta,
body:not(.admin-body) .yt-featured-desc,
body:not(.admin-body) .yt-grid-note,
body:not(.admin-body) .yt-card-meta{color:#aebbd0!important;}
body:not(.admin-body) .yt-pill{background:rgba(37,99,235,.16)!important;border-color:rgba(37,99,235,.32)!important;color:#93c5fd!important;}
body:not(.admin-body) .yt-featured-player{background:#05070d!important;border:1px solid rgba(255,255,255,.10)!important;}
body:not(.admin-body) .yt-btn-primary{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;}
body:not(.admin-body) .yt-btn-ghost,
body:not(.admin-body) .yt-btn-dark{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important;}

/* Genel koyu tema: açık kalan form/kart yüzeylerini toparla */
body:not(.admin-body) .section,
body:not(.admin-body) main{color:#f7f9ff;}
body:not(.admin-body) .form-control,
body:not(.admin-body) input.input,
body:not(.admin-body) textarea.input,
body:not(.admin-body) select.input{
  background:#070b14!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;border-radius:14px!important;
}
body:not(.admin-body) .form-control::placeholder,
body:not(.admin-body) input::placeholder{color:#7f8da5!important;}
body:not(.admin-body) .primary-btn,
body:not(.admin-body) .cta-btn,
body:not(.admin-body) .btn-primary{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;border:0!important;}

@media (max-width:991px){
  body:not(.admin-body) .slider{height:clamp(220px,46vw,360px)!important;min-height:220px!important;}
  body:not(.admin-body) .shop-page{display:block!important;padding:0 16px!important;}
  body:not(.admin-body) .filter-panel{position:relative!important;top:auto!important;width:100%!important;margin-bottom:24px!important;}
  body:not(.admin-body) .experience-layout{grid-template-columns:1fr!important;}
  body:not(.admin-body) .newsletter form{max-width:100%!important;}
}
@media (max-width:640px){
  body:not(.admin-body) .newsletter form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  body:not(.admin-body) .newsletter form .input,
  body:not(.admin-body) #newsletter-phone-input,
  body:not(.admin-body) .newsletter form .newsletter-btn,
  body:not(.admin-body) .newsletter-btn{border-radius:999px!important;width:100%!important;min-width:0!important;border:1px solid rgba(255,255,255,.14)!important;}
  body:not(.admin-body) .yt-grid{grid-template-columns:1fr!important;}
}


/* =========================================================
   v71 FRONTEND + ADMIN DEBUG / MOBILE DARK / PERFORMANCE PATCH
   - Header action buttons are slightly smaller and share stronger hover
   - Slider admin images fit automatically
   - Tamirhane corporate block polish
   - Mobile dark theme parity
   - Admin file upload controls and modal upload previews stabilized
========================================================= */
:root{--ozk-action-h:48px;--ozk-action-icon:19px;}
@media (min-width:992px){
  #navigation .cart-icon-btn.site-action-btn,
  #navigation .auth-state-btn.site-action-btn{
    height:48px!important;min-width:48px!important;transform:none!important;
  }
  #navigation .auth-state-btn.site-action-btn{min-width:122px!important;padding:0 20px!important;gap:9px!important;}
  #navigation .cart-icon-btn.site-action-btn i,
  #navigation .auth-state-btn.site-action-btn i{font-size:19px!important;line-height:1!important;}
  #navigation .auth-state-btn.site-action-btn span{font-size:16px!important;line-height:1!important;}
}
#navigation .cart-icon-btn.site-action-btn:hover,
#navigation .auth-state-btn.site-action-btn:hover{
  background:linear-gradient(135deg,#60a5fa,#0ea5e9)!important;
  color:#fff!important;transform:translateY(-2px) scale(1.035)!important;
  box-shadow:0 18px 38px rgba(37,99,235,.50),0 0 0 5px rgba(37,99,235,.14),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
#navigation .cart-icon-btn.site-action-btn:hover i,
#navigation .auth-state-btn.site-action-btn:hover i,
#navigation .auth-state-btn.site-action-btn:hover span{color:#fff!important;}

/* Slider image auto-fit: admin uploaded görseller taşmadan, kırılmadan otursun */
body:not(.admin-body) .slider,
body:not(.admin-body) .slides,
body:not(.admin-body) .slides picture{overflow:hidden!important;}
body:not(.admin-body) .slides picture,
body:not(.admin-body) .slides img{min-width:100%!important;max-width:100%!important;}
body:not(.admin-body) .slides img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;
  transform:none!important;border:0!important;border-radius:0!important;
}
body:not(.admin-body) .slider.contain-mode .slides img{object-fit:contain!important;background:#05070d!important;}
@media(max-width:768px){body:not(.admin-body) .slides img{object-fit:cover!important;}}

/* Tamirhane kurumsal güven metni */
body:not(.admin-body) .tamirhane-corporate-lead{font-size:17px!important;line-height:1.85!important;color:#dce6f7!important;max-width:980px!important;}
body:not(.admin-body) .tamirhane-trust-line{
  display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:22px 0 6px!important;
}
body:not(.admin-body) .tamirhane-trust-line span{
  display:inline-flex!important;align-items:center!important;gap:9px!important;padding:11px 14px!important;border-radius:999px!important;
  background:rgba(255,255,255,.065)!important;border:1px solid rgba(37,99,235,.22)!important;color:#fff!important;font-weight:850!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
body:not(.admin-body) .tamirhane-trust-line i{color:#2563eb!important;font-size:16px!important;}

/* Admin file upload: doğal dosya inputu modal içinde düzenli ve tek tıklama hissi */
.admin-body input[type="file"]{max-width:100%!important;color:#f8fbff!important;background:#070b14!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;padding:10px!important;}
.admin-body input[type="file"]::file-selector-button{border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#8b3dff,#b14cff)!important;color:#fff!important;font-weight:900!important;padding:9px 12px!important;margin-right:12px!important;cursor:pointer!important;}
.admin-body .upload-dropzone,
.admin-body .image-upload-dropzone,
.admin-body .gallery-upload-dropzone,
.admin-body [id*="UploadDropzone"]{cursor:pointer!important;user-select:none!important;}
.admin-body .gallery-preview-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:12px!important;}
.admin-body .gallery-preview-item{max-width:170px!important;min-height:0!important;padding:10px!important;}
.admin-body .gallery-preview-item img{height:92px!important;width:100%!important;object-fit:cover!important;border-radius:12px!important;display:block!important;}

/* Mobile dark mode parity: beyaz kalan yüzeyleri temizle */
@media(max-width:991px){
  body:not(.admin-body){background:#05070d!important;color:#f7f9ff!important;overflow-x:hidden!important;}
  body:not(.admin-body) #header,
  body:not(.admin-body) #navigation,
  body:not(.admin-body) .top-header,
  body:not(.admin-body) .mobile-menu,
  body:not(.admin-body) #mobile-side-nav{
    background:rgba(10,13,22,.98)!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important;
  }
  body:not(.admin-body) .container{max-width:100%!important;}
  body:not(.admin-body) .product,
  body:not(.admin-body) .product-card,
  body:not(.admin-body) .category,
  body:not(.admin-body) .item,
  body:not(.admin-body) .filter-panel,
  body:not(.admin-body) .newsletter,
  body:not(.admin-body) .yt-featured,
  body:not(.admin-body) .yt-card,
  body:not(.admin-body) .info-card,
  body:not(.admin-body) .highlight-card{
    background:linear-gradient(180deg,rgba(18,26,42,.96),rgba(9,13,24,.98))!important;
    border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:0 18px 44px rgba(0,0,0,.32)!important;
  }
  body:not(.admin-body) .category .buttons button,
  body:not(.admin-body) .item button{background:#070b14!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;}
  body:not(.admin-body) .main-nav>li>a{color:#fff!important;}
  body:not(.admin-body) .header-search{width:min(100%,320px)!important;}
  body:not(.admin-body) .cart-icon-btn.site-action-btn,
  body:not(.admin-body) .auth-state-btn.site-action-btn{height:46px!important;min-width:46px!important;}
  body:not(.admin-body) .auth-state-btn.site-action-btn{min-width:112px!important;padding:0 16px!important;}
  body:not(.admin-body) .auth-state-btn.site-action-btn span{font-size:15px!important;}
}
@media(max-width:640px){
  body:not(.admin-body) .tamirhane-trust-line{display:grid!important;grid-template-columns:1fr!important;}
  body:not(.admin-body) .slider{height:220px!important;min-height:220px!important;}
  body:not(.admin-body) .newsletter{margin:28px 14px!important;padding:24px 16px!important;}
  body:not(.admin-body) .filter-panel{border-radius:20px!important;padding:18px!important;}
}

/* Performans: eski bilgisayarlar için ağır efektleri azalt */
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}
body.low-power-ui *{backdrop-filter:none!important;filter:none!important;}
@media(max-width:991px){
  body:not(.admin-body) *{backdrop-filter:none!important;}
}


/* =========================================================
   v72 TAMIRHANE CORPORATE HERO + TRUST SECTION
   Görünür, kurumsal ve koyu temayla uyumlu üst bilgilendirme alanı
========================================================= */
body:not(.admin-body) .tamirhane-corporate-hero{
  position:relative;overflow:hidden;padding:72px 18px 46px!important;
  background:
    radial-gradient(circle at 14% 10%,rgba(37,99,235,.18),transparent 34%),
    radial-gradient(circle at 86% 16%,rgba(121,68,255,.20),transparent 36%),
    linear-gradient(135deg,#070a12 0%,#0a1020 48%,#06111a 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
body:not(.admin-body) .tamirhane-corporate-hero:before{
  content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;opacity:.35;pointer-events:none;
}
body:not(.admin-body) .tamirhane-corporate-wrap{
  position:relative;z-index:1;max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:28px;align-items:stretch;
}
body:not(.admin-body) .tamirhane-corporate-copy,
body:not(.admin-body) .tamirhane-corporate-proof{
  border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(180deg,rgba(18,26,42,.88),rgba(8,12,22,.94));box-shadow:0 28px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);
}
body:not(.admin-body) .tamirhane-corporate-copy{padding:38px 40px!important;}
body:not(.admin-body) .tamirhane-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border-radius:999px;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.30);color:#60a5fa;font-weight:900;letter-spacing:.03em;margin-bottom:20px;}
body:not(.admin-body) .tamirhane-corporate-copy h1{margin:0 0 20px!important;color:#fff!important;font-size:clamp(30px,3.2vw,52px)!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.045em!important;max-width:920px;}
body:not(.admin-body) .tamirhane-corporate-copy p{color:#d8e2f2!important;font-size:17px!important;line-height:1.78!important;margin:0 0 16px!important;max-width:980px;}
body:not(.admin-body) .tamirhane-corporate-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px;}
body:not(.admin-body) .tamirhane-primary-cta,
body:not(.admin-body) .tamirhane-secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;font-weight:950;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
body:not(.admin-body) .tamirhane-primary-cta{background:linear-gradient(135deg,#60a5fa,#0ea5e9);color:#fff!important;box-shadow:0 18px 36px rgba(37,99,235,.32);}
body:not(.admin-body) .tamirhane-secondary-cta{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff!important;}
body:not(.admin-body) .tamirhane-primary-cta:hover,
body:not(.admin-body) .tamirhane-secondary-cta:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(37,99,235,.24);}
body:not(.admin-body) .tamirhane-corporate-proof{padding:24px;display:grid;grid-template-columns:1fr;gap:14px;}
body:not(.admin-body) .proof-card{padding:22px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);}
body:not(.admin-body) .proof-card strong{display:block;color:#fff;font-size:30px;line-height:1;font-weight:950;margin-bottom:8px;}
body:not(.admin-body) .proof-card span{display:block;color:#aebbd1;font-weight:800;line-height:1.35;}
@media(max-width:991px){
  body:not(.admin-body) .tamirhane-corporate-wrap{grid-template-columns:1fr;}
  body:not(.admin-body) .tamirhane-corporate-copy{padding:28px 22px!important;}
  body:not(.admin-body) .tamirhane-corporate-proof{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  body:not(.admin-body) .tamirhane-corporate-hero{padding:44px 12px 32px!important;}
  body:not(.admin-body) .tamirhane-corporate-proof{grid-template-columns:1fr;}
  body:not(.admin-body) .tamirhane-corporate-actions a{width:100%;}
}


/* =========================================================
   v73 MOBILE COMPLETE FRONTEND AUDIT FIX
   - Mobil header/menu/search alignment
   - Mobil filtre accordion dark + clipping fix
   - Ana kategori 2x3 button grid + çevre birimleri 2 sütun
   - Tamirhane proof kartları daha profesyonel
   - Genel mobil taşma / beyaz yüzey temizliği
========================================================= */
html,body{max-width:100%;overflow-x:hidden;background:#05070d!important;}
body:not(.admin-body){background:#05070d!important;color:#f7f9ff!important;}

/* Header desktop + mobile consistency */
@media(max-width:991px){
  body:not(.admin-body) #top-header{
    background:#171821!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:10px 10px!important;
  }
  body:not(.admin-body) #top-header .container{width:100%!important;padding:0 12px!important;gap:8px!important;}
  body:not(.admin-body) .header-links.pull-left,
  body:not(.admin-body) .header-links.pull-right{display:flex!important;flex-wrap:wrap!important;gap:10px 14px!important;justify-content:center!important;width:100%!important;margin:0!important;}
  body:not(.admin-body) .header-links li{margin:0!important;}
  body:not(.admin-body) .header-links li a{font-size:13px!important;color:#fff!important;}
  body:not(.admin-body) .header-links li i{color:#2563eb!important;}

  body:not(.admin-body) #header{
    position:sticky!important;top:0!important;z-index:999!important;padding:18px 0 20px!important;
    background:rgba(7,10,18,.98)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.32)!important;
  }
  body:not(.admin-body) #header .container{width:100%!important;padding:0 18px!important;}
  body:not(.admin-body) #header .row{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;margin:0!important;}
  body:not(.admin-body) #header [class*="col-"]{float:none!important;width:100%!important;max-width:100%!important;padding:0!important;}
  body:not(.admin-body) .header-logo{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0!important;}
  body:not(.admin-body) .header-logo img{width:190px!important;height:auto!important;max-height:72px!important;object-fit:contain!important;margin:0 auto!important;}

  body:not(.admin-body) #mobile-menu-toggle{
    display:flex!important;position:absolute!important;right:22px!important;top:50%!important;transform:translateY(-50%)!important;
    width:48px!important;height:48px!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;
    background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;z-index:1003!important;
  }
  body:not(.admin-body) #mobile-menu-toggle span{width:28px!important;height:4px!important;margin:3px 0!important;background:#fff!important;border-radius:6px!important;}

  body:not(.admin-body) #navigation{display:block!important;position:relative!important;background:transparent!important;border:0!important;box-shadow:none!important;width:100%!important;}
  body:not(.admin-body) #navigation .main-nav{
    display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important;
  }
  body:not(.admin-body) #navigation .main-nav>li:not(.main-search-item):not(.cart-btn):not(.sell-btn){display:none!important;}
  body:not(.admin-body) #navigation .main-search-item{display:block!important;width:100%!important;max-width:420px!important;order:1!important;margin:0 auto!important;}
  body:not(.admin-body) #navigation .header-search{width:100%!important;max-width:420px!important;margin:0 auto!important;display:block!important;}
  body:not(.admin-body) #navigation .header-search-form,
  body:not(.admin-body) #navigation .header-search-input{
    width:100%!important;height:58px!important;border-radius:999px!important;background:#070d18!important;color:#fff!important;
    border:1.5px solid rgba(37,99,235,.75)!important;box-shadow:0 0 0 4px rgba(37,99,235,.08)!important;
  }
  body:not(.admin-body) #navigation .header-search-input{font-size:16px!important;padding:0 22px!important;text-align:left!important;}
  body:not(.admin-body) #navigation .header-search-input::placeholder{color:#8e9ab0!important;}
  body:not(.admin-body) #navigation .cart-btn,
  body:not(.admin-body) #navigation .sell-btn{display:none!important;}

  /* Mobile drawer: no broken half-page menu */
  body:not(.admin-body) #mobile-side-nav{
    position:fixed!important;top:0!important;right:-100%!important;width:min(88vw,360px)!important;height:100dvh!important;z-index:2001!important;
    padding:22px!important;background:linear-gradient(180deg,#101725,#070b14)!important;border-left:1px solid rgba(37,99,235,.18)!important;
    box-shadow:-24px 0 80px rgba(0,0,0,.55)!important;overflow-y:auto!important;transition:right .28s ease!important;
  }
  body:not(.admin-body) #mobile-side-nav.active{right:0!important;}
  body:not(.admin-body) #mobile-side-nav ul{align-items:stretch!important;margin:22px 0 0!important;gap:10px!important;}
  body:not(.admin-body) #mobile-side-nav ul li{margin:0!important;text-align:left!important;}
  body:not(.admin-body) #mobile-side-nav ul li a,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle{
    display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:52px!important;padding:0 16px!important;
    border-radius:18px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;font-weight:850!important;
    transform:none!important;text-align:left!important;
  }
  body:not(.admin-body) #mobile-side-nav ul li a:hover,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle:hover{background:rgba(37,99,235,.16)!important;color:#fff!important;box-shadow:0 12px 26px rgba(37,99,235,.14)!important;}
  body:not(.admin-body) #mobile-overlay{z-index:2000!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(2px)!important;}
}

/* Mobil mağaza filtre accordion: beyaz yüzey ve kesilme sorunlarını gider */
@media(max-width:991px){
  body:not(.admin-body) #shop-section{padding:28px 14px 60px!important;background:linear-gradient(135deg,#05070d,#07111b)!important;}
  body:not(.admin-body) .shop-page{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0 auto!important;}
  body:not(.admin-body) .mobile-filter-accordion{
    width:100%!important;max-width:520px!important;margin:0 auto 26px!important;border-radius:24px!important;overflow:hidden!important;
    background:linear-gradient(180deg,rgba(18,26,42,.98),rgba(8,12,22,.98))!important;border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.38)!important;
  }
  body:not(.admin-body) .mobile-filter-header{
    min-height:60px!important;padding:0 18px!important;background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;border:0!important;
    font-size:17px!important;font-weight:950!important;letter-spacing:-.01em!important;
  }
  body:not(.admin-body) .mobile-filter-accordion .filter-panel,
  body:not(.admin-body) .filter-sidebar{
    position:static!important;top:auto!important;left:auto!important;width:100%!important;margin:0!important;max-width:100%!important;
    background:linear-gradient(180deg,#0b111d,#070b14)!important;color:#fff!important;border-radius:0 0 24px 24px!important;border:0!important;box-shadow:none!important;
    padding:0 18px!important;overflow:hidden!important;max-height:0!important;transition:max-height .32s ease,padding .24s ease!important;
  }
  body:not(.admin-body) .mobile-filter-accordion.active .filter-panel,
  body:not(.admin-body) .mobile-filter-accordion.active .filter-sidebar{max-height:2200px!important;padding:18px!important;}
  body:not(.admin-body) .filter-panel h4,
  body:not(.admin-body) .filter-sidebar h4,
  body:not(.admin-body) .accordion{color:#fff!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:14px 0!important;margin:0!important;font-weight:900!important;}
  body:not(.admin-body) .filter-group label,
  body:not(.admin-body) .modern-checkbox{color:#dce6f7!important;}
  body:not(.admin-body) .filter-panel input,
  body:not(.admin-body) .filter-sidebar input,
  body:not(.admin-body) .filter-panel select,
  body:not(.admin-body) .filter-sidebar select{background:#060a12!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;}
  body:not(.admin-body) .clear-filters-btn{border-radius:16px!important;background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;}
}

/* Mobil ana sayfa kategori buton düzeni: 2x3, çevre birimleri 2 sütun */
@media(max-width:768px){
  body:not(.admin-body) .products{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;padding:28px 14px!important;background:#05070d!important;}
  body:not(.admin-body) .category{width:100%!important;max-width:430px!important;margin:0 auto!important;padding:24px 18px!important;border-radius:28px!important;}
  body:not(.admin-body) .category h2{font-size:28px!important;color:#fff!important;margin:0 0 18px!important;text-align:center!important;}
  body:not(.admin-body) .category img{width:100%!important;max-width:260px!important;height:170px!important;object-fit:contain!important;margin:0 auto 18px!important;display:block!important;}
  body:not(.admin-body) .category .buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;}
  body:not(.admin-body) .category .buttons a.btn,
  body:not(.admin-body) .category .buttons button{width:100%!important;min-height:48px!important;margin:0!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:16px!important;font-size:14px!important;line-height:1.15!important;color:#f4f7ff!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;}
  body:not(.admin-body) .category .buttons a.btn:hover{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;}

  body:not(.admin-body) .accessories{padding:28px 14px 60px!important;background:#05070d!important;}
  body:not(.admin-body) .accessories h2{font-size:23px!important;color:#fff!important;text-align:center!important;margin-bottom:18px!important;}
  body:not(.admin-body) .accessory-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:430px!important;margin:0 auto!important;}
  body:not(.admin-body) .accessory-grid .item{width:100%!important;margin:0!important;min-height:148px!important;padding:18px 10px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(18,26,42,.96),rgba(8,12,22,.98))!important;border:1px solid rgba(255,255,255,.11)!important;color:#fff!important;}
  body:not(.admin-body) .accessory-grid .accessory-icon{font-size:28px!important;color:#2563eb!important;margin-bottom:10px!important;}
  body:not(.admin-body) .accessory-grid p{color:#dce6f7!important;font-size:13px!important;margin:6px 0 12px!important;}
  body:not(.admin-body) .accessory-grid .btn{display:flex!important;width:100%!important;min-height:36px!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important;font-size:12px!important;}
}

@media(max-width:420px){
  body:not(.admin-body) #navigation .main-search-item{max-width:calc(100vw - 56px)!important;}
  body:not(.admin-body) #navigation .header-search{max-width:calc(100vw - 56px)!important;}
  body:not(.admin-body) .category .buttons{gap:10px!important;}
  body:not(.admin-body) .category .buttons a.btn{font-size:13px!important;min-height:46px!important;}
}

/* Tamirhane sağdaki proof kartlarını daha kurumsal/teknik hale getir */
body:not(.admin-body) .tamirhane-corporate-proof{align-content:start!important;}
body:not(.admin-body) .proof-card{
  position:relative!important;overflow:hidden!important;padding:22px 22px 22px 76px!important;min-height:112px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.12)!important;
}
body:not(.admin-body) .proof-card:before{
  content:"\f058";font-family:"Font Awesome 6 Free","FontAwesome";font-weight:900;position:absolute;left:20px;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#2563eb,#7b4dff);box-shadow:0 14px 26px rgba(37,99,235,.24);
}
body:not(.admin-body) .proof-card:nth-child(2):before{content:"\f0ad";}
body:not(.admin-body) .proof-card:nth-child(3):before{content:"\f3ed";}
body:not(.admin-body) .proof-card:nth-child(4):before{content:"\f0ae";}
body:not(.admin-body) .proof-card strong{font-size:22px!important;margin-bottom:7px!important;letter-spacing:-.02em!important;}
body:not(.admin-body) .proof-card span{font-size:14px!important;color:#c8d3e6!important;font-weight:750!important;}
@media(max-width:560px){body:not(.admin-body) .proof-card{padding-left:74px!important;}}

/* Mobil genel kusur güvenlikleri */
@media(max-width:991px){
  body:not(.admin-body) img{max-width:100%;height:auto;}
  body:not(.admin-body) .container{width:100%!important;}
  body:not(.admin-body) .row{margin-left:0!important;margin-right:0!important;}
  body:not(.admin-body) [class*="col-"]{max-width:100%;}
  body:not(.admin-body) .whatsapp-float{right:18px!important;bottom:18px!important;z-index:998!important;}
}

/* =========================================================
   v74 MOBILE HEADER / DRAWER FINAL POLISH
   - Logo + hamburger eski düzgün hizaya alındı
   - Arama çubuğu logonun altında ortalı
   - Mobil header sticky/fixed stabil
   - Mobil menü tekrar premium, okunabilir ve düzenli
   - Sepet/Hesap butonları turuncu
   - Brand strip boşluğu azaltıldı
   - Highlight kartlarının tıklanabilir olduğu kibarca belirtildi
========================================================= */
@media (max-width: 991px){
  body:not(.admin-body){background:#05070d!important;color:#fff!important;}
  body:not(.admin-body) #top-header{position:relative!important;z-index:900!important;background:#171821!important;}
  body:not(.admin-body) #header{
    position:sticky!important;top:0!important;z-index:1800!important;
    padding:22px 0 24px!important;background:rgba(6,10,18,.985)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
  }
  body:not(.admin-body) #header .container{position:relative!important;width:100%!important;padding:0 18px!important;}
  body:not(.admin-body) #header .row{
    display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"logo" "search"!important;
    align-items:center!important;justify-items:center!important;gap:18px!important;margin:0!important;
  }
  body:not(.admin-body) #header [class*="col-"]{float:none!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;}
  body:not(.admin-body) #header .header-logo{grid-area:logo!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;min-height:72px!important;}
  body:not(.admin-body) #header .header-logo .logo{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  body:not(.admin-body) #header .header-logo img{width:min(210px,58vw)!important;max-height:78px!important;height:auto!important;object-fit:contain!important;display:block!important;margin:0 auto!important;}

  body:not(.admin-body) #mobile-menu-toggle{
    position:absolute!important;right:22px!important;top:37px!important;transform:none!important;
    width:50px!important;height:50px!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    border-radius:18px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important;z-index:1810!important;
  }
  body:not(.admin-body) #mobile-menu-toggle span{
    display:block!important;width:28px!important;height:3px!important;margin:0!important;border-radius:99px!important;background:#fff!important;box-shadow:none!important;opacity:1!important;position:static!important;transform:none!important;
  }
  body:not(.admin-body) #mobile-menu-toggle:hover{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;box-shadow:0 18px 34px rgba(37,99,235,.28)!important;}

  body:not(.admin-body) #navigation{grid-area:search!important;display:block!important;width:100%!important;background:transparent!important;border:0!important;margin:0!important;padding:0!important;}
  body:not(.admin-body) #navigation .main-nav{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0!important;padding:0!important;}
  body:not(.admin-body) #navigation .main-nav > li:not(.main-search-item){display:none!important;}
  body:not(.admin-body) #navigation .main-search-item{display:block!important;width:100%!important;max-width:430px!important;margin:0 auto!important;}
  body:not(.admin-body) #navigation .header-search{width:100%!important;max-width:430px!important;margin:0 auto!important;}
  body:not(.admin-body) #navigation .header-search-form{width:100%!important;margin:0!important;}
  body:not(.admin-body) #navigation .header-search-input{
    width:100%!important;height:58px!important;border-radius:999px!important;background:#070d18!important;color:#fff!important;
    border:1.5px solid rgba(37,99,235,.82)!important;box-shadow:0 0 0 4px rgba(37,99,235,.07), 0 16px 30px rgba(0,0,0,.23)!important;
    padding:0 22px!important;font-size:16px!important;text-align:left!important;outline:none!important;
  }
  body:not(.admin-body) #navigation .header-search-input:focus{border-color:#60a5fa!important;box-shadow:0 0 0 5px rgba(37,99,235,.13),0 18px 36px rgba(37,99,235,.12)!important;}

  /* Drawer overlay and panel */
  body:not(.admin-body) #mobile-overlay{position:fixed!important;inset:0!important;display:none!important;z-index:2998!important;background:rgba(0,0,0,.68)!important;backdrop-filter:blur(3px)!important;}
  body:not(.admin-body) #mobile-overlay.active{display:block!important;}
  body:not(.admin-body) #mobile-side-nav{
    position:fixed!important;top:0!important;right:-100%!important;left:auto!important;width:min(88vw,390px)!important;height:100dvh!important;z-index:3000!important;
    padding:18px!important;overflow-y:auto!important;overflow-x:hidden!important;background:linear-gradient(180deg,#101725 0%,#070b14 100%)!important;
    border-left:1px solid rgba(37,99,235,.24)!important;box-shadow:-34px 0 80px rgba(0,0,0,.60)!important;transition:right .26s ease!important;
  }
  body:not(.admin-body) #mobile-side-nav.active{right:0!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-nav-header{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 18px!important;padding:10px 4px 18px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;color:#fff!important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-nav-header span{font-size:20px!important;font-weight:950!important;letter-spacing:-.02em!important;}
  body:not(.admin-body) #mobile-close{width:44px!important;height:44px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font-size:28px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  body:not(.admin-body) #mobile-side-nav ul{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important;width:100%!important;}
  body:not(.admin-body) #mobile-side-nav li{display:block!important;margin:0!important;padding:0!important;width:100%!important;}
  body:not(.admin-body) #mobile-side-nav a,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-height:56px!important;padding:0 16px!important;
    border-radius:18px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.11)!important;color:#fff!important;text-decoration:none!important;
    font-weight:900!important;font-size:17px!important;line-height:1.2!important;text-align:left!important;box-shadow:none!important;
  }
  body:not(.admin-body) #mobile-side-nav a i,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle i{font-size:18px!important;width:22px!important;text-align:center!important;color:#fff!important;flex:0 0 22px!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle{border:0!important;cursor:pointer!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle .mobile-dropdown-label{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle .mobile-arrow{margin-left:auto!important;color:#2563eb!important;font-size:14px!important;transition:transform .2s ease!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown.open .mobile-arrow{transform:rotate(180deg)!important;}
  body:not(.admin-body) #mobile-side-nav a:hover,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle:hover,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown.open > .mobile-dropdown-toggle{background:linear-gradient(135deg,rgba(37,99,235,.24),rgba(37,99,235,.12))!important;border-color:rgba(37,99,235,.36)!important;color:#fff!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-submenu{display:none;margin:10px 0 2px!important;padding:0 0 0 12px!important;gap:8px!important;border-left:1px solid rgba(37,99,235,.25)!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-submenu li a{min-height:48px!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important;font-size:15px!important;padding-left:16px!important;}

  body:not(.admin-body) #mobile-side-nav .sell-btn,
  body:not(.admin-body) #mobile-side-nav .user-only,
  body:not(.admin-body) #mobile-side-nav .guest-only{display:block!important;}
  body:not(.admin-body) #mobile-side-nav .sell-btn a,
  body:not(.admin-body) #mobile-side-nav .cart-mobile-link{
    justify-content:center!important;background:linear-gradient(135deg,#2563eb,#60a5fa)!important;border:0!important;color:#fff!important;box-shadow:0 16px 32px rgba(37,99,235,.28)!important;
  }
  body:not(.admin-body) #mobile-side-nav .cart-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;background:#ff3030!important;color:#fff!important;font-size:12px!important;margin-left:auto!important;}
}
@media (max-width:420px){
  body:not(.admin-body) #header{padding:20px 0 22px!important;}
  body:not(.admin-body) #header .container{padding:0 14px!important;}
  body:not(.admin-body) #mobile-menu-toggle{right:16px!important;top:35px!important;width:48px!important;height:48px!important;}
  body:not(.admin-body) #header .header-logo img{width:min(194px,56vw)!important;}
  body:not(.admin-body) #navigation .main-search-item,
  body:not(.admin-body) #navigation .header-search{max-width:calc(100vw - 64px)!important;}
}

/* Tamirhane: brand alanını kurumsal bloklara yaklaştır */
body:not(.admin-body) .experience-section{padding-bottom:24px!important;}
body:not(.admin-body) .brand-strip{margin-top:18px!important;margin-bottom:28px!important;}
@media(max-width:991px){
  body:not(.admin-body) .experience-section{padding-top:32px!important;}
  body:not(.admin-body) .brand-strip{margin-top:10px!important;margin-bottom:22px!important;}
}

/* Tamirhane highlight kartları: tıklanabilirlik kibar belirtim */
body:not(.admin-body) .highlight-card{position:relative!important;transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease!important;}
body:not(.admin-body) .highlight-card:after{
  content:"Detay için dokun / tıkla";display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  margin-top:14px!important;padding:8px 12px!important;border-radius:999px!important;background:rgba(37,99,235,.12)!important;border:1px solid rgba(37,99,235,.28)!important;color:#93c5fd!important;font-size:12px!important;font-weight:900!important;letter-spacing:.01em!important;
}
body:not(.admin-body) .highlight-card:hover{transform:translateY(-4px)!important;border-color:rgba(37,99,235,.38)!important;box-shadow:0 20px 44px rgba(37,99,235,.12),0 22px 54px rgba(0,0,0,.32)!important;}
body:not(.admin-body) .highlight-card:hover:after{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;}

/* Mobil kategori ve çevre birimleri düzenini garantiye al */
@media(max-width:768px){
  body:not(.admin-body) .category .buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  body:not(.admin-body) .accessory-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
}
body:not(.admin-body) .highlight-click-hint{
  max-width:1180px;margin:0 auto 18px!important;text-align:center;color:#cbd6ea!important;font-weight:850!important;font-size:15px!important;
}
body:not(.admin-body) .highlight-click-hint i{color:#2563eb!important;margin-right:8px!important;}
@media(max-width:768px){body:not(.admin-body) .highlight-click-hint{padding:0 18px;font-size:14px!important;line-height:1.55!important;}}


/* =========================================================
   v75 MOBILE HEADER + DRAWER POLISH / TAMIRHANE SPACING FINAL
   - Mobil header daha ince, kibar, logo + menü aynı hizada
   - Arama çubuğu logo altında tam ortalı ve geniş
   - Mobil header scroll sırasında sticky
   - Mobil menü daha premium, sepet/hesap turuncu CTA
   - Tamirhane brand alanı desktopta da corporate bloğa yaklaştırıldı
========================================================= */
@media (max-width: 991px){
  body:not(.admin-body){ background:#05070d!important; }

  /* üst bilgi çok yer kaplamasın */
  body:not(.admin-body) #top-header{
    position:relative!important;
    z-index:1200!important;
    padding:8px 8px 7px!important;
    background:#171821!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
  }
  body:not(.admin-body) #top-header .container{
    padding:0 10px!important;
    width:100%!important;
  }
  body:not(.admin-body) #top-header .row{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    margin:0!important;
  }
  body:not(.admin-body) #top-header [class*="col-"]{
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
  }
  body:not(.admin-body) #top-header .header-links{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px 13px!important;
    margin:0!important;
    width:100%!important;
  }
  body:not(.admin-body) #top-header .header-links li{ margin:0!important; }
  body:not(.admin-body) #top-header .header-links a{
    font-size:12.5px!important;
    line-height:1.2!important;
    color:#f8fbff!important;
    white-space:nowrap!important;
  }
  body:not(.admin-body) #top-header .header-links i{
    color:#2563eb!important;
    font-size:13px!important;
  }

  /* Mobil ana header: ince, logo ve hamburger aynı hizada; search alt satırda */
  body:not(.admin-body) #header{
    position:sticky!important;
    top:0!important;
    z-index:1199!important;
    padding:14px 0 15px!important;
    background:rgba(5,9,16,.985)!important;
    border-bottom:1px solid rgba(255,255,255,.085)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  body:not(.admin-body) #header .container{
    width:100%!important;
    padding:0 18px!important;
    position:relative!important;
  }
  body:not(.admin-body) #header .row{
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    grid-template-areas:"left logo menu" "search search search"!important;
    align-items:center!important;
    justify-items:center!important;
    gap:13px 0!important;
    margin:0!important;
    min-height:0!important;
  }
  body:not(.admin-body) #header [class*="col-"]{
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  body:not(.admin-body) #header .col-md-3,
  body:not(.admin-body) #header .col-6{
    grid-area:logo!important;
    width:auto!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
  body:not(.admin-body) #header .header-logo{
    width:auto!important;
    min-height:0!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0!important;
  }
  body:not(.admin-body) #header .header-logo .logo{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:0!important;
  }
  body:not(.admin-body) #header .header-logo img{
    width:min(184px,52vw)!important;
    max-height:58px!important;
    height:auto!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto!important;
  }

  /* Hamburger: çerçevesiz, logo ile hizalı */
  body:not(.admin-body) #mobile-menu-toggle{
    grid-area:menu!important;
    position:static!important;
    transform:none!important;
    justify-self:end!important;
    width:42px!important;
    height:42px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    cursor:pointer!important;
    z-index:1225!important;
  }
  body:not(.admin-body) #mobile-menu-toggle span{
    display:block!important;
    width:32px!important;
    height:3.2px!important;
    margin:0!important;
    border-radius:999px!important;
    background:#fff!important;
    opacity:1!important;
    position:static!important;
    transform:none!important;
    box-shadow:0 0 14px rgba(255,255,255,.18)!important;
  }
  body:not(.admin-body) #mobile-menu-toggle:hover span,
  body:not(.admin-body) #mobile-menu-toggle:active span{
    background:#2563eb!important;
    box-shadow:0 0 18px rgba(37,99,235,.36)!important;
  }

  /* Mobile search: altında geniş, tam ortalı */
  body:not(.admin-body) #header .col-md-9,
  body:not(.admin-body) #header .d-none.d-md-block{
    grid-area:search!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  body:not(.admin-body) #navigation{
    display:block!important;
    width:100%!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    margin:0!important;
    padding:0!important;
  }
  body:not(.admin-body) #navigation .main-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body:not(.admin-body) #navigation .main-nav>li:not(.main-search-item){ display:none!important; }
  body:not(.admin-body) #navigation .main-search-item{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body:not(.admin-body) #navigation .header-search{
    width:100%!important;
    max-width:min(100%,440px)!important;
    margin:0 auto!important;
    display:block!important;
  }
  body:not(.admin-body) #navigation .header-search-form{ width:100%!important;margin:0!important; }
  body:not(.admin-body) #navigation .header-search-input{
    width:100%!important;
    height:50px!important;
    border-radius:999px!important;
    background:#070d18!important;
    color:#fff!important;
    border:1.4px solid rgba(37,99,235,.88)!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.06),0 12px 26px rgba(0,0,0,.20)!important;
    padding:0 22px!important;
    font-size:15.5px!important;
    text-align:left!important;
    outline:none!important;
  }
  body:not(.admin-body) #navigation .header-search-input::placeholder{ color:#8894a8!important; }
  body:not(.admin-body) #navigation .header-search-input:focus{
    border-color:#60a5fa!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.13),0 16px 32px rgba(37,99,235,.11)!important;
  }

  /* Drawer premium düzen: kırık/taşan menü yok */
  body:not(.admin-body) #mobile-overlay{
    position:fixed!important;
    inset:0!important;
    display:none!important;
    z-index:2998!important;
    background:rgba(0,0,0,.72)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
  }
  body:not(.admin-body) #mobile-overlay.active{ display:block!important; }
  body:not(.admin-body) #mobile-side-nav{
    position:fixed!important;
    top:0!important;
    right:-100%!important;
    left:auto!important;
    width:min(88vw,380px)!important;
    height:100dvh!important;
    z-index:3000!important;
    padding:20px 18px 24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:linear-gradient(180deg,#111827 0%,#080d17 100%)!important;
    border-left:1px solid rgba(37,99,235,.22)!important;
    box-shadow:-34px 0 90px rgba(0,0,0,.62)!important;
    transition:right .26s ease!important;
  }
  body:not(.admin-body) #mobile-side-nav.active{ right:0!important; }
  body:not(.admin-body) #mobile-side-nav .mobile-nav-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 0 16px!important;
    padding:6px 2px 16px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-nav-header span{
    font-size:18px!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
  }
  body:not(.admin-body) #mobile-close{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
    font-size:28px!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body:not(.admin-body) #mobile-side-nav ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  body:not(.admin-body) #mobile-side-nav li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body:not(.admin-body) #mobile-side-nav a,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:100%!important;
    min-height:52px!important;
    padding:0 15px!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.060)!important;
    border:1px solid rgba(255,255,255,.105)!important;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:900!important;
    font-size:16px!important;
    line-height:1.2!important;
    text-align:left!important;
    box-shadow:none!important;
  }
  body:not(.admin-body) #mobile-side-nav a i,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle i{
    font-size:17px!important;
    width:22px!important;
    min-width:22px!important;
    text-align:center!important;
    color:#fff!important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle{ cursor:pointer!important; }
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle .mobile-dropdown-label{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle .mobile-arrow{
    margin-left:auto!important;
    color:#2563eb!important;
    font-size:13px!important;
    transition:transform .2s ease!important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown.open>.mobile-dropdown-toggle{
    background:linear-gradient(135deg,rgba(37,99,235,.24),rgba(37,99,235,.12))!important;
    border-color:rgba(37,99,235,.40)!important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown.open .mobile-arrow{ transform:rotate(180deg)!important; }
  body:not(.admin-body) #mobile-side-nav .mobile-submenu{
    display:none!important;
    margin:9px 0 1px!important;
    padding:0 0 0 12px!important;
    gap:7px!important;
    border-left:1px solid rgba(37,99,235,.24)!important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown.open .mobile-submenu{ display:flex!important; }
  body:not(.admin-body) #mobile-side-nav .mobile-submenu li a{
    min-height:45px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.045)!important;
    font-size:14.5px!important;
    padding-left:15px!important;
  }

  /* Hesap + sepet CTA turuncu ve anlaşılır */
  body:not(.admin-body) #mobile-side-nav .sell-btn a,
  body:not(.admin-body) #mobile-side-nav .cart-mobile-link,
  body:not(.admin-body) #mobile-side-nav a[href*="sepetim"],
  body:not(.admin-body) #mobile-side-nav a[href*="hesabim"],
  body:not(.admin-body) #mobile-side-nav a[href*="giris"]{
    justify-content:center!important;
    background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
    border-color:rgba(37,99,235,.55)!important;
    color:#fff!important;
    box-shadow:0 14px 30px rgba(37,99,235,.25)!important;
  }
  body:not(.admin-body) #mobile-side-nav .cart-count{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    background:#ff3030!important;
    color:#fff!important;
    font-size:12px!important;
    margin-left:auto!important;
  }
}

@media (max-width:420px){
  body:not(.admin-body) #top-header .header-links a{ font-size:12px!important; }
  body:not(.admin-body) #header{ padding:13px 0 14px!important; }
  body:not(.admin-body) #header .container{ padding:0 16px!important; }
  body:not(.admin-body) #header .header-logo img{ width:min(176px,51vw)!important; max-height:54px!important; }
  body:not(.admin-body) #mobile-menu-toggle{ width:40px!important;height:40px!important; }
  body:not(.admin-body) #mobile-menu-toggle span{ width:30px!important;height:3px!important; }
  body:not(.admin-body) #navigation .header-search{ max-width:calc(100vw - 72px)!important; }
  body:not(.admin-body) #navigation .header-search-input{ height:48px!important;font-size:15px!important; }
}

/* Tamirhane brand alanı: mobil + masaüstü corporate bloğa daha yakın */
body:not(.admin-body) .brand-strip,
body:not(.admin-body) .brands-section,
body:not(.admin-body) .brand-section,
body:not(.admin-body) .brand-logos,
body:not(.admin-body) .tamirhane-brands{
  margin-top:8px!important;
  margin-bottom:18px!important;
}
body:not(.admin-body) .experience-section,
body:not(.admin-body) .tamirhane-experience,
body:not(.admin-body) .tamirhane-corporate-hero{
  margin-top:0!important;
}
body:not(.admin-body) .brand-strip + .tamirhane-corporate-hero,
body:not(.admin-body) .brand-strip + .experience-section,
body:not(.admin-body) .brands-section + .tamirhane-corporate-hero,
body:not(.admin-body) .brands-section + .experience-section{
  margin-top:10px!important;
}
@media (min-width:992px){
  body:not(.admin-body) .brand-strip,
  body:not(.admin-body) .brands-section,
  body:not(.admin-body) .brand-section,
  body:not(.admin-body) .brand-logos,
  body:not(.admin-body) .tamirhane-brands{
    margin-top:6px!important;
    margin-bottom:14px!important;
  }
  body:not(.admin-body) .brand-strip + .tamirhane-corporate-hero,
  body:not(.admin-body) .brand-strip + .experience-section,
  body:not(.admin-body) .brands-section + .tamirhane-corporate-hero,
  body:not(.admin-body) .brands-section + .experience-section{
    margin-top:8px!important;
  }
}

/* v76 - Tamirhane son rötuş: aşağı işaret parmağı görünür olsun + marka alanı daha sıkı */
body:not(.admin-body) .highlight-click-hint{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:max-content!important;
  max-width:calc(100% - 30px)!important;
  margin:0 auto 18px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  background:rgba(37,99,235,.10)!important;
  border:1px solid rgba(37,99,235,.24)!important;
  color:#f4f7fb!important;
  font-weight:800!important;
  line-height:1.35!important;
  text-align:center!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
body:not(.admin-body) .highlight-click-hint .hint-finger{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#2563eb,#93c5fd)!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
  filter:drop-shadow(0 8px 14px rgba(37,99,235,.30))!important;
  animation:ozkerHintDown 1.35s ease-in-out infinite!important;
}
@keyframes ozkerHintDown{
  0%,100%{ transform:translateY(-1px); }
  50%{ transform:translateY(5px); }
}
body:not(.admin-body) .experience-section{
  padding-bottom:8px!important;
}
body:not(.admin-body) .experience-container{
  padding-bottom:0!important;
}
body:not(.admin-body) .brand-strip,
body:not(.admin-body) .brands-section,
body:not(.admin-body) .brand-section,
body:not(.admin-body) .brand-logos,
body:not(.admin-body) .tamirhane-brands{
  margin-top:0!important;
  margin-bottom:8px!important;
}
body:not(.admin-body) .brand-track{
  padding-top:8px!important;
  padding-bottom:8px!important;
}
body:not(.admin-body) .brand-strip + .service-highlights-section,
body:not(.admin-body) .brands-section + .service-highlights-section,
body:not(.admin-body) .brand-section + .service-highlights-section,
body:not(.admin-body) .tamirhane-brands + .service-highlights-section{
  margin-top:6px!important;
  padding-top:8px!important;
}
@media (min-width:992px){
  body:not(.admin-body) .experience-section{
    padding-bottom:0!important;
  }
  body:not(.admin-body) .brand-strip,
  body:not(.admin-body) .brands-section,
  body:not(.admin-body) .brand-section,
  body:not(.admin-body) .brand-logos,
  body:not(.admin-body) .tamirhane-brands{
    margin-top:-4px!important;
    margin-bottom:4px!important;
  }
  body:not(.admin-body) .brand-strip + .service-highlights-section,
  body:not(.admin-body) .brands-section + .service-highlights-section,
  body:not(.admin-body) .brand-section + .service-highlights-section,
  body:not(.admin-body) .tamirhane-brands + .service-highlights-section{
    margin-top:2px!important;
    padding-top:4px!important;
  }
}
@media (max-width:767px){
  body:not(.admin-body) .highlight-click-hint{
    width:calc(100% - 28px)!important;
    max-width:460px!important;
    margin-bottom:14px!important;
    padding:10px 13px!important;
    font-size:13.5px!important;
  }
  body:not(.admin-body) .highlight-click-hint .hint-finger{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    font-size:17px!important;
  }
  body:not(.admin-body) .brand-strip,
  body:not(.admin-body) .brands-section,
  body:not(.admin-body) .brand-section,
  body:not(.admin-body) .brand-logos,
  body:not(.admin-body) .tamirhane-brands{
    margin-top:-2px!important;
    margin-bottom:6px!important;
  }
  body:not(.admin-body) .brand-strip + .service-highlights-section,
  body:not(.admin-body) .brands-section + .service-highlights-section,
  body:not(.admin-body) .brand-section + .service-highlights-section,
  body:not(.admin-body) .tamirhane-brands + .service-highlights-section{
    margin-top:0!important;
    padding-top:6px!important;
  }
}

/* =========================================================
   v78 VERIFIED TAMIRHANE CORPORATE PROOF ALIGNMENT
   - Sağdaki kurumsal güven kutularının dış çerçeve içinde
     yukarıda sıkışıp altta boşluk bırakmasını engeller.
   - Parent stretch etkisini kapatır, kart bloğunu gerçek
     içerik yüksekliğine oturtur.
========================================================= */
body:not(.admin-body) .tamirhane-corporate-wrap{
  align-items:start!important;
}
body:not(.admin-body) .tamirhane-corporate-proof{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-content:start!important;
  justify-content:start!important;
  padding:22px!important;
  gap:14px!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .tamirhane-corporate-proof .proof-card{
  width:100%!important;
  min-height:106px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
@media (min-width:992px){
  body:not(.admin-body) .tamirhane-corporate-proof{
    display:flex!important;
    flex-direction:column!important;
  }
  body:not(.admin-body) .tamirhane-corporate-proof .proof-card{
    flex:0 0 auto!important;
  }
}
@media (max-width:991px){
  body:not(.admin-body) .tamirhane-corporate-proof{
    padding:18px!important;
  }
}
@media (max-width:560px){
  body:not(.admin-body) .tamirhane-corporate-proof{
    gap:12px!important;
  }
  body:not(.admin-body) .tamirhane-corporate-proof .proof-card{
    min-height:auto!important;
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
}

/* =========================================================
   v80 TAMIRHANE CORPORATE EQUAL HEIGHT VERIFIED
   - Sağ proof kutusu masaüstünde tamirhane-corporate-copy ile
     aynı yüksekliğe oturur.
   - Kartlar bu yüksekliğe eşit dağılır; altta boş container kalmaz.
   - Önceki v78 align-items:start kuralını güvenli şekilde ezer.
========================================================= */
@media (min-width: 992px){
  body:not(.admin-body) .tamirhane-corporate-wrap{
    align-items: stretch !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(340px, .85fr) !important;
  }

  body:not(.admin-body) .tamirhane-corporate-copy,
  body:not(.admin-body) .tamirhane-corporate-proof{
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.admin-body) .tamirhane-corporate-proof{
    display: grid !important;
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 20px !important;
    overflow: hidden !important;
    align-content: stretch !important;
    justify-content: stretch !important;
  }

  body:not(.admin-body) .tamirhane-corporate-proof .proof-card{
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 18px 16px 70px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  body:not(.admin-body) .tamirhane-corporate-proof .proof-card:before{
    left: 18px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
  }

  body:not(.admin-body) .tamirhane-corporate-proof .proof-card strong{
    font-size: clamp(18px, 1.35vw, 22px) !important;
    line-height: 1.08 !important;
    margin: 0 0 6px !important;
  }

  body:not(.admin-body) .tamirhane-corporate-proof .proof-card span{
    font-size: clamp(13px, .92vw, 14px) !important;
    line-height: 1.28 !important;
  }
}

@media (min-width: 992px) and (max-width: 1180px){
  body:not(.admin-body) .tamirhane-corporate-wrap{
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .9fr) !important;
    gap: 20px !important;
  }
  body:not(.admin-body) .tamirhane-corporate-copy{
    padding: 32px 34px !important;
  }
  body:not(.admin-body) .tamirhane-corporate-proof{
    padding: 18px !important;
    gap: 10px !important;
  }
}

@media (max-width: 991px){
  body:not(.admin-body) .tamirhane-corporate-wrap{
    align-items: start !important;
  }
  body:not(.admin-body) .tamirhane-corporate-proof{
    height: auto !important;
    overflow: visible !important;
  }
}

/* =========================================================
   v81 - Mobile header/menu/filter final polish
   - Arama logoya yaklaştırıldı ve tam ortalandı
   - Mobil menü daha kompakt, premium ve düzenli hale getirildi
   - Filtre akordeon max-height yerine smooth grid animasyonuna alındı
========================================================= */
@media (max-width: 991px){
  html, body{ overflow-x:hidden!important; }
  body:not(.admin-body) #top-header{
    position:relative!important;
    z-index:1205!important;
    padding:12px 0 10px!important;
    background:#171820!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  body:not(.admin-body) #top-header .container{
    width:100%!important;
    max-width:100%!important;
    padding:0 18px!important;
  }
  body:not(.admin-body) #top-header .header-links{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px 16px!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    text-align:center!important;
  }
  body:not(.admin-body) #top-header .header-links li{margin:0!important;padding:0!important;display:inline-flex!important;}

  body:not(.admin-body) #header{
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
    padding:18px 0 18px!important;
    background:rgba(5,10,18,.96)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  body:not(.admin-body) #header .container{
    width:100%!important;
    max-width:100%!important;
    padding:0 22px!important;
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    grid-template-areas:"empty logo menu" "search search search"!important;
    align-items:center!important;
    justify-items:center!important;
    gap:12px 0!important;
  }
  body:not(.admin-body) #header .col-md-3,
  body:not(.admin-body) #header .col-6{
    grid-area:logo!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:auto!important;
    padding:0!important;
    margin:0!important;
    float:none!important;
  }
  body:not(.admin-body) #header .header-logo{margin:0!important;min-height:0!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  body:not(.admin-body) #header .header-logo img{
    width:min(188px,50vw)!important;
    height:auto!important;
    max-height:58px!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto!important;
  }
  body:not(.admin-body) #mobile-menu-toggle{
    grid-area:menu!important;
    position:static!important;
    justify-self:end!important;
    align-self:center!important;
    width:44px!important;
    height:36px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    transform:none!important;
  }
  body:not(.admin-body) #mobile-menu-toggle span{
    display:block!important;
    width:34px!important;
    height:3.2px!important;
    margin:0!important;
    border-radius:99px!important;
    background:#fff!important;
    box-shadow:0 0 12px rgba(255,255,255,.16)!important;
  }
  body:not(.admin-body) #mobile-menu-toggle:hover span,
  body:not(.admin-body) #mobile-menu-toggle:active span{background:#2563eb!important;}

  body:not(.admin-body) #header .col-md-9,
  body:not(.admin-body) #header .d-none.d-md-block{
    grid-area:search!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    float:none!important;
  }
  body:not(.admin-body) #navigation{
    display:block!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body:not(.admin-body) #navigation .main-nav{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body:not(.admin-body) #navigation .main-nav>li:not(.main-search-item){display:none!important;}
  body:not(.admin-body) #navigation .main-search-item{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0 auto!important;
  }
  body:not(.admin-body) #navigation .header-search{
    width:calc(100vw - 64px)!important;
    max-width:430px!important;
    margin:0 auto!important;
    display:block!important;
    transform:none!important;
  }
  body:not(.admin-body) #navigation .header-search-form{width:100%!important;margin:0!important;display:block!important;}
  body:not(.admin-body) #navigation .header-search-input{
    width:100%!important;
    height:46px!important;
    border-radius:999px!important;
    padding:0 20px!important;
    text-align:left!important;
    font-size:15px!important;
    color:#eef4ff!important;
    background:#07101d!important;
    border:1.5px solid rgba(37,99,235,.86)!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.055),0 12px 26px rgba(0,0,0,.22)!important;
  }

  body:not(.admin-body) #mobile-overlay{
    position:fixed!important;
    inset:0!important;
    display:none!important;
    z-index:2998!important;
    background:rgba(0,0,0,.68)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
  }
  body:not(.admin-body) #mobile-overlay.active{display:block!important;}
  body:not(.admin-body) #mobile-side-nav{
    position:fixed!important;
    top:0!important;
    right:-100%!important;
    left:auto!important;
    width:min(86vw,372px)!important;
    height:100dvh!important;
    z-index:3000!important;
    padding:18px 16px 22px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:linear-gradient(180deg,#101722 0%,#080e19 100%)!important;
    border-left:1px solid rgba(37,99,235,.20)!important;
    box-shadow:-28px 0 72px rgba(0,0,0,.58)!important;
    transition:right .26s cubic-bezier(.2,.7,.2,1)!important;
  }
  body:not(.admin-body) #mobile-side-nav.active{right:0!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-nav-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0 0 14px!important;
    padding:2px 0 14px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-nav-header span{font-size:18px!important;font-weight:950!important;color:#fff!important;}
  body:not(.admin-body) #mobile-close{
    width:40px!important;height:40px!important;border-radius:14px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:26px!important;
  }
  body:not(.admin-body) #mobile-side-nav ul{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important;width:100%!important;}
  body:not(.admin-body) #mobile-side-nav li{display:block!important;width:100%!important;margin:0!important;padding:0!important;}
  body:not(.admin-body) #mobile-side-nav a,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
    width:100%!important;min-height:50px!important;padding:0 14px!important;border-radius:16px!important;
    background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;
    font-size:15.8px!important;font-weight:900!important;text-decoration:none!important;line-height:1.15!important;text-align:left!important;box-shadow:none!important;
  }
  body:not(.admin-body) #mobile-side-nav a:hover,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle:hover,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown.open>.mobile-dropdown-toggle{
    background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(37,99,235,.10))!important;
    border-color:rgba(37,99,235,.42)!important;
  }
  body:not(.admin-body) #mobile-side-nav a i,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle i{font-size:17px!important;width:22px!important;min-width:22px!important;text-align:center!important;color:#fff!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle{cursor:pointer!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle .mobile-dropdown-label{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle .mobile-arrow{margin-left:auto!important;color:#2563eb!important;font-size:13px!important;transition:transform .18s ease!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown.open .mobile-arrow{transform:rotate(180deg)!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-submenu{
    display:none!important;flex-direction:column!important;gap:7px!important;margin:8px 0 0!important;padding:0 0 0 12px!important;border-left:1px solid rgba(37,99,235,.25)!important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown.open .mobile-submenu{display:flex!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-submenu a{min-height:44px!important;border-radius:14px!important;background:rgba(255,255,255,.04)!important;font-size:14.5px!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-account-block{
    margin-top:4px!important;padding:12px!important;border-radius:18px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.10)!important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-account-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin:0 0 10px!important;padding:0!important;color:#fff!important;font-size:14.5px!important;font-weight:900!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-account-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 58px!important;gap:10px!important;align-items:center!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-account-btn,
  body:not(.admin-body) #mobile-side-nav .mobile-cart-icon-btn{
    min-height:52px!important;border-radius:18px!important;justify-content:center!important;background:linear-gradient(135deg,#2563eb,#60a5fa)!important;border-color:rgba(37,99,235,.56)!important;color:#fff!important;box-shadow:0 13px 28px rgba(37,99,235,.24)!important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-cart-icon-btn{width:58px!important;padding:0!important;position:relative!important;}
  body:not(.admin-body) #mobile-side-nav .mobile-cart-icon-btn .cart-count{position:absolute!important;right:-7px!important;top:-8px!important;margin:0!important;}
}

@media (max-width:420px){
  body:not(.admin-body) #header .container{padding:0 18px!important;}
  body:not(.admin-body) #header .header-logo img{width:min(178px,50vw)!important;max-height:54px!important;}
  body:not(.admin-body) #navigation .header-search{width:calc(100vw - 58px)!important;}
  body:not(.admin-body) #navigation .header-search-input{height:45px!important;font-size:14.5px!important;}
}

@media (max-width: 991px){
  body:not(.admin-body) .mobile-filter-accordion{
    width:calc(100% - 30px)!important;
    max-width:560px!important;
    margin:22px auto 22px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.04)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.22)!important;
    display:grid!important;
    grid-template-rows:auto 0fr!important;
    transition:grid-template-rows .24s cubic-bezier(.2,.7,.2,1), box-shadow .2s ease!important;
  }
  body:not(.admin-body) .mobile-filter-accordion.active{grid-template-rows:auto 1fr!important;box-shadow:0 22px 44px rgba(0,0,0,.30)!important;}
  body:not(.admin-body) .mobile-filter-header{
    height:58px!important;padding:0 22px!important;border:0!important;border-radius:23px!important;
    background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:18px!important;font-weight:950!important;line-height:1!important;
    box-shadow:0 16px 30px rgba(37,99,235,.22)!important;cursor:pointer!important;
  }
  body:not(.admin-body) .mobile-filter-header .arrow{transition:transform .22s ease!important;}
  body:not(.admin-body) .mobile-filter-accordion.active .mobile-filter-header .arrow{transform:rotate(180deg)!important;}
  body:not(.admin-body) .mobile-filter-accordion .filter-panel{
    min-height:0!important;max-height:none!important;overflow:hidden!important;padding:0!important;margin:0!important;background:#111927!important;border:0!important;box-shadow:none!important;transition:none!important;
  }
  body:not(.admin-body) .mobile-filter-accordion.active .filter-panel{padding:16px!important;}
  body:not(.admin-body) .mobile-filter-accordion .filter-panel h4.accordion:first-child{margin-top:0!important;}
}

/* =========================================================
   v82 MOBILE HEADER SEARCH HARD RESET
   Arama çubuğunu bozan eski mobil grid kuralları geçersiz kılındı.
   Header gerçek yapıya göre (#header .row) yeniden hizalandı.
========================================================= */
@media (max-width: 991px){
  body:not(.admin-body) #header{
    position: sticky !important;
    top: 0 !important;
    z-index: 10080 !important;
    padding: 0 !important;
    background: #050a12 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.26) !important;
  }

  body:not(.admin-body) #header .container{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  body:not(.admin-body) #header .row{
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "logo menu"
      "search search" !important;
    align-items: center !important;
    gap: 14px 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 28px 22px !important;
    background: #050a12 !important;
  }

  body:not(.admin-body) #header .col-md-3,
  body:not(.admin-body) #header .col-6{
    grid-area: logo !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body:not(.admin-body) #header .header-logo,
  body:not(.admin-body) #header .header-logo .logo{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.admin-body) #header .header-logo img{
    width: min(218px, 56vw) !important;
    max-width: min(218px, 56vw) !important;
    max-height: 62px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
  }

  body:not(.admin-body) #mobile-menu-toggle{
    grid-area: menu !important;
    position: static !important;
    justify-self: end !important;
    align-self: center !important;
    width: 46px !important;
    height: 42px !important;
    min-width: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: visible !important;
  }

  body:not(.admin-body) #mobile-menu-toggle span{
    display: block !important;
    width: 34px !important;
    height: 3px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: 0 0 12px rgba(255,255,255,.15) !important;
  }

  body:not(.admin-body) #header .col-md-9,
  body:not(.admin-body) #header .d-none.d-md-block{
    grid-area: search !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
  }

  body:not(.admin-body) #navigation{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) #navigation .main-nav,
  body:not(.admin-body) #navigation ul.main-nav{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-align: center !important;
  }

  body:not(.admin-body) #navigation .main-nav > li:not(.main-search-item){
    display: none !important;
  }

  body:not(.admin-body) #navigation .main-nav > li.main-search-item,
  body:not(.admin-body) #navigation .main-search-item{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 auto !important;
    float: none !important;
    position: static !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    overflow: visible !important;
  }

  body:not(.admin-body) #navigation .main-search-item .header-search,
  body:not(.admin-body) #navigation .header-search{
    display: block !important;
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    flex: none !important;
    overflow: visible !important;
  }

  body:not(.admin-body) #navigation .header-search-form{
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.admin-body) #navigation .header-search-input{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 20px !important;
    margin: 0 auto !important;
    border-radius: 999px !important;
    border: 1.5px solid rgba(37,99,235,.92) !important;
    background: #07101d !important;
    color: #eef4ff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.055), 0 12px 26px rgba(0,0,0,.22) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body:not(.admin-body) #navigation .header-search-input::placeholder{
    color: rgba(230,236,255,.58) !important;
  }

  body:not(.admin-body) #navigation .header-search-results{
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(calc(100vw - 32px), 430px) !important;
    max-width: min(calc(100vw - 32px), 430px) !important;
    top: calc(100% + 10px) !important;
  }

  /* Eski/çift mobil arama hostu varsa headerı bozmaması için gizle */
  body:not(.admin-body) #header .mobile-search-host{
    display: none !important;
  }
}

@media (max-width: 480px){
  body:not(.admin-body) #header .row{
    padding: 18px 24px 20px !important;
    gap: 12px 14px !important;
  }
  body:not(.admin-body) #header .header-logo img{
    width: min(205px, 55vw) !important;
    max-width: min(205px, 55vw) !important;
  }
  body:not(.admin-body) #navigation .main-search-item .header-search,
  body:not(.admin-body) #navigation .header-search{
    width: min(100%, 400px) !important;
    max-width: 400px !important;
  }
  body:not(.admin-body) #navigation .header-search-input{
    height: 44px !important;
    line-height: 44px !important;
    font-size: 14px !important;
    padding: 0 18px !important;
  }
}

@media (max-width: 380px){
  body:not(.admin-body) #header .row{padding-left: 18px !important;padding-right: 18px !important;}
  body:not(.admin-body) #header .header-logo img{width: min(190px, 54vw) !important;}
  body:not(.admin-body) #mobile-menu-toggle{width: 42px !important;min-width: 42px !important;}
  body:not(.admin-body) #mobile-menu-toggle span{width: 31px !important;}
}

/* Mobil menü: daha kibar, okunaklı ve stabil */
@media (max-width: 991px){
  body:not(.admin-body) #mobile-side-nav{
    width: min(84vw, 360px) !important;
    padding: 18px 16px 24px !important;
    background: linear-gradient(180deg,#111827 0%,#070d18 100%) !important;
    border-left: 1px solid rgba(37,99,235,.18) !important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-nav-header{margin-bottom: 12px !important;}
  body:not(.admin-body) #mobile-side-nav a,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle{
    min-height: 48px !important;
    border-radius: 15px !important;
    font-size: 15.5px !important;
    background: rgba(255,255,255,.052) !important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-account-block{
    padding: 11px !important;
    border-radius: 18px !important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-account-actions{
    grid-template-columns: minmax(0,1fr) 54px !important;
    gap: 9px !important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-account-btn,
  body:not(.admin-body) #mobile-side-nav .mobile-cart-icon-btn{
    min-height: 50px !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg,#2563eb,#60a5fa) !important;
  }
  body:not(.admin-body) #mobile-side-nav .mobile-cart-icon-btn{width:54px !important;}
}

/* =========================================================
   v83 MOBILE HEADER / DRAWER HARD STABILIZATION
   - Logo tam ortalı kalır; hamburger sadece sağda hizalı görünür
   - Arama çubuğu header içinde tek, geniş ve ortalı çalışır
   - Menü açılınca header drawer üstüne binmez
   - Drawer içinde sayfa headerı görünme/taşma bugı engellenir
========================================================= */
@media (max-width: 991px){
  body:not(.admin-body) #top-header{
    position:relative!important;
    z-index:1100!important;
  }

  body:not(.admin-body) #header,
  body:not(.admin-body).site-header-fixed-active #header{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    z-index:1180!important;
    width:100%!important;
    padding:14px 0 16px!important;
    background:#050a12!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
  }

  body:not(.admin-body) #header .container{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:0 20px!important;
    margin:0 auto!important;
  }

  body:not(.admin-body) #header .row{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    grid-template-areas:
      "spacer logo menu"
      "search search search"!important;
    align-items:center!important;
    justify-content:center!important;
    justify-items:center!important;
    gap:15px 0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body:not(.admin-body) #header .col-md-3,
  body:not(.admin-body) #header .col-6{
    grid-area:logo!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    float:none!important;
  }

  body:not(.admin-body) #header .header-logo,
  body:not(.admin-body) #header .header-logo .logo{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    line-height:0!important;
  }

  body:not(.admin-body) #header .header-logo img{
    width:min(198px,52vw)!important;
    max-width:min(198px,52vw)!important;
    max-height:58px!important;
    height:auto!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto!important;
  }

  body:not(.admin-body) #mobile-menu-toggle{
    grid-area:menu!important;
    justify-self:end!important;
    align-self:center!important;
    position:relative!important;
    inset:auto!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:visible!important;
    z-index:1190!important;
  }

  body:not(.admin-body) #mobile-menu-toggle span{
    display:block!important;
    width:34px!important;
    height:3px!important;
    margin:0!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 0 12px rgba(255,255,255,.16)!important;
    transition:background .16s ease, transform .16s ease, box-shadow .16s ease!important;
  }

  body:not(.admin-body) #mobile-menu-toggle:hover span,
  body:not(.admin-body) #mobile-menu-toggle:active span{
    background:#2563eb!important;
    box-shadow:0 0 16px rgba(37,99,235,.34)!important;
  }

  body:not(.admin-body) #header .col-md-9,
  body:not(.admin-body) #header .d-none.d-md-block{
    grid-area:search!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    float:none!important;
  }

  body:not(.admin-body) #navigation,
  body:not(.admin-body) #navigation .main-nav,
  body:not(.admin-body) #navigation ul.main-nav{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    float:none!important;
  }

  body:not(.admin-body) #navigation .main-nav>li:not(.main-search-item){
    display:none!important;
  }

  body:not(.admin-body) #navigation .main-search-item{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0 auto!important;
    position:static!important;
    transform:none!important;
  }

  body:not(.admin-body) #navigation .header-search,
  body:not(.admin-body) #navigation .main-search-item .header-search{
    display:block!important;
    width:min(100%, 440px)!important;
    max-width:440px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    position:relative!important;
    transform:none!important;
  }

  body:not(.admin-body) #navigation .header-search-form{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body:not(.admin-body) #navigation .header-search-input{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:48px!important;
    line-height:48px!important;
    padding:0 22px!important;
    margin:0 auto!important;
    border-radius:999px!important;
    border:1.5px solid rgba(37,99,235,.92)!important;
    background:#07101d!important;
    color:#eef4ff!important;
    font-size:15px!important;
    font-weight:800!important;
    box-sizing:border-box!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.06),0 12px 26px rgba(0,0,0,.22)!important;
  }

  body:not(.admin-body) #navigation .header-search-results{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(calc(100vw - 40px),440px)!important;
    max-width:min(calc(100vw - 40px),440px)!important;
  }

  body:not(.admin-body) #mobile-overlay{
    z-index:30000!important;
    background:rgba(0,0,0,.74)!important;
  }

  body:not(.admin-body) #mobile-side-nav{
    z-index:30010!important;
    top:0!important;
    right:-100%!important;
    left:auto!important;
    width:min(86vw,380px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:18px 16px 24px!important;
    background:linear-gradient(180deg,#111827 0%,#070d18 100%)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    border-left:1px solid rgba(37,99,235,.22)!important;
    box-shadow:-32px 0 86px rgba(0,0,0,.66)!important;
  }

  body:not(.admin-body) #mobile-side-nav.active{right:0!important;}

  body:not(.admin-body).mobile-menu-open #header,
  body:not(.admin-body).mobile-menu-open #header{
    z-index:1000!important;
  }

  body:not(.admin-body) #mobile-side-nav #header,
  body:not(.admin-body) #mobile-side-nav #top-header,
  body:not(.admin-body) #mobile-side-nav .header-logo,
  body:not(.admin-body) #mobile-side-nav #mobile-menu-toggle,
  body:not(.admin-body) #mobile-side-nav .header-search,
  body:not(.admin-body) #mobile-side-nav #navigation{
    display:none!important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-nav-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 0 16px!important;
    padding:4px 0 16px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }

  body:not(.admin-body) #mobile-side-nav ul{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  body:not(.admin-body) #mobile-side-nav a,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle{
    min-height:52px!important;
    border-radius:17px!important;
    padding:0 16px!important;
    font-size:16px!important;
    background:rgba(255,255,255,.058)!important;
    border:1px solid rgba(255,255,255,.11)!important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-account-btn,
  body:not(.admin-body) #mobile-side-nav .mobile-cart-icon-btn,
  body:not(.admin-body) #mobile-side-nav a[href*="sepetim"],
  body:not(.admin-body) #mobile-side-nav a[href*="hesabim"],
  body:not(.admin-body) #mobile-side-nav a[href*="giris"]{
    background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
    border-color:rgba(37,99,235,.62)!important;
    color:#fff!important;
    box-shadow:0 14px 30px rgba(37,99,235,.24)!important;
  }
}

@media (max-width: 420px){
  body:not(.admin-body) #header .container{padding-left:18px!important;padding-right:18px!important;}
  body:not(.admin-body) #header .row{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:14px 0!important;}
  body:not(.admin-body) #header .header-logo img{width:min(188px,53vw)!important;}
  body:not(.admin-body) #mobile-menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;}
  body:not(.admin-body) #mobile-menu-toggle span{width:31px!important;height:3px!important;}
  body:not(.admin-body) #navigation .header-search{width:100%!important;max-width:100%!important;}
  body:not(.admin-body) #navigation .header-search-input{height:46px!important;line-height:46px!important;font-size:14.5px!important;}
}

/* =========================================================
   v84 FRONTEND DARK COMPLETION + SLIDER/PERFORMANCE AUDIT
   - Admin slider images: all slides visible, no overflow
   - Account center and product detail fully dark
   - Mobile menu/filter animation performance stabilized
========================================================= */
:root{
  --ozk-v84-bg:#05070d;
  --ozk-v84-surface:#0d1422;
  --ozk-v84-surface2:#121a2b;
  --ozk-v84-card:#101827;
  --ozk-v84-border:rgba(255,255,255,.12);
  --ozk-v84-text:#f7f9ff;
  --ozk-v84-muted:#a9b7cb;
  --ozk-v84-orange:#2563eb;
  --ozk-v84-orange2:#60a5fa;
}

/* Slider: flex item shrink/width bugs cleaned; uploaded images fit inside the hero */
body:not(.admin-body) .slider{
  isolation:isolate!important;
  background:#05070d!important;
}
body:not(.admin-body) .slider .slides{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  overflow:visible!important;
  transform:translate3d(0,0,0);
  transition:transform .34s cubic-bezier(.22,.78,.25,1)!important;
  will-change:transform!important;
}
body:not(.admin-body) .slider .slides picture,
body:not(.admin-body) .slider .slides .slide{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#05070d,#101827)!important;
}
body:not(.admin-body) .slider .slides img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:#05070d!important;
}
body:not(.admin-body) .slider .slider-nav{
  pointer-events:none!important;
}
body:not(.admin-body) .slider .slider-nav button{
  pointer-events:auto!important;
  transform:translateZ(0)!important;
}
body:not(.admin-body) .slider .slider-nav button:disabled{
  opacity:.42!important;
  cursor:default!important;
}
@media(max-width:768px){
  body:not(.admin-body) .slider{height:clamp(230px,52vw,340px)!important;min-height:230px!important;}
  body:not(.admin-body) .slider .slides img{object-fit:contain!important;}
}

/* Üye merkezi: açık tema kalıntıları temizlendi */
body:not(.admin-body) .pt-account-page,
body:not(.admin-body) #accountPage{
  background:radial-gradient(circle at 15% 12%,rgba(37,99,235,.10),transparent 30%),linear-gradient(180deg,#05070d,#080d17)!important;
  color:var(--ozk-v84-text)!important;
  padding-top:52px!important;
}
body:not(.admin-body) .pt-account-page .container{max-width:1280px!important;}
body:not(.admin-body) .pt-account-head h1,
body:not(.admin-body) .pt-account-head p,
body:not(.admin-body) .pt-account-main h2,
body:not(.admin-body) .pt-account-main h3,
body:not(.admin-body) .pt-panel h3{color:#fff!important;text-shadow:none!important;}
body:not(.admin-body) .pt-account-head p{color:#aebbd0!important;letter-spacing:.04em!important;}
body:not(.admin-body) .pt-account-sidebar,
body:not(.admin-body) .pt-account-content,
body:not(.admin-body) .pt-account-main,
body:not(.admin-body) .pt-panel-box,
body:not(.admin-body) .pt-card,
body:not(.admin-body) .pt-note-box,
body:not(.admin-body) .pt-upload-box,
body:not(.admin-body) .pt-dashboard-card,
body:not(.admin-body) .pt-address-card,
body:not(.admin-body) .pt-order-card,
body:not(.admin-body) .pt-stock-card,
body:not(.admin-body) .pt-return-card{
  background:linear-gradient(180deg,rgba(18,26,42,.96),rgba(9,13,24,.98))!important;
  border:1px solid var(--ozk-v84-border)!important;
  color:#fff!important;
  box-shadow:0 20px 56px rgba(0,0,0,.34)!important;
}
body:not(.admin-body) .pt-user-card{border-bottom-color:rgba(255,255,255,.10)!important;}
body:not(.admin-body) .pt-user-name,
body:not(.admin-body) .pt-radio-title,
body:not(.admin-body) .pt-muted-label,
body:not(.admin-body) .pt-panel label{color:#fff!important;}
body:not(.admin-body) .pt-user-mail,
body:not(.admin-body) .pt-muted-text,
body:not(.admin-body) .pt-lead,
body:not(.admin-body) .pt-note-box p,
body:not(.admin-body) .pt-panel small{color:#aebbd0!important;}
body:not(.admin-body) .pt-side-link,
body:not(.admin-body) .pt-side-button{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#dce6f7!important;
  border-radius:14px!important;
  margin-bottom:10px!important;
}
body:not(.admin-body) .pt-side-link.active,
body:not(.admin-body) .pt-side-link:hover,
body:not(.admin-body) .pt-side-button:hover{
  background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(59,130,246,.10))!important;
  border-color:rgba(37,99,235,.42)!important;
  color:#fff!important;
}
body:not(.admin-body) .pt-account-page .form-control,
body:not(.admin-body) .pt-account-page input,
body:not(.admin-body) .pt-account-page select,
body:not(.admin-body) .pt-account-page textarea{
  background:#070b14!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body:not(.admin-body) .pt-account-page .form-control::placeholder,
body:not(.admin-body) .pt-account-page input::placeholder,
body:not(.admin-body) .pt-account-page textarea::placeholder{color:#7e8ba2!important;}
body:not(.admin-body) .pt-radio-card,
body:not(.admin-body) .pt-check-chip,
body:not(.admin-body) .pt-ref-badge{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#fff!important;
}
body:not(.admin-body) .pt-radio-card:has(input:checked),
body:not(.admin-body) .pt-check-chip.active{
  border-color:rgba(37,99,235,.50)!important;
  background:rgba(37,99,235,.12)!important;
}

/* Ürün detay sayfası: sağ bilgi kartı ve galeri koyu tema */
body:not(.admin-body) #dynamicProductPage,
body:not(.admin-body) .listing-section{
  background:radial-gradient(circle at 85% 10%,rgba(41,216,255,.07),transparent 28%),linear-gradient(180deg,#05070d,#070d18)!important;
  color:#fff!important;
}
body:not(.admin-body) .listing-section{padding:54px 0 64px!important;}
body:not(.admin-body) .listing-section .container{max-width:1280px!important;}
body:not(.admin-body) .listing-gallery,
body:not(.admin-body) .listing-info{
  background:linear-gradient(180deg,rgba(18,26,42,.96),rgba(9,13,24,.98))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-radius:24px!important;
  box-shadow:0 22px 58px rgba(0,0,0,.36)!important;
}
body:not(.admin-body) .image-zoom-wrapper{
  background:#070b14!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
}
body:not(.admin-body) .listing-main-img{object-fit:contain!important;background:#070b14!important;}
body:not(.admin-body) .listing-thumbs img{
  background:#070b14!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:14px!important;
  object-fit:contain!important;
}
body:not(.admin-body) .listing-thumbs img.active{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.18)!important;}
body:not(.admin-body) .listing-title,
body:not(.admin-body) .listing-info h1,
body:not(.admin-body) .listing-info h4{color:#fff!important;}
body:not(.admin-body) .listing-meta span,
body:not(.admin-body) .listing-details p,
body:not(.admin-body) .listing-details li{color:#aebbd0!important;}
body:not(.admin-body) .old-price{color:#6f7b90!important;}
body:not(.admin-body) .listing-price{color:#72f29a!important;text-shadow:0 8px 26px rgba(114,242,154,.18)!important;}
body:not(.admin-body) .listing-specs li{color:#dce6f7!important;}
body:not(.admin-body) .listing-specs i{color:#2ed06e!important;}
body:not(.admin-body) .details-toggle{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
body:not(.admin-body) .details-toggle:hover{background:rgba(37,99,235,.16)!important;border-color:rgba(37,99,235,.32)!important;}
body:not(.admin-body) .details-content{
  background:#070b14!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#dce6f7!important;
  border-radius:16px!important;
}
body:not(.admin-body) .btn-add-cart,
body:not(.admin-body) .btn-add-cart--whatsapp,
body:not(.admin-body) .stock-notify-icon-btn{
  border-radius:999px!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
body:not(.admin-body) .btn-add-cart{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;}
body:not(.admin-body) .btn-add-cart--whatsapp{background:linear-gradient(135deg,#17c964,#22d873)!important;}
body:not(.admin-body) .stock-notify-icon-btn{background:#111a2a!important;}
@media(max-width:991px){
  body:not(.admin-body) .listing-section{padding:28px 14px 40px!important;}
  body:not(.admin-body) .listing-gallery,
  body:not(.admin-body) .listing-info{margin-bottom:18px!important;padding:18px!important;}
  body:not(.admin-body) .listing-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
}

/* Video açık kalan kartları da dark surface'a al */
body:not(.admin-body) .yt-featured,
body:not(.admin-body) .yt-featured-card,
body:not(.admin-body) .yt-latest-card,
body:not(.admin-body) .yt-card,
body:not(.admin-body) .yt-panel,
body:not(.admin-body) .yt-section-card{
  background:linear-gradient(180deg,rgba(18,26,42,.96),rgba(9,13,24,.98))!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#fff!important;
}
body:not(.admin-body) .yt-featured *,
body:not(.admin-body) .yt-card *{color:inherit;}

/* Animasyon/performance: mobil menü ve filtrede ağır transform/blur temizliği */
@media(max-width:991px){
  body:not(.admin-body) #mobile-side-nav,
  body:not(.admin-body) #mobile-overlay,
  body:not(.admin-body) .mobile-filter-accordion,
  body:not(.admin-body) .mobile-filter-accordion .filter-panel,
  body:not(.admin-body) .filter-panel{
    backdrop-filter:none!important;
    filter:none!important;
    will-change:auto!important;
  }
  body:not(.admin-body) #mobile-side-nav{
    transition:right .22s cubic-bezier(.22,.78,.25,1)!important;
  }
  body:not(.admin-body) #mobile-overlay{
    transition:opacity .18s ease!important;
  }
  body:not(.admin-body) .mobile-filter-accordion .filter-panel{
    display:block!important;
    max-height:0!important;
    opacity:0!important;
    overflow:hidden!important;
    transform:none!important;
    transition:max-height .24s ease, opacity .18s ease, padding .18s ease!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body:not(.admin-body) .mobile-filter-accordion.active .filter-panel{
    max-height:78vh!important;
    opacity:1!important;
    overflow:auto!important;
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
  body:not(.admin-body) .mobile-filter-header,
  body:not(.admin-body) .btn-mobile-filter{
    transform:none!important;
    transition:background .16s ease, border-color .16s ease, box-shadow .16s ease!important;
  }
}

/* Çok eski cihazlar için ekstra sakin mod */
@media(max-width:991px), (prefers-reduced-motion: reduce){
  body:not(.admin-body) .slider .slides{transition:transform .24s ease!important;}
  body:not(.admin-body) .promo-track,
  body:not(.admin-body) .marquee-track{animation:none!important;}
}

/* =========================================================
   v85 FRONTEND DARK ACCOUNT + SLIDER + MOBILE STICKY AUDIT
   Kapsam: Üye merkezi tüm paneller, ürün detay beyaz kalıntıları,
   slider placeholder/taşma, mobil sticky header ve performans.
========================================================= */
:root{
  --ozk-d-bg:#05070d;
  --ozk-d-bg2:#080d17;
  --ozk-d-card:#111a2a;
  --ozk-d-card2:#172233;
  --ozk-d-soft:#202b3c;
  --ozk-d-border:rgba(255,255,255,.115);
  --ozk-d-border-strong:rgba(37,99,235,.30);
  --ozk-d-text:#f6f8ff;
  --ozk-d-muted:#aebbd0;
  --ozk-d-orange:#2563eb;
  --ozk-d-orange2:#60a5fa;
}

html{scroll-behavior:auto!important;}
body:not(.admin-body){background:#05070d!important;color:var(--ozk-d-text)!important;}
body:not(.admin-body)::before,
body:not(.admin-body)::after{animation:none!important;}

/* Açılışta görünen kocaman Özker Bilişim placeholder'ı kaldırıldı */
body:not(.admin-body) .slider.is-empty:before,
body:not(.admin-body) .slider:empty:before{
  content:""!important;
  display:none!important;
}
body:not(.admin-body) .slider.is-empty{
  background:linear-gradient(135deg,#060a12,#0d1422)!important;
}
body:not(.admin-body) .slider.is-empty .slider-nav{display:none!important;}

/* Slider görselleri: admin panelden eklenen her görsel taşmadan, ortalı şekilde görünür */
body:not(.admin-body) .slider,
body:not(.admin-body) .slider .slides,
body:not(.admin-body) .slider .slides picture,
body:not(.admin-body) .slider .slides .slide{
  box-sizing:border-box!important;
}
body:not(.admin-body) .slider{overflow:hidden!important;contain:layout paint!important;}
body:not(.admin-body) .slider .slides{overflow:visible!important;backface-visibility:hidden!important;}
body:not(.admin-body) .slider .slides picture,
body:not(.admin-body) .slider .slides .slide{
  flex:0 0 100%!important;
  min-width:100%!important;
  width:100%!important;
  height:100%!important;
  align-items:center!important;
  justify-content:center!important;
  background:#05070d!important;
}
body:not(.admin-body) .slider .slides img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#05070d!important;
}

/* Üye merkezi: bütün sekmeler/paneller tam koyu moda alındı */
body:not(.admin-body) .pt-account-page,
body:not(.admin-body) .pt-account-page *{box-sizing:border-box;}
body:not(.admin-body) .pt-account-page{
  background:linear-gradient(180deg,#05070d 0%,#080d17 100%)!important;
  color:var(--ozk-d-text)!important;
}
body:not(.admin-body) .pt-account-layout,
body:not(.admin-body) .pt-account-main,
body:not(.admin-body) .pt-panel,
body:not(.admin-body) .pt-account-content,
body:not(.admin-body) .pt-account-sidebar{
  color:var(--ozk-d-text)!important;
}
body:not(.admin-body) .pt-account-sidebar,
body:not(.admin-body) .pt-account-content,
body:not(.admin-body) .pt-panel-box,
body:not(.admin-body) .pt-dashboard-card,
body:not(.admin-body) .pt-address-card,
body:not(.admin-body) .pt-list-row,
body:not(.admin-body) .pt-order-card,
body:not(.admin-body) .pt-stock-card,
body:not(.admin-body) .pt-return-card,
body:not(.admin-body) .pt-note-box,
body:not(.admin-body) .pt-status-info,
body:not(.admin-body) .pt-invite-hero,
body:not(.admin-body) .pt-account-type-top,
body:not(.admin-body) .pt-verification-wrap,
body:not(.admin-body) .pt-profile-photo-box,
body:not(.admin-body) .pt-upload-box,
body:not(.admin-body) .pt-ref-badge,
body:not(.admin-body) .pt-radio-card,
body:not(.admin-body) .pt-check-chip,
body:not(.admin-body) #panel-account-type .pt-panel-box,
body:not(.admin-body) #panel-invite .pt-panel-box,
body:not(.admin-body) #panel-preferences .pt-panel-box,
body:not(.admin-body) #panel-favorites .pt-panel-box,
body:not(.admin-body) #panel-address .pt-panel-box,
body:not(.admin-body) #panel-details .pt-panel-box,
body:not(.admin-body) #panel-institutions .pt-panel-box,
body:not(.admin-body) #panel-quotes .pt-panel-box,
body:not(.admin-body) #panel-orders .pt-panel-box,
body:not(.admin-body) #panel-stock .pt-panel-box,
body:not(.admin-body) #panel-return .pt-panel-box{
  background:linear-gradient(180deg,rgba(18,26,42,.96),rgba(9,13,24,.98))!important;
  border:1px solid var(--ozk-d-border)!important;
  color:var(--ozk-d-text)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
}
body:not(.admin-body) .pt-account-content,
body:not(.admin-body) .pt-panel-box{
  border-radius:24px!important;
  outline:none!important;
}
/* Keskin köşeli/çirkin dış çerçeve temizliği */
body:not(.admin-body) .pt-account-main > .pt-panel,
body:not(.admin-body) .pt-account-main > section{
  border:0!important;
  outline:0!important;
  background:transparent!important;
}
body:not(.admin-body) .pt-panel h2,
body:not(.admin-body) .pt-panel h3,
body:not(.admin-body) .pt-panel h4,
body:not(.admin-body) .pt-account-head h1,
body:not(.admin-body) .pt-account-head p,
body:not(.admin-body) .pt-user-name,
body:not(.admin-body) .pt-radio-title,
body:not(.admin-body) .pt-panel label,
body:not(.admin-body) .pt-dashboard-card,
body:not(.admin-body) .pt-address-card strong{color:#fff!important;}
body:not(.admin-body) .pt-user-mail,
body:not(.admin-body) .pt-lead,
body:not(.admin-body) .pt-muted-text,
body:not(.admin-body) .pt-muted-label,
body:not(.admin-body) .pt-note-box p,
body:not(.admin-body) .pt-panel small,
body:not(.admin-body) .pt-radio-card p{color:var(--ozk-d-muted)!important;}
body:not(.admin-body) .pt-account-page input,
body:not(.admin-body) .pt-account-page select,
body:not(.admin-body) .pt-account-page textarea,
body:not(.admin-body) .pt-account-page .form-control{
  background:#070b14!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
body:not(.admin-body) .pt-account-page input:focus,
body:not(.admin-body) .pt-account-page select:focus,
body:not(.admin-body) .pt-account-page textarea:focus,
body:not(.admin-body) .pt-account-page .form-control:focus{
  border-color:rgba(37,99,235,.55)!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;
}
body:not(.admin-body) .pt-profile-preview,
body:not(.admin-body) .pt-upload-drop{
  background:#0a101c!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#dce6f7!important;
}
body:not(.admin-body) .pt-upload-drop span,
body:not(.admin-body) .pt-link-btn{color:#60a5fa!important;}
body:not(.admin-body) .pt-side-link,
body:not(.admin-body) .pt-side-button{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#dce6f7!important;
}
body:not(.admin-body) .pt-side-link.active,
body:not(.admin-body) .pt-side-link:hover,
body:not(.admin-body) .pt-side-button:hover{
  background:linear-gradient(135deg,rgba(37,99,235,.24),rgba(59,130,246,.12))!important;
  border-color:rgba(37,99,235,.42)!important;
  color:#fff!important;
}
body:not(.admin-body) .pt-radio-card:has(input:checked),
body:not(.admin-body) .pt-check-chip.active,
body:not(.admin-body) .pt-dashboard-card:hover{
  background:linear-gradient(180deg,rgba(37,99,235,.16),rgba(18,26,42,.98))!important;
  border-color:rgba(37,99,235,.42)!important;
}
body:not(.admin-body) .primary-btn,
body:not(.admin-body) .pt-copy-btn{
  background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(37,99,235,.22)!important;
}

/* Ürün detay: kalan beyaz alanların tamamı dark surface */
body:not(.admin-body) .listing-gallery,
body:not(.admin-body) .listing-info,
body:not(.admin-body) .listing-card,
body:not(.admin-body) .product-detail-card,
body:not(.admin-body) .image-zoom-wrapper,
body:not(.admin-body) .listing-thumbs,
body:not(.admin-body) .listing-details,
body:not(.admin-body) .details-content{
  background:linear-gradient(180deg,rgba(18,26,42,.96),rgba(9,13,24,.98))!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
body:not(.admin-body) .listing-info *:not(.btn):not(button):not(.discount-badge),
body:not(.admin-body) .listing-gallery *:not(.btn):not(button){color:inherit;}
body:not(.admin-body) .listing-info,
body:not(.admin-body) .listing-gallery{border-radius:24px!important;box-shadow:0 18px 46px rgba(0,0,0,.26)!important;}
body:not(.admin-body) .listing-main-img,
body:not(.admin-body) .listing-thumbs img{background:#070b14!important;object-fit:contain!important;}
body:not(.admin-body) .details-toggle{background:#111a2a!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;}

/* Mobile header gerçek sticky/fixed: aşağı inerken kaybolmaz */
@media(max-width:991px){
  body:not(.admin-body){padding-top:var(--ozker-mobile-header-offset,0px)!important;}
  body:not(.admin-body) #top-header,
  body:not(.admin-body) #header{
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:2500!important;
    transform:translateZ(0)!important;
    backface-visibility:hidden!important;
  }
  body:not(.admin-body) #top-header{top:0!important;}
  body:not(.admin-body) #header{top:var(--ozker-top-header-height,0px)!important;}
  body:not(.admin-body).mobile-menu-open #header{z-index:2400!important;}
}

/* Performans: ağır glow/blur ve gereksiz animasyon azaltıldı */
@media(max-width:991px), (prefers-reduced-motion:reduce){
  body:not(.admin-body) *,
  body:not(.admin-body) *::before,
  body:not(.admin-body) *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
  }
  body:not(.admin-body) #mobile-side-nav,
  body:not(.admin-body) #mobile-overlay,
  body:not(.admin-body) .mobile-filter-accordion .filter-panel{
    backdrop-filter:none!important;
    filter:none!important;
  }
  body:not(.admin-body) #mobile-side-nav{transition:right .18s ease!important;}
  body:not(.admin-body) #mobile-overlay{transition:opacity .16s ease!important;}
  body:not(.admin-body) .mobile-filter-accordion .filter-panel{transition:max-height .18s ease,opacity .14s ease!important;}
}

/* =========================================================
   v86 MOBILE STICKY HEADER CORRECTION
   Kullanıcı isteği: Mobilde sadece ana header sabit kalsın;
   telefon/e-posta/sosyal ikonların olduğu #top-header sabit kalmasın.
   Önceki v85 kuralı #top-header'ı fixed yaptığı için burada net şekilde ayrıştırıldı.
========================================================= */
@media (max-width: 991px){
  html body:not(.admin-body){
    padding-top:0 !important;
  }

  html body:not(.admin-body) #top-header,
  html body:not(.admin-body).site-header-fixed-active #top-header{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    z-index:1200 !important;
    transform:none !important;
    backface-visibility:visible !important;
  }

  html body:not(.admin-body) #header,
  html body:not(.admin-body).site-header-fixed-active #header{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:0 !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    z-index:2500 !important;
    transform:translateZ(0) !important;
    backface-visibility:hidden !important;
    will-change:transform !important;
  }

  html body:not(.admin-body).mobile-menu-open #top-header{
    z-index:1000 !important;
  }
  html body:not(.admin-body).mobile-menu-open #header{
    z-index:2400 !important;
  }
}

/* =========================================================
   v87 FINAL MOBILE STICKY SPLIT
   Top-header (telefon/e-posta/sosyal) normal sayfa akışında kalır.
   Sadece ana header (#header: logo + menü + arama) mobilde sticky olur.
   Önceki sabitleme kurallarını daha yüksek özgüllükle sıfırlar.
========================================================= */
@media (max-width: 991px){
  html body:not(.admin-body),
  html body:not(.admin-body).site-header-fixed-active{
    padding-top:0 !important;
  }

  html body:not(.admin-body) #top-header,
  html body:not(.admin-body).site-header-fixed-active #top-header,
  html body:not(.admin-body).mobile-menu-open #top-header,
  html body:not(.admin-body) div#top-header{
    position:static !important;
    inset:auto !important;
    top:auto !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    height:auto !important;
    z-index:20 !important;
    transform:none !important;
    translate:none !important;
    will-change:auto !important;
    backface-visibility:visible !important;
  }

  html body:not(.admin-body) #header,
  html body:not(.admin-body).site-header-fixed-active #header,
  html body:not(.admin-body).mobile-menu-open #header,
  html body:not(.admin-body) header#header{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:0 !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    z-index:2100 !important;
    transform:translateZ(0) !important;
    will-change:transform !important;
    backface-visibility:hidden !important;
  }

  html body:not(.admin-body) #header::before,
  html body:not(.admin-body) #header::after{
    pointer-events:none !important;
  }
}

/* =========================================================
   v88 REAL MOBILE HEADER STICKY FIX
   İstenen davranış:
   - #top-header (telefon/e-posta/sosyal) kesinlikle sabit kalmaz, sayfa ile yukarı gider.
   - Sadece #header (logo + menü + arama) top-header geçildikten sonra viewport üstünde sabit kalır.
   - Sticky yerine JS destekli fixed fallback kullanılır; eski çakışan sticky/fixed kurallarını bastırır.
========================================================= */
@media (max-width: 991px){
  html body:not(.admin-body),
  html body:not(.admin-body).site-header-fixed-active{
    padding-top:0 !important;
  }

  html body:not(.admin-body) #top-header,
  html body:not(.admin-body).site-header-fixed-active #top-header,
  html body:not(.admin-body).mobile-main-header-fixed #top-header,
  html body:not(.admin-body).mobile-menu-open #top-header{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    z-index:20 !important;
    transform:none !important;
    translate:none !important;
    will-change:auto !important;
    backface-visibility:visible !important;
  }

  html body:not(.admin-body) #header,
  html body:not(.admin-body).site-header-fixed-active #header{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    z-index:2100 !important;
    transform:none !important;
    will-change:auto !important;
  }

  html body:not(.admin-body).mobile-main-header-fixed #header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:2600 !important;
    transform:translateZ(0) !important;
    will-change:transform !important;
    backface-visibility:hidden !important;
    box-shadow:0 16px 38px rgba(0,0,0,.42) !important;
  }

  html body:not(.admin-body) .ozker-mobile-header-spacer{
    display:none !important;
    height:0 !important;
  }

  html body:not(.admin-body).mobile-main-header-fixed .ozker-mobile-header-spacer{
    display:block !important;
    height:var(--ozker-mobile-main-header-height, 150px) !important;
    min-height:var(--ozker-mobile-main-header-height, 150px) !important;
    width:100% !important;
    pointer-events:none !important;
  }

  html body:not(.admin-body).mobile-menu-open #header,
  html body:not(.admin-body).mobile-menu-open #header{
    z-index:2400 !important;
  }
}

/* =========================================================
   v89 PERFORMANCE PASS
   Çalışan yapıyı bozmadan: daha az repaint, daha az blur/glow,
   daha akıcı mobil menü / filtre / sticky header.
========================================================= */
@media (max-width: 991px){
  html body:not(.admin-body) #top-header{
    position:static !important;
    transform:none !important;
    will-change:auto !important;
    contain:layout style !important;
  }
  html body:not(.admin-body) #header{
    contain:layout style paint !important;
    will-change:auto !important;
  }
  html body:not(.admin-body).mobile-main-header-fixed #header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    transform:translate3d(0,0,0) !important;
    will-change:transform !important;
    box-shadow:0 10px 24px rgba(0,0,0,.30) !important;
  }

  html body:not(.admin-body) #mobile-overlay,
  html body:not(.admin-body) .menu-overlay{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:rgba(2,6,15,.62) !important;
    transition:opacity .16s ease !important;
  }

  html body:not(.admin-body) #mobile-side-nav,
  html body:not(.admin-body) .mobile-menu{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:translate3d(100%,0,0) !important;
    transition:transform .18s cubic-bezier(.2,.8,.2,1) !important;
    will-change:transform !important;
    contain:layout style paint !important;
  }
  html body:not(.admin-body) #mobile-side-nav.active,
  html body:not(.admin-body) .mobile-menu.active{
    transform:translate3d(0,0,0) !important;
  }

  html body:not(.admin-body) .mobile-filter-accordion .filter-panel,
  html body:not(.admin-body) .filter-sidebar,
  html body:not(.admin-body) .product-card,
  html body:not(.admin-body) .category-card,
  html body:not(.admin-body) .listing-card,
  html body:not(.admin-body) .tamirhane-corporate,
  html body:not(.admin-body) .tamirhane-highlight-card{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  html body:not(.admin-body) .mobile-filter-accordion .filter-panel{
    overflow:hidden !important;
    transition:grid-template-rows .18s ease, opacity .16s ease !important;
    will-change:grid-template-rows,opacity !important;
  }

  html body:not(.admin-body) .product-card,
  html body:not(.admin-body) .category-card,
  html body:not(.admin-body) .brand-card,
  html body:not(.admin-body) .tamirhane-highlight-card{
    transition:transform .14s ease, border-color .14s ease, background-color .14s ease !important;
    box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  }

  html body:not(.admin-body) .cart-btn,
  html body:not(.admin-body) .account-btn,
  html body:not(.admin-body) .login-btn,
  html body:not(.admin-body) .header-account-btn{
    transition:transform .14s ease, background-color .14s ease, box-shadow .14s ease !important;
    box-shadow:0 8px 18px rgba(37,99,235,.22) !important;
  }

  html body:not(.admin-body) *{
    text-rendering:optimizeSpeed !important;
  }
}

@media (min-width: 992px){
  html body:not(.admin-body) .product-card,
  html body:not(.admin-body) .category-card,
  html body:not(.admin-body) .listing-card,
  html body:not(.admin-body) .tamirhane-highlight-card,
  html body:not(.admin-body) #header{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  html body:not(.admin-body) .product-card,
  html body:not(.admin-body) .category-card,
  html body:not(.admin-body) .listing-card{
    box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  html body:not(.admin-body) *,
  html body:not(.admin-body) *::before,
  html body:not(.admin-body) *::after{
    animation:none !important;
    transition:none !important;
  }
}

/* =========================================================
   v90 - Mobile search results clipping fix
   Arama sonuçları artık mobilde header/slider/marquee altında kesilmez.
   JS pozisyonu viewport'a göre sabitler; CSS görünüm ve katman güvenliği sağlar.
========================================================= */
@media (max-width: 991px){
  body:not(.admin-body) #header,
  body:not(.admin-body) #header .container,
  body:not(.admin-body) #header .row,
  body:not(.admin-body) #navigation,
  body:not(.admin-body) #navigation .main-nav,
  body:not(.admin-body) #navigation .main-search-item,
  body:not(.admin-body) #navigation .header-search{
    overflow: visible !important;
  }

  body:not(.admin-body) .header-search-results{
    border-radius: 18px !important;
    border: 1px solid rgba(37,99,235,.88) !important;
    background: #07101d !important;
    box-shadow: 0 22px 44px rgba(0,0,0,.52), 0 0 0 1px rgba(37,99,235,.10) inset !important;
    padding: 9px !important;
    overflow: hidden !important;
    z-index: 30000 !important;
  }

  body:not(.admin-body) .header-search-results-inner{
    max-height: min(360px, calc(100dvh - 170px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
  }

  body:not(.admin-body) .header-search-result,
  body:not(.admin-body) .header-search-result:link,
  body:not(.admin-body) .header-search-result:visited,
  body:not(.admin-body) .header-search-result:hover,
  body:not(.admin-body) .header-search-result:focus,
  body:not(.admin-body) .header-search-result:active{
    grid-template-columns: 48px minmax(0,1fr) auto !important;
    min-height: 66px !important;
    padding: 9px 10px !important;
    border-radius: 14px !important;
    margin-bottom: 7px !important;
  }

  body:not(.admin-body) .header-search-result-thumb{
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
  }

  body:not(.admin-body) .header-search-result-title{
    font-size: 13.5px !important;
    line-height: 1.25 !important;
  }

  body:not(.admin-body) .header-search-result-meta{
    font-size: 10.5px !important;
  }

  body:not(.admin-body) .header-search-result-price{
    min-width: 72px !important;
    font-size: 14.5px !important;
  }
}

/* =========================================================
   v91 - Mobile search dropdown real fix
   Results are portalized to body on mobile, so they cannot be
   clipped by sticky header, slider, marquee or transformed parents.
========================================================= */
#mobile-search-results-portal{
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: visible !important;
  z-index: 2147483000 !important;
  pointer-events: none !important;
}
#mobile-search-results-portal .header-search-results{
  pointer-events: auto !important;
}
@media (max-width: 991px){
  body:not(.admin-body) .header-search-results.mobile-search-results-portalized{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    background: #07101d !important;
    border: 1.5px solid rgba(37,99,235,.92) !important;
    border-radius: 18px !important;
    box-shadow: 0 22px 46px rgba(0,0,0,.56), 0 0 0 1px rgba(37,99,235,.12) inset !important;
    padding: 9px !important;
    overflow: hidden !important;
  }
  body:not(.admin-body) .header-search-results.mobile-search-results-portalized .header-search-results-inner{
    max-height: inherit !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* =========================================================
   v92 - Mobile menu + search overlay conflict fix
   Arama sonucu açıkken menü açılırsa sonuç katmanı kapanır/gizlenir.
   Böylece sonuç kartı mobil menünün üstünde kalmaz.
========================================================= */
@media (max-width: 991px){
  html body:not(.admin-body).mobile-menu-open #mobile-search-results-portal,
  html body:not(.admin-body).mobile-menu-open .header-search-results,
  html body:not(.admin-body).mobile-menu-open #mobile-search-results-portal,
  html body:not(.admin-body).mobile-menu-open .header-search-results{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.admin-body) #mobile-overlay{z-index:2147483200 !important;}
  html body:not(.admin-body) #mobile-side-nav{z-index:2147483300 !important;}
  html body:not(.admin-body) #mobile-side-nav.active{z-index:2147483300 !important;}
}

/* =========================================================
   v94 FINAL FRONTEND POLISH
   - Logo desktop hizalama
   - Filtre başlık/seçenek mikro boşluk
   - Hesabım koyu mod tamamlama + keskin çerçeve temizliği
   - Kart/kutu aralık standardı
   - Tüm top-banner alanlarını kapatma
========================================================= */

/* Tüm sayfalarda eski üst kampanya/top-banner tamamen kaldırıldı */
body:not(.admin-body) #top-banner,
body:not(.admin-body) .top-banner,
body:not(.admin-body) .site-top-banner,
body:not(.admin-body) .banner-area#top-banner{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
}

/* Masaüstü header logo: sol blok ile turuncu ayraç arasında tam ortalama */
@media (min-width: 992px){
  body:not(.admin-body) #header .row > .col-md-3:first-child{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body:not(.admin-body) #header .header-logo{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    text-align:center!important;
  }
  body:not(.admin-body) #header .header-logo .logo,
  body:not(.admin-body) #header .header-logo a.logo{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 auto!important;
  }
  body:not(.admin-body) #header .header-logo img{
    margin:0 auto!important;
    object-fit:contain!important;
  }
}

/* Filtre başlığı ile seçenekler arasında küçük ama temiz nefes payı */
body:not(.admin-body) .filter-panel h4.accordion,
body:not(.admin-body) .filter-sidebar h4.accordion,
body:not(.admin-body) .listing-sidebar h4.accordion{
  margin-bottom:8px!important;
}
body:not(.admin-body) .filter-panel h4.accordion + .accordion-content,
body:not(.admin-body) .filter-sidebar h4.accordion + .accordion-content,
body:not(.admin-body) .listing-sidebar h4.accordion + .accordion-content{
  padding-top:6px!important;
}
body:not(.admin-body) .filter-panel .filter-group,
body:not(.admin-body) .filter-sidebar .filter-group,
body:not(.admin-body) .listing-sidebar .filter-group{
  display:grid!important;
  gap:7px!important;
  padding-top:2px!important;
}
body:not(.admin-body) .filter-panel .modern-checkbox,
body:not(.admin-body) .filter-sidebar .modern-checkbox,
body:not(.admin-body) .listing-sidebar .modern-checkbox{
  margin:0!important;
  line-height:1.35!important;
}

/* Hesabım sayfası: tüm sekmeleri koyu moda zorla, beyaz/sert çerçeveleri temizle */
body:not(.admin-body) .pt-account-page,
body:not(.admin-body) .pt-account-page .pt-panel,
body:not(.admin-body) .pt-account-page .pt-account-content,
body:not(.admin-body) .pt-account-page .pt-account-sidebar{
  background:transparent!important;
}
body:not(.admin-body) .pt-account-page .pt-account-sidebar,
body:not(.admin-body) .pt-account-page .pt-account-content{
  background:linear-gradient(180deg,rgba(18,26,42,.94),rgba(8,13,24,.98))!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:26px!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
  outline:0!important;
}
body:not(.admin-body) .pt-account-page .pt-panel-box,
body:not(.admin-body) .pt-account-page .pt-profile-photo-box,
body:not(.admin-body) .pt-account-page .pt-dashboard-card,
body:not(.admin-body) .pt-account-page .pt-address-card,
body:not(.admin-body) .pt-account-page .pt-item-card,
body:not(.admin-body) .pt-account-page .pt-list-row,
body:not(.admin-body) .pt-account-page .pt-note-box,
body:not(.admin-body) .pt-account-page .pt-check-card,
body:not(.admin-body) .pt-account-page .pt-radio-card,
body:not(.admin-body) .pt-account-page .pt-saved-list > *,
body:not(.admin-body) .pt-account-page .pt-preference-card,
body:not(.admin-body) .pt-account-page .pt-favorite-card,
body:not(.admin-body) .pt-account-page .pt-order-card,
body:not(.admin-body) .pt-account-page .pt-stock-card,
body:not(.admin-body) .pt-account-page .pt-return-card,
body:not(.admin-body) .pt-account-page .pt-institution-card,
body:not(.admin-body) .pt-account-page .pt-quote-card{
  background:linear-gradient(180deg,rgba(17,26,42,.96),rgba(9,14,25,.98))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  border-radius:22px!important;
  box-shadow:none!important;
  outline:0!important;
  color:#f7f9ff!important;
}
body:not(.admin-body) .pt-account-page .pt-panel-box,
body:not(.admin-body) .pt-account-page .pt-profile-photo-box,
body:not(.admin-body) .pt-account-page .pt-address-card{
  padding:22px!important;
}
body:not(.admin-body) .pt-account-page .pt-profile-photo-box{
  gap:22px!important;
  align-items:center!important;
  margin-bottom:24px!important;
}
body:not(.admin-body) .pt-account-page .pt-profile-preview{
  background:linear-gradient(180deg,#111a2a,#0a101c)!important;
  border:1px dashed rgba(255,255,255,.16)!important;
  color:#dce6f7!important;
}
body:not(.admin-body) .pt-account-page .pt-upload-drop,
body:not(.admin-body) .pt-account-page .pt-upload-box,
body:not(.admin-body) .pt-account-page .pt-upload-zone{
  background:#08101c!important;
  border:1px dashed rgba(255,255,255,.18)!important;
  color:#f6f8ff!important;
  border-radius:18px!important;
}
body:not(.admin-body) .pt-account-page .pt-upload-drop:hover,
body:not(.admin-body) .pt-account-page .pt-upload-zone:hover{
  border-color:rgba(37,99,235,.55)!important;
  background:rgba(37,99,235,.08)!important;
}
body:not(.admin-body) .pt-account-page .pt-panel h3,
body:not(.admin-body) .pt-account-page .pt-panel h4,
body:not(.admin-body) .pt-account-page label,
body:not(.admin-body) .pt-account-page strong,
body:not(.admin-body) .pt-account-page .pt-user-name,
body:not(.admin-body) .pt-account-page .pt-address-recipient,
body:not(.admin-body) .pt-account-page .pt-radio-title{
  color:#fff!important;
}
body:not(.admin-body) .pt-account-page small,
body:not(.admin-body) .pt-account-page p,
body:not(.admin-body) .pt-account-page .pt-muted-text,
body:not(.admin-body) .pt-account-page .pt-muted-label,
body:not(.admin-body) .pt-account-page .pt-user-mail,
body:not(.admin-body) .pt-account-page .pt-address-card p,
body:not(.admin-body) .pt-account-page .pt-radio-card p{
  color:#aebbd0!important;
}
body:not(.admin-body) .pt-account-page a:not(.primary-btn):not(.cta-btn):not(.site-action-btn){
  color:#60a5fa!important;
}
body:not(.admin-body) .pt-account-page input,
body:not(.admin-body) .pt-account-page select,
body:not(.admin-body) .pt-account-page textarea,
body:not(.admin-body) .pt-account-page .form-control{
  background:#070b14!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body:not(.admin-body) .pt-account-page input::placeholder,
body:not(.admin-body) .pt-account-page textarea::placeholder{color:#8392aa!important;}

/* Üye merkezi sekmeleri/kutuları birbirine yapışmasın */
body:not(.admin-body) .pt-account-page .pt-panel > * + *,
body:not(.admin-body) .pt-account-page .pt-panel-box > * + *,
body:not(.admin-body) .pt-account-page .pt-list-cards > * + *,
body:not(.admin-body) .pt-account-page .pt-saved-list > * + *{
  margin-top:18px!important;
}
body:not(.admin-body) .pt-account-page .pt-grid-2,
body:not(.admin-body) .pt-account-page .pt-form-row,
body:not(.admin-body) .pt-account-page .pt-dashboard-grid{
  gap:20px!important;
}
body:not(.admin-body) .pt-account-page .pt-form-group{margin-bottom:18px!important;}

/* Keskin ve kare duran çerçeve kalıntılarını yumuşat */
body:not(.admin-body) .pt-account-page [style*="border"],
body:not(.admin-body) .pt-account-page .panel,
body:not(.admin-body) .pt-account-page .card{
  border-radius:22px!important;
}
body:not(.admin-body) .pt-account-page .pt-account-content > .pt-panel,
body:not(.admin-body) .pt-account-page .pt-panel[style]{
  border:0!important;
  outline:0!important;
}

@media(max-width:991px){
  body:not(.admin-body) .pt-account-page{padding-top:28px!important;}
  body:not(.admin-body) .pt-account-page .pt-account-layout{gap:18px!important;}
  body:not(.admin-body) .pt-account-page .pt-account-sidebar,
  body:not(.admin-body) .pt-account-page .pt-account-content{border-radius:22px!important;}
  body:not(.admin-body) .pt-account-page .pt-panel-box,
  body:not(.admin-body) .pt-account-page .pt-profile-photo-box,
  body:not(.admin-body) .pt-account-page .pt-address-card{padding:18px!important;}
}

/* === v95: Hesabım / pt-panel çerçeve yumuşatma ===
   Dış pt-panel çerçevesi keskin durduğu için kaldırıldı; görsel hiyerarşi iç kartların
   yuvarlatılmış cam/koyu yüzeyleriyle sağlandı. */
body:not(.admin-body) .pt-account-page .pt-account-content{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
body:not(.admin-body) .pt-account-page .pt-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
}
body:not(.admin-body) .pt-account-page .pt-panel > h2,
body:not(.admin-body) .pt-account-page .pt-panel > h3{
  margin:0 0 22px!important;
  padding:0!important;
  line-height:1.08!important;
}
body:not(.admin-body) .pt-account-page .pt-panel-box,
body:not(.admin-body) .pt-account-page .pt-profile-photo-box,
body:not(.admin-body) .pt-account-page .pt-dashboard-card,
body:not(.admin-body) .pt-account-page .pt-address-card,
body:not(.admin-body) .pt-account-page .pt-list-row,
body:not(.admin-body) .pt-account-page .pt-note-box,
body:not(.admin-body) .pt-account-page .pt-radio-card,
body:not(.admin-body) .pt-account-page .pt-check-card,
body:not(.admin-body) .pt-account-page .pt-invite-hero,
body:not(.admin-body) .pt-account-page .pt-account-type-top,
body:not(.admin-body) .pt-account-page .pt-verification-wrap{
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(18,27,44,.96),rgba(9,14,25,.985))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
body:not(.admin-body) .pt-account-page .pt-panel-box > .pt-panel-box,
body:not(.admin-body) .pt-account-page .pt-panel-box .pt-panel-box{
  border-radius:22px!important;
}
body:not(.admin-body) .pt-account-page .pt-form-row,
body:not(.admin-body) .pt-account-page .pt-grid-2,
body:not(.admin-body) .pt-account-page .pt-dashboard-grid,
body:not(.admin-body) .pt-account-page .pt-account-type-grid,
body:not(.admin-body) .pt-account-page .pt-preference-grid{
  gap:22px!important;
}
body:not(.admin-body) .pt-account-page .pt-panel-box + .pt-panel-box,
body:not(.admin-body) .pt-account-page .pt-panel-box + .pt-note-box,
body:not(.admin-body) .pt-account-page .pt-note-box + .pt-panel-box{
  margin-top:24px!important;
}
@media(max-width:991px){
  body:not(.admin-body) .pt-account-page .pt-account-content{padding:0!important;}
  body:not(.admin-body) .pt-account-page .pt-panel > h2,
  body:not(.admin-body) .pt-account-page .pt-panel > h3{margin-bottom:18px!important;}
  body:not(.admin-body) .pt-account-page .pt-panel-box,
  body:not(.admin-body) .pt-account-page .pt-profile-photo-box,
  body:not(.admin-body) .pt-account-page .pt-dashboard-card,
  body:not(.admin-body) .pt-account-page .pt-address-card,
  body:not(.admin-body) .pt-account-page .pt-list-row,
  body:not(.admin-body) .pt-account-page .pt-note-box,
  body:not(.admin-body) .pt-account-page .pt-radio-card,
  body:not(.admin-body) .pt-account-page .pt-check-card{
    border-radius:22px!important;
  }
}

/* === v96: Hesabım dış kare pt-panel çerçevesini tamamen kaldır ===
   Hesap merkezi sekmelerinde görünen keskin/düz dış kutu .pt-panel / panel wrapper
   katmanından geliyordu. Görsel hiyerarşi artık sadece içteki oval .pt-panel-box
   kartlarıyla sağlanır. */
body:not(.admin-body) .pt-account-page .pt-account-main,
body:not(.admin-body) .pt-account-page .pt-account-content,
body:not(.admin-body) .pt-account-page section.pt-panel,
body:not(.admin-body) .pt-account-page .pt-panel,
body:not(.admin-body) .pt-account-page [id^="panel-"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  border-radius:0!important;
  padding:0!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow:visible!important;
}

body:not(.admin-body) .pt-account-page .pt-account-main::before,
body:not(.admin-body) .pt-account-page .pt-account-main::after,
body:not(.admin-body) .pt-account-page .pt-account-content::before,
body:not(.admin-body) .pt-account-page .pt-account-content::after,
body:not(.admin-body) .pt-account-page section.pt-panel::before,
body:not(.admin-body) .pt-account-page section.pt-panel::after,
body:not(.admin-body) .pt-account-page .pt-panel::before,
body:not(.admin-body) .pt-account-page .pt-panel::after{
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

body:not(.admin-body) .pt-account-page .pt-panel > h2,
body:not(.admin-body) .pt-account-page .pt-panel > h3,
body:not(.admin-body) .pt-account-page [id^="panel-"] > h2,
body:not(.admin-body) .pt-account-page [id^="panel-"] > h3{
  margin:0 0 22px!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* İç kartlar oval kalsın; sadece dış kare wrapper silinir. */
body:not(.admin-body) .pt-account-page .pt-panel-box,
body:not(.admin-body) .pt-account-page .pt-note-box,
body:not(.admin-body) .pt-account-page .pt-profile-photo-box,
body:not(.admin-body) .pt-account-page .pt-dashboard-card,
body:not(.admin-body) .pt-account-page .pt-address-card,
body:not(.admin-body) .pt-account-page .pt-list-row,
body:not(.admin-body) .pt-account-page .pt-radio-card,
body:not(.admin-body) .pt-account-page .pt-check-card,
body:not(.admin-body) .pt-account-page .pt-invite-hero,
body:not(.admin-body) .pt-account-page .pt-account-type-top,
body:not(.admin-body) .pt-account-page .pt-verification-wrap{
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(18,27,44,.96),rgba(8,13,24,.99))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}

/* Tek içeriğe sahip bilgilendirme panellerinde üst/alt boşluk dengesi. */
body:not(.admin-body) .pt-account-page #panel-stock .pt-panel-box,
body:not(.admin-body) .pt-account-page #panel-favorites .pt-panel-box,
body:not(.admin-body) .pt-account-page #panel-orders .pt-panel-box,
body:not(.admin-body) .pt-account-page #panel-quotes .pt-panel-box,
body:not(.admin-body) .pt-account-page #panel-return .pt-panel-box{
  padding:28px!important;
}

@media(max-width:991px){
  body:not(.admin-body) .pt-account-page .pt-panel-box,
  body:not(.admin-body) .pt-account-page .pt-note-box,
  body:not(.admin-body) .pt-account-page .pt-profile-photo-box,
  body:not(.admin-body) .pt-account-page .pt-dashboard-card,
  body:not(.admin-body) .pt-account-page .pt-address-card,
  body:not(.admin-body) .pt-account-page .pt-list-row,
  body:not(.admin-body) .pt-account-page .pt-radio-card,
  body:not(.admin-body) .pt-account-page .pt-check-card{
    border-radius:22px!important;
  }
}

/* === v97: Hesabım koyu tema final polish + header weight normalization ===
   Hesap merkezi içinde açık tema kalan davet / hesap türü / favori yüzeyleri ve
   dış-iç çerçeve çakışmaları temizlendi. Header nav yazı ağırlığı tüm sayfalarda eşitlendi. */
body:not(.admin-body) .pt-account-page,
body:not(.admin-body) .pt-account-page *{
  box-sizing:border-box;
}

/* Hesabım ana sayfa yapısı: sadece içerik kartları görünsün, dış keskin wrapper kalmasın */
body:not(.admin-body) .pt-account-page .pt-account-main,
body:not(.admin-body) .pt-account-page .pt-account-content,
body:not(.admin-body) .pt-account-page section.pt-panel,
body:not(.admin-body) .pt-account-page .pt-panel{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
}

/* Tüm gerçek hesap kartları aynı oval koyu yüzeye bağlandı */
body:not(.admin-body) .pt-account-page .pt-panel-box,
body:not(.admin-body) .pt-account-page .pt-note-box,
body:not(.admin-body) .pt-account-page .pt-profile-photo-box,
body:not(.admin-body) .pt-account-page .pt-address-card,
body:not(.admin-body) .pt-account-page .pt-dashboard-card,
body:not(.admin-body) .pt-account-page .pt-list-row,
body:not(.admin-body) .pt-account-page .pt-radio-card,
body:not(.admin-body) .pt-account-page .pt-check-card,
body:not(.admin-body) .pt-account-page .pt-preference-card,
body:not(.admin-body) .pt-account-page .pt-favorite-card,
body:not(.admin-body) .pt-account-page .pt-order-card,
body:not(.admin-body) .pt-account-page .pt-stock-card,
body:not(.admin-body) .pt-account-page .pt-return-card,
body:not(.admin-body) .pt-account-page .pt-institution-card,
body:not(.admin-body) .pt-account-page .pt-quote-card,
body:not(.admin-body) .pt-account-page .pt-account-type-top,
body:not(.admin-body) .pt-account-page .pt-verification-wrap,
body:not(.admin-body) .pt-account-page .pt-invite-hero,
body:not(.admin-body) .pt-account-page #inviteCodeForm,
body:not(.admin-body) .pt-account-page #favoritesList,
body:not(.admin-body) .pt-account-page #ordersList,
body:not(.admin-body) .pt-account-page #quotesList,
body:not(.admin-body) .pt-account-page #stockList,
body:not(.admin-body) .pt-account-page #returnRequestsList,
body:not(.admin-body) .pt-account-page #accountTypeRequestInfo,
body:not(.admin-body) .pt-account-page #inviteRequestInfo{
  background:linear-gradient(180deg,rgba(18,27,44,.96),rgba(8,13,24,.99))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  border-radius:26px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
  color:#f8fbff!important;
}

/* Beyaz kalan davet/favori/kampanya iç alanlarını özel olarak karart */
body:not(.admin-body) .pt-account-page .pt-invite-hero,
body:not(.admin-body) .pt-account-page #inviteCodeForm,
body:not(.admin-body) .pt-account-page .pt-ref-badge,
body:not(.admin-body) .pt-account-page .fav-list-wrap,
body:not(.admin-body) .pt-account-page .fav-row,
body:not(.admin-body) .pt-account-page .pt-empty,
body:not(.admin-body) .pt-account-page .pt-status-info,
body:not(.admin-body) .pt-account-page .pt-alert,
body:not(.admin-body) .pt-account-page .pt-info-box,
body:not(.admin-body) .pt-account-page .pt-white-box,
body:not(.admin-body) .pt-account-page [class*="white"],
body:not(.admin-body) .pt-account-page [class*="light"]{
  background:linear-gradient(180deg,rgba(17,26,42,.98),rgba(7,12,21,.99))!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f8fbff!important;
}

/* Hesap türü panelinde iç içe çerçeve görüntüsünü azalt: form wrapper şeffaf, iç bölümler kart */
body:not(.admin-body) .pt-account-page #panel-account-type .pt-panel-box.pt-account-type-box{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}
body:not(.admin-body) .pt-account-page #panel-account-type .pt-stack-form{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
body:not(.admin-body) .pt-account-page #panel-account-type .pt-account-type-top,
body:not(.admin-body) .pt-account-page #panel-account-type .pt-verification-wrap{
  padding:26px!important;
  margin-bottom:22px!important;
}

/* Davet kodu panelinde tamamen koyu görünüm */
body:not(.admin-body) .pt-account-page #panel-invite .pt-panel-box{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-invite-hero,
body:not(.admin-body) .pt-account-page #panel-invite .pt-note-box,
body:not(.admin-body) .pt-account-page #panel-invite #inviteCodeForm{
  padding:24px!important;
  margin-bottom:22px!important;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-ref-code-row{
  gap:14px!important;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-copy-btn,
body:not(.admin-body) .pt-account-page .primary-btn,
body:not(.admin-body) .pt-account-page .pt-copy-btn{
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 26px rgba(37,99,235,.20)!important;
}

/* Tipografi ve renkler */
body:not(.admin-body) .pt-account-page h1,
body:not(.admin-body) .pt-account-page h2,
body:not(.admin-body) .pt-account-page h3,
body:not(.admin-body) .pt-account-page h4,
body:not(.admin-body) .pt-account-page h5,
body:not(.admin-body) .pt-account-page label,
body:not(.admin-body) .pt-account-page strong,
body:not(.admin-body) .pt-account-page .pt-radio-title,
body:not(.admin-body) .pt-account-page .fav-title{
  color:#fff!important;
  text-shadow:none!important;
}
body:not(.admin-body) .pt-account-page p,
body:not(.admin-body) .pt-account-page small,
body:not(.admin-body) .pt-account-page span,
body:not(.admin-body) .pt-account-page .pt-muted-label,
body:not(.admin-body) .pt-account-page .pt-muted-text,
body:not(.admin-body) .pt-account-page .fav-meta,
body:not(.admin-body) .pt-account-page .fav-cat{
  color:#b8c5dc!important;
}
body:not(.admin-body) .pt-account-page a:not(.site-action-btn):not(.primary-btn):not(.cta-btn){
  color:#60a5fa!important;
}

/* Formlar koyu mod */
body:not(.admin-body) .pt-account-page input,
body:not(.admin-body) .pt-account-page select,
body:not(.admin-body) .pt-account-page textarea,
body:not(.admin-body) .pt-account-page .form-control{
  background:#060b14!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body:not(.admin-body) .pt-account-page input::placeholder,
body:not(.admin-body) .pt-account-page textarea::placeholder{
  color:#8492aa!important;
}

/* İçerikler birbirine yapışmasın */
body:not(.admin-body) .pt-account-page .pt-panel > * + *,
body:not(.admin-body) .pt-account-page .pt-panel-box > * + *,
body:not(.admin-body) .pt-account-page .pt-note-box + .pt-note-box,
body:not(.admin-body) .pt-account-page .pt-note-box + .pt-panel-box,
body:not(.admin-body) .pt-account-page .pt-panel-box + .pt-note-box,
body:not(.admin-body) .pt-account-page .pt-panel-box + form,
body:not(.admin-body) .pt-account-page form + .pt-panel-box{
  margin-top:22px!important;
}
body:not(.admin-body) .pt-account-page .pt-form-grid,
body:not(.admin-body) .pt-account-page .pt-form-row,
body:not(.admin-body) .pt-account-page .pt-grid-2,
body:not(.admin-body) .pt-account-page .pt-dashboard-grid,
body:not(.admin-body) .pt-account-page .pt-account-type-grid,
body:not(.admin-body) .pt-account-page .pt-preference-grid,
body:not(.admin-body) .pt-account-page .pt-radio-list{
  gap:22px!important;
}
body:not(.admin-body) .pt-account-page .form-group{
  margin-bottom:20px!important;
}

/* Header nav ağırlığı Hesabım sayfasında da diğer sayfalarla aynı olsun */
body:not(.admin-body) #navigation > ul > li > a,
body:not(.admin-body) .main-nav a,
body:not(.admin-body) .header-nav a,
body:not(.admin-body) .navbar-nav > li > a{
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-shadow:none!important;
}
body:not(.admin-body) #navigation > ul > li > a i,
body:not(.admin-body) .main-nav a i,
body:not(.admin-body) .header-nav a i{
  font-size:1em!important;
  line-height:1!important;
}

@media(max-width:991px){
  body:not(.admin-body) .pt-account-page .pt-invite-hero,
  body:not(.admin-body) .pt-account-page #inviteCodeForm,
  body:not(.admin-body) .pt-account-page .pt-account-type-top,
  body:not(.admin-body) .pt-account-page .pt-verification-wrap,
  body:not(.admin-body) .pt-account-page .pt-panel-box,
  body:not(.admin-body) .pt-account-page .pt-note-box{
    border-radius:22px!important;
    padding:18px!important;
  }
  body:not(.admin-body) .pt-account-page .pt-ref-code-row{
    grid-template-columns:1fr!important;
  }
}

/* === v99: Hesap merkezi koyu tema derin temizlik ===
   Hesap Türü bölümündeki .pt-section-head ve Davet Kodu bölümündeki
   .pt-invite-hero üzerinde önceki açık tema katmanlarından kalan beyaz yüzeyler
   en son katmanda temizlendi. Bu blok, sadece hesabim.html kapsamındaki
   .pt-account-page içinde çalışır. */
body:not(.admin-body) .pt-account-page #panel-account-type .pt-section-head,
body:not(.admin-body) .pt-account-page #panel-account-type .pt-verification-wrap .pt-section-head,
body:not(.admin-body) .pt-account-page #panel-account-type .pt-account-type-box .pt-section-head,
body:not(.admin-body) .pt-account-page .pt-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:100%!important;
  margin:0 0 20px!important;
  padding:18px 20px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(20,30,50,.98),rgba(8,14,26,.99))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.20)!important;
  color:#f8fbff!important;
}
body:not(.admin-body) .pt-account-page .pt-section-head *,
body:not(.admin-body) .pt-account-page #panel-account-type .pt-section-head *{
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.admin-body) .pt-account-page .pt-section-head h4,
body:not(.admin-body) .pt-account-page #panel-account-type .pt-section-head h4{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
body:not(.admin-body) .pt-account-page .pt-section-head p,
body:not(.admin-body) .pt-account-page #panel-account-type .pt-section-head p{
  margin:0!important;
  color:#b8c5dc!important;
  line-height:1.55!important;
}
body:not(.admin-body) .pt-account-page .pt-section-head .pt-tag-badge,
body:not(.admin-body) .pt-account-page #panel-account-type .pt-section-head .pt-tag-badge{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:9px 16px!important;
  border-radius:999px!important;
  background:rgba(37,99,235,.12)!important;
  border:1px solid rgba(37,99,235,.35)!important;
  color:#60a5fa!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

/* Davet Kodu hero: açık/beyaz kart tamamen koyu premium yüzeye çevrildi */
body:not(.admin-body) .pt-account-page #panel-invite .pt-invite-hero,
body:not(.admin-body) .pt-account-page .pt-invite-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)!important;
  align-items:stretch!important;
  gap:18px!important;
  width:100%!important;
  padding:24px!important;
  margin:0 0 22px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(22,33,54,.98),rgba(7,12,22,.99))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
  color:#f8fbff!important;
  overflow:hidden!important;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-invite-hero::before,
body:not(.admin-body) .pt-account-page #panel-invite .pt-invite-hero::after,
body:not(.admin-body) .pt-account-page .pt-invite-hero::before,
body:not(.admin-body) .pt-account-page .pt-invite-hero::after{
  content:none!important;
  display:none!important;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-invite-hero *,
body:not(.admin-body) .pt-account-page .pt-invite-hero *{
  box-shadow:none;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-ref-code-row,
body:not(.admin-body) .pt-account-page .pt-ref-code-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  margin:10px 0 10px!important;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-ref-code-input,
body:not(.admin-body) .pt-account-page .pt-ref-code-input{
  min-height:54px!important;
  background:#060b14!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
  font-weight:800!important;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-ref-badges,
body:not(.admin-body) .pt-account-page .pt-ref-badges{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-ref-badge,
body:not(.admin-body) .pt-account-page .pt-ref-badge{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:92px!important;
  padding:18px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(15,25,42,.98),rgba(5,10,19,.99))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  color:#f8fbff!important;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-ref-badge span,
body:not(.admin-body) .pt-account-page .pt-ref-badge span{
  color:#9fb0ca!important;
  font-size:14px!important;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-ref-badge strong,
body:not(.admin-body) .pt-account-page .pt-ref-badge strong{
  color:#fff!important;
  font-size:28px!important;
  line-height:1.1!important;
}

/* Davet kodu formu ve bilgi kutuları: beyaz kalıntıları kapat */
body:not(.admin-body) .pt-account-page #panel-invite #inviteCodeForm,
body:not(.admin-body) .pt-account-page #panel-invite .pt-note-box,
body:not(.admin-body) .pt-account-page #panel-invite .pt-status-info,
body:not(.admin-body) .pt-account-page #panel-invite .pt-alert,
body:not(.admin-body) .pt-account-page #panel-invite [class*="invite"]:not(.pt-invite-hero):not(.pt-copy-btn):not(.pt-ref-code-input){
  background:linear-gradient(180deg,rgba(18,27,44,.96),rgba(8,13,24,.99))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  border-radius:26px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
  color:#f8fbff!important;
}

/* Hesap türü iç wrapper: çift çerçeve yerine tek görsel katman */
body:not(.admin-body) .pt-account-page #panel-account-type .pt-verification-wrap{
  background:linear-gradient(180deg,rgba(18,27,44,.96),rgba(8,13,24,.99))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  border-radius:28px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
  padding:24px!important;
  margin:22px 0!important;
  overflow:hidden!important;
}
body:not(.admin-body) .pt-account-page #panel-account-type .pt-verification-wrap > .pt-section-head + *{
  margin-top:0!important;
}

/* Açık tema placeholder/boş durum kartları */
body:not(.admin-body) .pt-account-page #panel-favorites .pt-empty,
body:not(.admin-body) .pt-account-page #panel-stock .pt-empty,
body:not(.admin-body) .pt-account-page #panel-orders .pt-empty,
body:not(.admin-body) .pt-account-page #panel-quotes .pt-empty,
body:not(.admin-body) .pt-account-page .empty-state,
body:not(.admin-body) .pt-account-page .empty-box{
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(18,27,44,.96),rgba(8,13,24,.99))!important;
  border:1px dashed rgba(255,255,255,.15)!important;
  color:#b8c5dc!important;
}

/* Hesabım sayfasındaki açık tema üretme ihtimali yüksek genel kutular */
body:not(.admin-body) .pt-account-page .pt-panel-box > div[style*="background: white"],
body:not(.admin-body) .pt-account-page .pt-panel-box > div[style*="background:#fff"],
body:not(.admin-body) .pt-account-page div[style*="background: white"],
body:not(.admin-body) .pt-account-page div[style*="background:#fff"]{
  background:linear-gradient(180deg,rgba(18,27,44,.96),rgba(8,13,24,.99))!important;
  color:#f8fbff!important;
  border-color:rgba(255,255,255,.115)!important;
}

@media(max-width:991px){
  body:not(.admin-body) .pt-account-page .pt-section-head,
  body:not(.admin-body) .pt-account-page #panel-account-type .pt-section-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:16px!important;
    border-radius:22px!important;
  }
  body:not(.admin-body) .pt-account-page #panel-invite .pt-invite-hero,
  body:not(.admin-body) .pt-account-page .pt-invite-hero{
    grid-template-columns:1fr!important;
    padding:18px!important;
    border-radius:24px!important;
  }
  body:not(.admin-body) .pt-account-page #panel-invite .pt-ref-code-row,
  body:not(.admin-body) .pt-account-page .pt-ref-code-row{
    grid-template-columns:1fr!important;
  }
}

/* === v100: Hesap merkezi mikro spacing ve okunabilirlik düzeltmeleri === */
body:not(.admin-body) .pt-account-page .pt-form-actions,
body:not(.admin-body) .pt-account-page .pt-form-actions-between{
  gap:18px!important;
  margin-top:18px!important;
  align-items:center!important;
}
body:not(.admin-body) .pt-account-page .pt-form-actions-between{
  padding-top:4px!important;
}
body:not(.admin-body) .pt-account-page .pt-form-actions-between .pt-muted-text{
  margin:0!important;
  line-height:1.6!important;
  max-width:520px!important;
}
body:not(.admin-body) .pt-account-page .pt-form-actions .primary-btn,
body:not(.admin-body) .pt-account-page .pt-form-actions-between .primary-btn{
  margin-top:8px!important;
}

/* Davet kodu form başlığı koyu zeminde net beyaz görünsün */
body:not(.admin-body) .pt-account-page #panel-invite #inviteCodeForm > label,
body:not(.admin-body) .pt-account-page #panel-invite .pt-stack-form > label,
body:not(.admin-body) .pt-account-page #panel-invite label{
  color:#ffffff!important;
  opacity:1!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  margin-bottom:10px!important;
  display:block!important;
}

/* Adres boş durum satırı çerçeveye sıkışmasın */
body:not(.admin-body) .pt-account-page #addressCards .pt-empty,
body:not(.admin-body) .pt-account-page .pt-saved-list .pt-empty{
  min-height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding:18px 22px!important;
  border-radius:20px!important;
  line-height:1.55!important;
  background:linear-gradient(180deg,rgba(17,27,44,.98),rgba(7,12,22,.99))!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#d8e2f4!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
  overflow:visible!important;
}

/* Kampanya kodu: input ve Aktif Et butonu arasında nefes alanı */
body:not(.admin-body) .pt-account-page #panel-institutions .pt-stack-form .form-control,
body:not(.admin-body) .pt-account-page #panel-institutions .pt-stack-form input.form-control{
  margin-bottom:14px!important;
}
body:not(.admin-body) .pt-account-page #panel-institutions .pt-form-actions{
  margin-top:18px!important;
}
body:not(.admin-body) .pt-account-page #panel-institutions .primary-btn{
  margin-top:6px!important;
}

/* Hesap türü doğrulama aksiyon alanı: metin ile buton yapışmasın */
body:not(.admin-body) .pt-account-page #panel-account-type .pt-form-actions-between{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:22px!important;
  margin-top:22px!important;
}
body:not(.admin-body) .pt-account-page #panel-account-type .pt-form-actions-between .primary-btn{
  flex:0 0 auto!important;
}

@media(max-width:767px){
  body:not(.admin-body) .pt-account-page .pt-form-actions,
  body:not(.admin-body) .pt-account-page .pt-form-actions-between,
  body:not(.admin-body) .pt-account-page #panel-account-type .pt-form-actions-between{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:14px!important;
  }
  body:not(.admin-body) .pt-account-page .pt-form-actions .primary-btn,
  body:not(.admin-body) .pt-account-page .pt-form-actions-between .primary-btn{
    width:100%!important;
  }
  body:not(.admin-body) .pt-account-page #addressCards .pt-empty,
  body:not(.admin-body) .pt-account-page .pt-saved-list .pt-empty{
    padding:16px 18px!important;
    min-height:64px!important;
  }
}

/* === v102: Davet Kodu bölümüne tek parça dış panel/çerçeve ===
   Kullanıcının istediği yapı: Davet Kodu içindeki hero, sistem açıklaması ve kod girme
   kartları boş zeminde ayrı ayrı durmasın; diğer Hesabım bölümleriyle uyumlu, oval,
   koyu ve yumuşak bir dış panelin içinde toplansın. Önceki v96/v99 kurallarındaki
   #panel-invite .pt-panel-box transparent reset'i burada bilinçli olarak override edilir. */
body:not(.admin-body) .pt-account-page #panel-invite{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
body:not(.admin-body) .pt-account-page #panel-invite > h3{
  margin:0 0 18px!important;
}
body:not(.admin-body) .pt-account-page #panel-invite > .pt-panel-box{
  display:block!important;
  width:100%!important;
  padding:26px!important;
  margin-top:18px!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 15% 0%, rgba(37,99,235,.08), transparent 34%),
    linear-gradient(180deg, rgba(18,28,47,.98), rgba(8,13,24,.995))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
  color:#f8fbff!important;
  overflow:hidden!important;
}
body:not(.admin-body) .pt-account-page #panel-invite > .pt-panel-box > *{
  position:relative!important;
  z-index:1!important;
}
body:not(.admin-body) .pt-account-page #panel-invite > .pt-panel-box > *:not(:last-child){
  margin-bottom:22px!important;
}
body:not(.admin-body) .pt-account-page #panel-invite > .pt-panel-box .pt-invite-hero,
body:not(.admin-body) .pt-account-page #panel-invite > .pt-panel-box .pt-note-box,
body:not(.admin-body) .pt-account-page #panel-invite > .pt-panel-box #inviteCodeForm{
  margin:0!important;
  border-radius:26px!important;
  background:linear-gradient(180deg, rgba(20,30,50,.96), rgba(7,12,22,.99))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
body:not(.admin-body) .pt-account-page #panel-invite #inviteRequestInfo{
  margin:0 0 18px!important;
  border-radius:26px!important;
}
@media(max-width:767px){
  body:not(.admin-body) .pt-account-page #panel-invite > .pt-panel-box{
    padding:18px!important;
    border-radius:26px!important;
  }
  body:not(.admin-body) .pt-account-page #panel-invite > .pt-panel-box > *:not(:last-child){
    margin-bottom:16px!important;
  }
}

/* === v104: Davet Kodu onay bilgisini aynı dış panelin içine al ===
   Önceki davranışta #inviteRequestInfo JS ile .pt-panel-box dışına ekleniyordu;
   bu da üst bilgi kartını ana davet panelinden kopuk gösteriyordu. Artık kart
   .pt-panel-box içinde ilk eleman olarak durur; aşağıdaki kurallar hem yeni
   konumu hem de tarayıcıda eski DOM kalıntısı varsa görünümü güvenceye alır. */
body:not(.admin-body) .pt-account-page #panel-invite > .pt-panel-box{
  display:flex!important;
  flex-direction:column!important;
  gap:22px!important;
}
body:not(.admin-body) .pt-account-page #panel-invite > .pt-panel-box > *{
  margin:0!important;
}
body:not(.admin-body) .pt-account-page #panel-invite .pt-invite-approved-card,
body:not(.admin-body) .pt-account-page #panel-invite #inviteRequestInfo{
  width:100%!important;
  padding:22px 24px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(17,27,45,.98),rgba(7,12,23,.995))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
  color:#dfe8f8!important;
}
body:not(.admin-body) .pt-account-page #panel-invite #inviteRequestInfo strong{
  color:#fff!important;
  font-size:20px!important;
  line-height:1.25!important;
  margin-bottom:10px!important;
}
body:not(.admin-body) .pt-account-page #panel-invite #inviteRequestInfo p{
  color:#c8d5ea!important;
  margin:0!important;
  line-height:1.65!important;
}
body:not(.admin-body) .pt-account-page #panel-invite #inviteRequestInfo p strong{
  display:inline!important;
  font-size:inherit!important;
  margin:0!important;
  color:#fff!important;
}
body:not(.admin-body) .pt-account-page #panel-invite > #inviteRequestInfo{
  /* Eski JS/cache ile kart hâlâ panel-box dışında kalırsa da kopuk görünmesin */
  margin:0 0 18px!important;
}
@media(max-width:767px){
  body:not(.admin-body) .pt-account-page #panel-invite > .pt-panel-box{
    gap:16px!important;
  }
  body:not(.admin-body) .pt-account-page #panel-invite .pt-invite-approved-card,
  body:not(.admin-body) .pt-account-page #panel-invite #inviteRequestInfo{
    padding:18px!important;
    border-radius:22px!important;
  }
}

/* =========================================================
   v106 - Product detail accordion performance + spacing fix
   - Removes scrollHeight/max-height JS animation jank
   - Gives detail content breathing room and proper wrapping
   ========================================================= */
body:not(.admin-body) .listing-details{
  margin-top:18px!important;
  margin-bottom:22px!important;
  border-radius:18px!important;
}
body:not(.admin-body) .listing-details .details-toggle{
  min-height:48px!important;
  padding:13px 16px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(20,31,50,.96),rgba(12,18,31,.96))!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:none!important;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease!important;
  will-change:auto!important;
}
body:not(.admin-body) .listing-details .details-toggle i{
  flex:0 0 auto!important;
  margin-left:12px!important;
  font-size:14px!important;
}
body:not(.admin-body) .listing-details .details-content{
  display:none!important;
  max-height:none!important;
  overflow:visible!important;
  margin-top:12px!important;
  padding:20px 22px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(16,26,43,.98),rgba(9,14,24,.98))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  color:#dbe7fb!important;
  animation:productDetailsFade .12s ease-out both!important;
}
body:not(.admin-body) .listing-details.is-open .details-content{
  display:block!important;
}
@keyframes productDetailsFade{
  from{opacity:.85;transform:translateY(-2px)}
  to{opacity:1;transform:translateY(0)}
}
body:not(.admin-body) .details-content h4{
  margin:0 0 10px!important;
  padding-top:14px!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
body:not(.admin-body) .details-content h4:first-child{padding-top:0!important;}
body:not(.admin-body) .details-content p,
body:not(.admin-body) .details-content ul{
  margin:0 0 14px!important;
  color:#c8d6eb!important;
  font-size:14.5px!important;
  line-height:1.65!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body:not(.admin-body) .details-content ul{
  padding-left:18px!important;
  list-style-position:outside!important;
}
body:not(.admin-body) .details-content li{
  margin:5px 0!important;
  padding-left:4px!important;
}
@media (max-width: 767px){
  body:not(.admin-body) .listing-details{margin-top:14px!important;margin-bottom:18px!important;}
  body:not(.admin-body) .listing-details .details-toggle{min-height:46px!important;padding:12px 14px!important;font-size:14px!important;}
  body:not(.admin-body) .listing-details .details-content{padding:16px!important;border-radius:16px!important;margin-top:10px!important;}
  body:not(.admin-body) .details-content p,
  body:not(.admin-body) .details-content ul{font-size:13.5px!important;line-height:1.62!important;}
}
@media (prefers-reduced-motion: reduce){
  body:not(.admin-body) .listing-details .details-content{animation:none!important;}
  body:not(.admin-body) .listing-details .details-toggle{transition:none!important;}
}

/* =========================================================
   v108 TAMIRHANE MOTION + BRAND SPACING VERIFIED FIX
   - Tamirhane scroll reveal animasyonlarını stabil hale getirir.
   - Highlight kartlarda ağır gecikme / zıplama etkisini azaltır.
   - Mobilde animasyonu daha kısa ve tek eksenli yapar.
   - Masaüstünde kayan marka alanını corporate/highlight alanına biraz daha yaklaştırır.
========================================================= */
body:not(.admin-body) .service-highlights-section{
  padding-top: 8px !important;
  margin-top: 0 !important;
  contain: layout paint !important;
}

body:not(.admin-body) .service-highlights-grid{
  align-items: stretch !important;
  gap: clamp(14px, 1.4vw, 22px) !important;
}

body:not(.admin-body) .service-highlights-section .highlight-card.reveal,
body:not(.admin-body) .service-highlights-section .highlight-card.tamirhane-motion-card{
  opacity: 0 !important;
  transform: translate3d(0, 16px, 0) !important;
  transition:
    opacity .32s cubic-bezier(.22,.8,.22,1),
    transform .32s cubic-bezier(.22,.8,.22,1),
    border-color .16s ease,
    background-color .16s ease,
    box-shadow .16s ease !important;
  transition-delay: calc(var(--motion-order, 0) * 36ms) !important;
  will-change: opacity, transform !important;
  backface-visibility: hidden !important;
  transform-origin: center bottom !important;
}

body:not(.admin-body) .service-highlights-section .highlight-card.reveal.active,
body:not(.admin-body) .service-highlights-section .highlight-card.tamirhane-motion-card.active{
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: auto !important;
}

body:not(.admin-body) .service-highlights-section .highlight-card:hover{
  transform: translate3d(0, -3px, 0) !important;
}

body:not(.admin-body) .service-highlights-section .highlight-card.reveal.active:hover,
body:not(.admin-body) .service-highlights-section .highlight-card.tamirhane-motion-card.active:hover{
  transform: translate3d(0, -3px, 0) !important;
}

@media (min-width: 992px){
  body:not(.admin-body) .experience-section .brand-strip,
  body:not(.admin-body) .brand-strip.tamirhane-brand-compact{
    margin-top: -14px !important;
    margin-bottom: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    transform: translate3d(0, -6px, 0) !important;
  }

  body:not(.admin-body) .experience-section .brand-track{
    animation-duration: 34s !important;
  }

  body:not(.admin-body) .experience-section .brand-strip + .service-highlights-section{
    margin-top: -2px !important;
    padding-top: 0 !important;
  }
}

@media (max-width: 991px){
  body:not(.admin-body) .service-highlights-section{
    padding-top: 6px !important;
  }

  body:not(.admin-body) .service-highlights-section .highlight-card.reveal,
  body:not(.admin-body) .service-highlights-section .highlight-card.tamirhane-motion-card{
    transform: translate3d(0, 10px, 0) !important;
    transition-duration: .22s !important;
    transition-delay: 0ms !important;
  }

  body:not(.admin-body) .highlight-card:hover,
  body:not(.admin-body) .service-highlights-section .highlight-card.reveal.active:hover,
  body:not(.admin-body) .service-highlights-section .highlight-card.tamirhane-motion-card.active:hover{
    transform: translate3d(0, 0, 0) !important;
  }

  body:not(.admin-body) .experience-section .brand-strip,
  body:not(.admin-body) .brand-strip.tamirhane-brand-compact{
    margin-top: -8px !important;
    margin-bottom: 2px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}

@media (max-width: 560px){
  body:not(.admin-body) .service-highlights-grid{
    gap: 12px !important;
  }

  body:not(.admin-body) .service-highlights-section .highlight-card.reveal,
  body:not(.admin-body) .service-highlights-section .highlight-card.tamirhane-motion-card{
    transition-duration: .18s !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body:not(.admin-body) .service-highlights-section .highlight-card.reveal,
  body:not(.admin-body) .service-highlights-section .highlight-card.tamirhane-motion-card{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* =========================================================
   v109 TAMIRHANE SCROLL REVEAL REMOVE
   - Tamirhane sayfasında aşağı inerken kutucukların sonradan
     gelme/fade/slide animasyonu tamamen kapatıldı.
   - Kartlar ilk yüklemede görünür; sadece hover etkileşimi kalır.
========================================================= */
body.tamirhane-page .reveal,
body.tamirhane-page .reveal.active,
body.tamirhane-page .service-highlights-section .highlight-card.reveal,
body.tamirhane-page .service-highlights-section .highlight-card.tamirhane-motion-card,
body.tamirhane-page .service-highlights-section .highlight-card.reveal.active,
body.tamirhane-page .service-highlights-section .highlight-card.tamirhane-motion-card.active,
body.tamirhane-page .experience-section .info-card.reveal,
body.tamirhane-page .experience-section .brand-strip.reveal{
  opacity: 1 !important;
  transform: none !important;
  transition-property: border-color, background-color, box-shadow, color !important;
  transition-duration: .16s !important;
  transition-delay: 0ms !important;
  animation: none !important;
  will-change: auto !important;
}

body.tamirhane-page .delay-1,
body.tamirhane-page .delay-2,
body.tamirhane-page .delay-3{
  transition-delay: 0ms !important;
}

body.tamirhane-page .service-highlights-section .highlight-card:hover{
  transform: none !important;
  border-color: rgba(37,99,235,.38) !important;
  box-shadow: 0 14px 34px rgba(37,99,235,.10), 0 18px 44px rgba(0,0,0,.26) !important;
}

@media (min-width: 992px){
  body.tamirhane-page .experience-section .brand-strip,
  body.tamirhane-page .brand-strip.tamirhane-brand-compact{
    margin-top: -18px !important;
    transform: none !important;
  }
}

/* =========================================================
   v110 TAMIRHANE BRAND VERTICAL SPACING VERIFIED
   Amaç: Kayan marka kutusunun üstündeki gereksiz boşluğu kaldırmak.
   Not: Bu düzeltme sadece Tamirhane sayfasındaki experience-section
   içindeki brand-strip için geçerlidir; global marka/slider alanlarını etkilemez.
========================================================= */
body.tamirhane-page .experience-section{
  padding-bottom: 28px !important;
}

body.tamirhane-page .experience-section .experience-container{
  padding-bottom: 0 !important;
}

body.tamirhane-page .experience-section .experience-layout{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.tamirhane-page .experience-section .brand-strip{
  position: relative !important;
  z-index: 3 !important;
  margin-top: -58px !important;
  margin-bottom: 18px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  transform: none !important;
}

body.tamirhane-page .experience-section .brand-track{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.tamirhane-page .experience-section .brand-strip + .service-highlights-section{
  margin-top: 10px !important;
  padding-top: 0 !important;
}

@media (min-width: 1200px){
  body.tamirhane-page .experience-section .brand-strip{
    margin-top: -70px !important;
  }
}

@media (max-width: 991px){
  body.tamirhane-page .experience-section .brand-strip{
    margin-top: -18px !important;
    margin-bottom: 14px !important;
  }
}

@media (max-width: 560px){
  body.tamirhane-page .experience-section .brand-strip{
    margin-top: -10px !important;
  }
}


/* v134 - hesabim.html header parity fix
   account-page-body özel header typography override kaldırıldı.
   Böylece hesabim.html, index.html ile aynı global header CSS zincirini kullanır. */
/* === Header typography standardization: index.html standard for all pages ===
#header #navigation .main-nav.navbar-nav > li:not(.cart-btn):not(.sell-btn):not(.main-search-item) > a {
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.1px !important;
  font-stretch: normal !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#header #navigation .main-nav.navbar-nav > li:not(.cart-btn):not(.sell-btn):not(.main-search-item) > a i {
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-right: 6px !important;
}
#header #navigation .main-nav.navbar-nav > li.dropdown:not(.sell-btn) > a {
  font-weight: 500 !important;
}
#header #navigation .main-nav.navbar-nav > li.dropdown:not(.sell-btn) > a::before {
  display: none !important;
  content: none !important;
}

/* =========================================================
   V136 - PROFESYONEL MOBIL MENU HIZALAMA / GORSEL DUZEN
   Amaç: Menü linklerini tek standartta sola hizalamak,
   Mağaza toggle'ını diğer menülerle aynı davranışa almak,
   Hesabım/Sepet bölümünü daha dengeli ve profesyonel yapmak.
   ========================================================= */
@media (max-width: 1150px){
  #mobile-side-nav{
    width: min(88vw, 360px) !important;
    right: min(-88vw, -360px) !important;
    padding: 22px 18px 28px !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(37,99,235,.10), transparent 34%),
      linear-gradient(180deg, #111722 0%, #070d16 100%) !important;
    border-left: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: -18px 0 45px rgba(0,0,0,.52) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #mobile-side-nav.active{
    right: 0 !important;
  }

  .mobile-nav-header{
    min-height: 58px !important;
    padding: 0 0 18px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }

  .mobile-nav-header span{
    font-size: 20px !important;
    font-weight: 750 !important;
    letter-spacing: -.2px !important;
  }

  #mobile-close{
    width: 50px !important;
    height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: #fff !important;
    font-size: 26px !important;
    line-height: 1 !important;
  }

  #mobile-side-nav > ul{
    align-items: stretch !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  #mobile-side-nav > ul > li{
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }

  #mobile-side-nav > ul > li > a,
  #mobile-side-nav .mobile-dropdown-toggle{
    min-height: 64px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    padding: 0 20px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.105) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    color: #f7f8fb !important;
    font-size: 20px !important;
    font-weight: 720 !important;
    letter-spacing: -.25px !important;
    line-height: 1.1 !important;
    text-align: left !important;
    transform: none !important;
  }

  #mobile-side-nav > ul > li > a:hover,
  #mobile-side-nav > ul > li > a:focus,
  #mobile-side-nav .mobile-dropdown-toggle:hover,
  #mobile-side-nav .mobile-dropdown-toggle:focus{
    background: rgba(37,99,235,.12) !important;
    border-color: rgba(37,99,235,.32) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
  }

  #mobile-side-nav > ul > li > a > i,
  #mobile-side-nav .mobile-dropdown-toggle .mobile-dropdown-label > i{
    width: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  #mobile-side-nav .mobile-dropdown-toggle .mobile-dropdown-label{
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  #mobile-side-nav .mobile-dropdown-toggle .mobile-arrow{
    margin-left: auto !important;
    width: 18px !important;
    min-width: 18px !important;
    display: inline-flex !important;
    justify-content: center !important;
    color: #2563eb !important;
    font-size: 13px !important;
  }

  #mobile-side-nav .mobile-submenu{
    margin: 10px 0 2px 44px !important;
    padding: 0 !important;
    gap: 8px !important;
  }

  #mobile-side-nav .mobile-submenu li{
    margin: 0 !important;
    text-align: left !important;
  }

  #mobile-side-nav .mobile-submenu a{
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    color: #cfd6e4 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: left !important;
  }

  .mobile-account-block.mobile-auth-slot{
    margin-top: 6px !important;
    padding: 15px !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.035)) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.28) !important;
  }

  .mobile-account-title{
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 0 4px 13px !important;
    text-align: left !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 720 !important;
  }

  .mobile-account-title i{
    width: 28px !important;
    min-width: 28px !important;
    text-align: center !important;
  }

  .mobile-account-actions{
    gap: 10px !important;
    margin-top: 0 !important;
  }

  .mobile-account-btn{
    min-height: 62px !important;
    border-radius: 17px !important;
    justify-content: center !important;
    padding: 0 18px !important;
    font-size: 18px !important;
    font-weight: 750 !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    border-color: rgba(255,138,31,.92) !important;
    box-shadow: 0 14px 28px rgba(37,99,235,.28) !important;
  }

  .mobile-cart-icon-btn{
    flex: 0 0 62px !important;
    width: 62px !important;
    height: 62px !important;
    min-height: 62px !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    border-color: rgba(255,138,31,.92) !important;
    box-shadow: 0 14px 28px rgba(37,99,235,.28) !important;
  }

  .mobile-cart-icon-btn .cart-count{
    top: -9px !important;
    right: -7px !important;
  }
}

/* =========================================================
   v137 MOBILE MENU SUBCATEGORY + CART HEIGHT FINAL FIX
   - Donanım alt kategori butonu diğer alt kategori butonlarıyla birebir aynı
   - Mobil Sepet butonu Hesabım butonuyla aynı üst/alt yüksekliğe sabitlendi
========================================================= */
@media (max-width: 991px){
  body:not(.admin-body) #mobile-side-nav .mobile-submenu,
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown.open .mobile-submenu{
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 10px 0 2px 44px !important;
    padding: 0 !important;
    border-left: 0 !important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-submenu li,
  body:not(.admin-body) #mobile-side-nav .mobile-submenu li:last-child{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-submenu a,
  body:not(.admin-body) #mobile-side-nav .mobile-submenu li:last-child a,
  body:not(.admin-body) #mobile-side-nav .mobile-submenu li:last-child > a{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    box-shadow: none !important;
    color: #cfd6e4 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-submenu a:hover,
  body:not(.admin-body) #mobile-side-nav .mobile-submenu li:last-child a:hover{
    background: rgba(37,99,235,.14) !important;
    border-color: rgba(37,99,235,.26) !important;
    color: #fff !important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-account-actions{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 62px !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-account-btn,
  body:not(.admin-body) #mobile-side-nav .mobile-cart-icon-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    border-radius: 17px !important;
    box-sizing: border-box !important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-cart-icon-btn{
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    flex: 0 0 62px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative !important;
  }
}

@media (max-width: 420px){
  body:not(.admin-body) #mobile-side-nav .mobile-account-actions{
    grid-template-columns: minmax(0,1fr) 58px !important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-account-btn,
  body:not(.admin-body) #mobile-side-nav .mobile-cart-icon-btn{
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-cart-icon-btn{
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    flex-basis: 58px !important;
  }
}

/* =========================================================
   v138 FIX - Mobil Mağaza alt menüsü hizalama + akordeon
   - Alt kategori butonları sağa taşmaz, ana menü genişliğine oturur
   - Mağaza tıklanınca açık/kapalı durum net görünür
   - Donanım dahil tüm alt butonlar aynı kart stilini kullanır
   ========================================================= */
@media (max-width: 991px){
  #mobile-side-nav{
    width:min(92vw, 460px);
    right:calc(-1 * min(92vw, 460px));
    padding:20px 14px 28px;
    overflow-y:auto;
    overflow-x:hidden;
  }

  #mobile-side-nav > ul{
    width:100%;
    margin:20px 0 0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px;
  }

  #mobile-side-nav > ul > li{
    width:100%;
    margin:0 !important;
    text-align:left !important;
  }

  #mobile-side-nav > ul > li > a,
  #mobile-side-nav .mobile-dropdown-toggle{
    width:100%;
    min-height:64px;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px;
    padding:0 22px !important;
    box-sizing:border-box;
    border-radius:22px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    color:#fff !important;
    font-size:20px !important;
    font-weight:700 !important;
    line-height:1.15;
    text-align:left !important;
    box-shadow:none !important;
    transform:none !important;
  }

  #mobile-side-nav > ul > li > a{
    justify-content:flex-start !important;
  }

  #mobile-side-nav > ul > li > a i,
  #mobile-side-nav .mobile-dropdown-label i{
    width:26px;
    min-width:26px;
    text-align:center;
    font-size:22px;
  }

  #mobile-side-nav .mobile-dropdown-label{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    min-width:0;
  }

  #mobile-side-nav .mobile-arrow{
    margin-left:auto !important;
    color:#2563eb;
    font-size:15px;
    transition:transform .22s ease,color .22s ease;
  }

  #mobile-side-nav .mobile-dropdown.open > .mobile-dropdown-toggle{
    background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(37,99,235,.08)) !important;
    border-color:rgba(37,99,235,.55) !important;
    color:#fff !important;
  }

  #mobile-side-nav .mobile-dropdown.open > .mobile-dropdown-toggle .mobile-arrow{
    transform:rotate(180deg);
  }

  #mobile-side-nav .mobile-dropdown:not(.open) > .mobile-submenu{
    display:none !important;
  }

  #mobile-side-nav .mobile-dropdown.open > .mobile-submenu{
    display:flex !important;
  }

  #mobile-side-nav .mobile-submenu{
    width:100%;
    margin:10px 0 0 !important;
    padding:0 0 0 54px !important;
    box-sizing:border-box;
    list-style:none;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px;
    overflow:visible;
  }

  #mobile-side-nav .mobile-submenu li{
    width:100%;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  #mobile-side-nav .mobile-submenu a,
  #mobile-side-nav .mobile-submenu li:last-child a{
    width:100%;
    min-height:54px;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:0 20px !important;
    box-sizing:border-box;
    border-radius:18px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#d6dce8 !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.15;
    text-align:left !important;
    transform:none !important;
    box-shadow:none !important;
  }

  #mobile-side-nav .mobile-submenu a:hover{
    background:rgba(255,255,255,.075) !important;
    border-color:rgba(37,99,235,.28) !important;
    color:#fff !important;
    transform:none !important;
  }

  #mobile-side-nav > ul > li > a:hover,
  #mobile-side-nav .mobile-dropdown-toggle:hover{
    background:rgba(255,255,255,.075) !important;
    color:#fff !important;
    transform:none !important;
  }

  #mobile-side-nav .mobile-account-block{
    margin-top:18px;
  }
}

/* =========================================================
   v139 - Mobile shop submenu spacing verified fix
   Amaç: Mağaza alt kategori butonlarının sağa taşmasını/yapışmasını engellemek.
   Not: Sadece mobil menü alt kategori hizası düzeltilir.
   ========================================================= */
@media (max-width: 991px){
  body:not(.admin-body) #mobile-side-nav .mobile-dropdown.open .mobile-submenu,
  body:not(.admin-body) #mobile-side-nav .mobile-submenu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:10px 0 0!important;
    padding:0 0 0 12px!important;
    border-left:1px solid rgba(37,99,235,.25)!important;
    overflow:visible!important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-submenu li{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-submenu li a,
  body:not(.admin-body) #mobile-side-nav .mobile-submenu a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0 16px!important;
    min-height:48px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:#dfe5f1!important;
    font-size:14.5px!important;
    font-weight:850!important;
    text-align:left!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body:not(.admin-body) #mobile-side-nav .mobile-submenu li:last-child a{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 16px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.10)!important;
  }
}

/* =========================================================
   v155 TAMIRHANE QUICK SERVICE MODALS DARK MODE + FIT FIX
   - tamirhane.html#quick-service-form içindeki 4 servis modalını
     site koyu temasına alır.
   - Modal yüksekliğini viewport içine kilitler; taşma olursa yalnızca
     modal içi scroll çalışır, sayfa bozulmaz.
   - Eski beyaz modal, açık input ve inline başlık renklerini override eder.
========================================================= */
body.tamirhane-page #quick-service-form{
  scroll-margin-top: 120px;
}

body.tamirhane-page .modal-backdrop.show{
  background-color: rgba(2, 6, 15, .82) !important;
  opacity: 1 !important;
}

body.tamirhane-page.modal-open{
  overflow: hidden !important;
  padding-right: 0 !important;
}

body.tamirhane-page .modal{
  padding-right: 0 !important;
}

body.tamirhane-page #modalCta .modal-dialog,
body.tamirhane-page #modalCta2 .modal-dialog,
body.tamirhane-page #quickRequestModal .modal-dialog,
body.tamirhane-page #diagnosticWizardModal .modal-dialog,
body.tamirhane-page #secondHandTrustModal .modal-dialog{
  width: min(94vw, 920px) !important;
  max-width: 920px !important;
  margin: 18px auto !important;
  min-height: calc(100vh - 36px);
  display: flex;
  align-items: center;
}

body.tamirhane-page #quickRequestModal .modal-dialog{
  max-width: 680px !important;
}

body.tamirhane-page #diagnosticWizardModal .modal-dialog{
  max-width: 980px !important;
}

body.tamirhane-page #modalCta .modal-content,
body.tamirhane-page #modalCta2 .modal-content,
body.tamirhane-page #quickRequestModal .modal-content,
body.tamirhane-page #diagnosticWizardModal .modal-content,
body.tamirhane-page #secondHandTrustModal .modal-content,
body.tamirhane-page .premium-modal-content,
body.tamirhane-page .diagnostic-modal-content,
body.tamirhane-page .secondhand-trust-modal{
  width: 100% !important;
  max-height: calc(100vh - 42px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-radius: 28px !important;
  padding: 30px 28px 24px !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  background:
    radial-gradient(circle at top left, rgba(37,99,235, .12), transparent 30%),
    radial-gradient(circle at top right, rgba(91, 140, 255, .10), transparent 32%),
    linear-gradient(145deg, #101827 0%, #08111e 52%, #060b13 100%) !important;
  color: #eaf1fb !important;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255,255,255,.04) !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(37,99,235, .75) rgba(255,255,255,.06);
}

body.tamirhane-page #modalCta .modal-content::-webkit-scrollbar,
body.tamirhane-page #modalCta2 .modal-content::-webkit-scrollbar,
body.tamirhane-page #quickRequestModal .modal-content::-webkit-scrollbar,
body.tamirhane-page #diagnosticWizardModal .modal-content::-webkit-scrollbar,
body.tamirhane-page #secondHandTrustModal .modal-content::-webkit-scrollbar{
  width: 9px;
}
body.tamirhane-page #modalCta .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #modalCta2 .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #quickRequestModal .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #diagnosticWizardModal .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #secondHandTrustModal .modal-content::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, #2563eb, #0ea5e9);
  border-radius: 999px;
}
body.tamirhane-page #modalCta .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #modalCta2 .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #quickRequestModal .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #diagnosticWizardModal .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #secondHandTrustModal .modal-content::-webkit-scrollbar-track{
  background: rgba(255,255,255,.05);
}

body.tamirhane-page #modalCta .modal-content h3,
body.tamirhane-page #modalCta2 .modal-content h3,
body.tamirhane-page #quickRequestModal h3,
body.tamirhane-page #diagnosticWizardModal h3,
body.tamirhane-page #secondHandTrustModal h3,
body.tamirhane-page .premium-modal-title,
body.tamirhane-page .diagnostic-modal-header h3{
  color: #ffffff !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.35);
}

body.tamirhane-page .quick-desc,
body.tamirhane-page .premium-modal-desc,
body.tamirhane-page .secondhand-trust-text,
body.tamirhane-page .diagnostic-modal-header p,
body.tamirhane-page .diagnostic-summary-card p{
  color: #b8c4d6 !important;
}

body.tamirhane-page #modalCta .close,
body.tamirhane-page #modalCta2 .close,
body.tamirhane-page .quick-modal-close,
body.tamirhane-page .diagnostic-modal-close,
body.tamirhane-page .premium-modal-close{
  position: absolute !important;
  top: 16px !important;
  right: 18px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.07) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  text-shadow: none !important;
  z-index: 10 !important;
  transition: background .18s ease, transform .18s ease, border-color .18s ease;
}
body.tamirhane-page #modalCta .close:hover,
body.tamirhane-page #modalCta2 .close:hover,
body.tamirhane-page .quick-modal-close:hover,
body.tamirhane-page .diagnostic-modal-close:hover,
body.tamirhane-page .premium-modal-close:hover{
  transform: translateY(-1px);
  background: rgba(37,99,235, .18) !important;
  border-color: rgba(37,99,235, .35) !important;
}

body.tamirhane-page .modal-icon,
body.tamirhane-page .quick-modal-icon,
body.tamirhane-page .diagnostic-modal-badge,
body.tamirhane-page .premium-shared-icon{
  width: 68px !important;
  height: 68px !important;
  margin: 0 auto 16px !important;
  transform: none !important;
  background: linear-gradient(135deg, #2563eb, #2563eb) !important;
  box-shadow: 0 16px 34px rgba(37,99,235, .30) !important;
}

body.tamirhane-page .used-product-row,
body.tamirhane-page .technical-service-row{
  gap: 14px !important;
  margin-bottom: 14px !important;
}

body.tamirhane-page .used-product-group,
body.tamirhane-page .technical-service-group,
body.tamirhane-page .quick-request-group,
body.tamirhane-page .diagnostic-field{
  min-width: 0;
}

body.tamirhane-page .used-product-group label,
body.tamirhane-page .technical-service-group label,
body.tamirhane-page .quick-request-group label,
body.tamirhane-page .diagnostic-field label,
body.tamirhane-page .diagnostic-wizard-form h4{
  color: #e9f0fb !important;
}

body.tamirhane-page .used-product-group input,
body.tamirhane-page .used-product-group select,
body.tamirhane-page .used-product-group textarea,
body.tamirhane-page .technical-service-group input,
body.tamirhane-page .technical-service-group select,
body.tamirhane-page .technical-service-group textarea,
body.tamirhane-page .quick-request-group input,
body.tamirhane-page .quick-request-group select,
body.tamirhane-page .quick-request-group textarea,
body.tamirhane-page .diagnostic-field input,
body.tamirhane-page .diagnostic-field textarea,
body.tamirhane-page #diagnosticWhatsappPreview{
  border: 1px solid rgba(148, 163, 184, .22) !important;
  background: rgba(3, 9, 18, .72) !important;
  color: #eef5ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

body.tamirhane-page .used-product-group input::placeholder,
body.tamirhane-page .used-product-group textarea::placeholder,
body.tamirhane-page .technical-service-group input::placeholder,
body.tamirhane-page .technical-service-group textarea::placeholder,
body.tamirhane-page .quick-request-group input::placeholder,
body.tamirhane-page .quick-request-group textarea::placeholder,
body.tamirhane-page .diagnostic-field input::placeholder,
body.tamirhane-page .diagnostic-field textarea::placeholder{
  color: #7f8da3 !important;
}

body.tamirhane-page .used-product-group input:focus,
body.tamirhane-page .used-product-group select:focus,
body.tamirhane-page .used-product-group textarea:focus,
body.tamirhane-page .technical-service-group input:focus,
body.tamirhane-page .technical-service-group select:focus,
body.tamirhane-page .technical-service-group textarea:focus,
body.tamirhane-page .quick-request-group input:focus,
body.tamirhane-page .quick-request-group select:focus,
body.tamirhane-page .quick-request-group textarea:focus,
body.tamirhane-page .diagnostic-field input:focus,
body.tamirhane-page .diagnostic-field textarea:focus,
body.tamirhane-page #diagnosticWhatsappPreview:focus{
  outline: none !important;
  border-color: rgba(59,130,246, .72) !important;
  box-shadow: 0 0 0 4px rgba(37,99,235, .14), inset 0 1px 0 rgba(255,255,255,.04) !important;
  transform: none !important;
}

body.tamirhane-page .used-product-group select option,
body.tamirhane-page .used-product-group select optgroup,
body.tamirhane-page .technical-service-group select option,
body.tamirhane-page .technical-service-group select optgroup,
body.tamirhane-page .quick-request-group select option{
  background: #0b1220 !important;
  color: #f8fbff !important;
}

body.tamirhane-page .used-product-group input[type="range"]{
  accent-color: #2563eb;
}

body.tamirhane-page .used-product-btn,
body.tamirhane-page .technical-service-btn,
body.tamirhane-page .quick-submit-btn,
body.tamirhane-page .diagnostic-secondary-btn,
body.tamirhane-page .trust-action-btn{
  background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 16px 34px rgba(37,99,235, .24) !important;
}

body.tamirhane-page .diagnostic-primary-btn{
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #fff !important;
}
body.tamirhane-page .diagnostic-nav-btn.secondary{
  background: rgba(255,255,255,.08) !important;
  color: #eaf1fb !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

body.tamirhane-page .diagnostic-option-card span,
body.tamirhane-page .diagnostic-check-item,
body.tamirhane-page .diagnostic-result-box,
body.tamirhane-page .diagnostic-summary-card,
body.tamirhane-page .secondhand-trust-item{
  background: rgba(255,255,255,.065) !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  color: #dce7f7 !important;
  box-shadow: none !important;
}
body.tamirhane-page .diagnostic-option-card input:checked + span{
  border-color: rgba(59,130,246, .75) !important;
  background: linear-gradient(135deg, rgba(37,99,235, .18), rgba(91, 140, 255, .10)) !important;
}
body.tamirhane-page .diagnostic-result-box span{
  color: #93a4bd !important;
}
body.tamirhane-page .diagnostic-result-box strong,
body.tamirhane-page .diagnostic-summary-card h5{
  color: #ffffff !important;
}

body.tamirhane-page .technical-service-status,
body.tamirhane-page .quick-request-status,
body.tamirhane-page .diagnostic-wizard-status{
  background: rgba(34, 197, 94, .10) !important;
  color: #a7f3d0 !important;
  border-color: rgba(34, 197, 94, .25) !important;
}

@media (max-width: 768px){
  body.tamirhane-page #modalCta .modal-dialog,
  body.tamirhane-page #modalCta2 .modal-dialog,
  body.tamirhane-page #quickRequestModal .modal-dialog,
  body.tamirhane-page #diagnosticWizardModal .modal-dialog,
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width: calc(100vw - 18px) !important;
    margin: 9px auto !important;
    min-height: calc(100vh - 18px);
  }

  body.tamirhane-page #modalCta .modal-content,
  body.tamirhane-page #modalCta2 .modal-content,
  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page .premium-modal-content,
  body.tamirhane-page .diagnostic-modal-content,
  body.tamirhane-page .secondhand-trust-modal{
    max-height: calc(100vh - 18px) !important;
    padding: 22px 16px 18px !important;
    border-radius: 22px !important;
  }

  body.tamirhane-page #modalCta .close,
  body.tamirhane-page #modalCta2 .close,
  body.tamirhane-page .quick-modal-close,
  body.tamirhane-page .diagnostic-modal-close,
  body.tamirhane-page .premium-modal-close{
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 26px !important;
  }

  body.tamirhane-page .modal-icon,
  body.tamirhane-page .quick-modal-icon,
  body.tamirhane-page .diagnostic-modal-badge,
  body.tamirhane-page .premium-shared-icon{
    width: 58px !important;
    height: 58px !important;
    font-size: 24px !important;
    margin-bottom: 12px !important;
  }

  body.tamirhane-page #modalCta .modal-content h3,
  body.tamirhane-page #modalCta2 .modal-content h3,
  body.tamirhane-page #quickRequestModal h3,
  body.tamirhane-page #diagnosticWizardModal h3,
  body.tamirhane-page #secondHandTrustModal h3{
    padding-right: 42px;
    font-size: 21px !important;
  }
}

/* ==========================================================
   V156 VERIFIED - Tamirhane modal final size / dark-mode lock
   Amaç: #quick-service-form üzerinden açılan 4 modalın ve satış
   modalının header altında devleşmesini engellemek, koyu temayı
   tüm modal içeriğinde korumak ve iç scroll'u modal içine almak.
   ========================================================== */
body.tamirhane-page .modal.show{
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-right: 0 !important;
}

body.tamirhane-page #modalCta .modal-dialog,
body.tamirhane-page #modalCta2 .modal-dialog,
body.tamirhane-page #quickRequestModal .modal-dialog,
body.tamirhane-page #diagnosticWizardModal .modal-dialog,
body.tamirhane-page #secondHandTrustModal .modal-dialog{
  display: block !important;
  align-items: initial !important;
  min-height: 0 !important;
  width: calc(100vw - 40px) !important;
  margin: 104px auto 26px !important;
}

/* Her modal kendi içeriğine göre kontrollü genişlikte kalsın. */
body.tamirhane-page #quickRequestModal .modal-dialog{
  max-width: 560px !important;
}
body.tamirhane-page #modalCta .modal-dialog,
body.tamirhane-page #modalCta2 .modal-dialog{
  max-width: 660px !important;
}
body.tamirhane-page #diagnosticWizardModal .modal-dialog,
body.tamirhane-page #secondHandTrustModal .modal-dialog{
  max-width: 780px !important;
}

body.tamirhane-page #modalCta .modal-content,
body.tamirhane-page #modalCta2 .modal-content,
body.tamirhane-page #quickRequestModal .modal-content,
body.tamirhane-page #diagnosticWizardModal .modal-content,
body.tamirhane-page #secondHandTrustModal .modal-content,
body.tamirhane-page .premium-modal-content,
body.tamirhane-page .diagnostic-modal-content,
body.tamirhane-page .secondhand-trust-modal{
  max-height: calc(100dvh - 132px) !important;
  min-height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 24px 22px 20px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at top left, rgba(37,99,235, .12), transparent 34%),
    radial-gradient(circle at top right, rgba(91, 140, 255, .09), transparent 34%),
    linear-gradient(145deg, #101827 0%, #08111e 56%, #050a12 100%) !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  color: #eaf1fb !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .56), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* Üstteki yuvarlak ikonlar artık modalı header'a doğru büyütmesin. */
body.tamirhane-page .modal-icon,
body.tamirhane-page .quick-modal-icon,
body.tamirhane-page .diagnostic-modal-badge,
body.tamirhane-page .premium-shared-icon{
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  margin: 0 auto 12px !important;
  font-size: 24px !important;
  transform: none !important;
}

body.tamirhane-page #modalCta .modal-content h3,
body.tamirhane-page #modalCta2 .modal-content h3,
body.tamirhane-page #quickRequestModal h3,
body.tamirhane-page #diagnosticWizardModal h3,
body.tamirhane-page #secondHandTrustModal h3,
body.tamirhane-page .premium-modal-title,
body.tamirhane-page .diagnostic-modal-header h3{
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  padding: 0 44px !important;
  font-size: clamp(20px, 2vw, 26px) !important;
  line-height: 1.22 !important;
  color: #fff !important;
}

body.tamirhane-page .quick-desc,
body.tamirhane-page .premium-modal-desc,
body.tamirhane-page .secondhand-trust-text,
body.tamirhane-page .diagnostic-modal-header p{
  font-size: 14px !important;
  line-height: 1.62 !important;
  margin-bottom: 12px !important;
}

body.tamirhane-page .secondhand-trust-grid,
body.tamirhane-page .premium-trust-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 14px 0 !important;
}
body.tamirhane-page .secondhand-trust-item{
  padding: 10px 12px !important;
  line-height: 1.45 !important;
  font-size: 13px !important;
}
body.tamirhane-page .secondhand-trust-note{
  padding: 12px 14px !important;
  margin: 12px 0 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #c6d3e5 !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
}

body.tamirhane-page .diagnostic-modal-header{
  margin-bottom: 12px !important;
}
body.tamirhane-page .diagnostic-progress-wrap{
  margin-bottom: 12px !important;
}
body.tamirhane-page .diagnostic-step h4{
  margin-bottom: 12px !important;
  font-size: 18px !important;
}
body.tamirhane-page .diagnostic-options-grid,
body.tamirhane-page .diagnostic-check-grid,
body.tamirhane-page .diagnostic-form-grid,
body.tamirhane-page .diagnostic-result-grid{
  gap: 10px !important;
}
body.tamirhane-page .diagnostic-option-card span,
body.tamirhane-page .diagnostic-check-item,
body.tamirhane-page .diagnostic-result-box,
body.tamirhane-page .diagnostic-summary-card{
  padding: 11px 12px !important;
}
body.tamirhane-page .diagnostic-navigation{
  margin-top: 14px !important;
  padding-top: 12px !important;
}

body.tamirhane-page .used-product-row,
body.tamirhane-page .technical-service-row{
  gap: 12px !important;
  margin-bottom: 12px !important;
}
body.tamirhane-page .used-product-group input,
body.tamirhane-page .used-product-group select,
body.tamirhane-page .used-product-group textarea,
body.tamirhane-page .technical-service-group input,
body.tamirhane-page .technical-service-group select,
body.tamirhane-page .technical-service-group textarea,
body.tamirhane-page .quick-request-group input,
body.tamirhane-page .quick-request-group select,
body.tamirhane-page .quick-request-group textarea,
body.tamirhane-page .diagnostic-field input,
body.tamirhane-page .diagnostic-field textarea,
body.tamirhane-page #diagnosticWhatsappPreview{
  padding: 11px 13px !important;
  border-radius: 12px !important;
}
body.tamirhane-page .quick-request-group textarea,
body.tamirhane-page .used-product-group textarea,
body.tamirhane-page .technical-service-group textarea{
  min-height: 82px !important;
}

@media (max-width: 991px){
  body.tamirhane-page #modalCta .modal-dialog,
  body.tamirhane-page #modalCta2 .modal-dialog,
  body.tamirhane-page #quickRequestModal .modal-dialog,
  body.tamirhane-page #diagnosticWizardModal .modal-dialog,
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width: calc(100vw - 22px) !important;
    margin: 88px auto 18px !important;
  }
  body.tamirhane-page #modalCta .modal-content,
  body.tamirhane-page #modalCta2 .modal-content,
  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page .premium-modal-content,
  body.tamirhane-page .diagnostic-modal-content,
  body.tamirhane-page .secondhand-trust-modal{
    max-height: calc(100dvh - 106px) !important;
    padding: 20px 16px 16px !important;
    border-radius: 20px !important;
  }
  body.tamirhane-page .secondhand-trust-grid,
  body.tamirhane-page .premium-trust-grid{
    grid-template-columns: 1fr !important;
  }
  body.tamirhane-page #modalCta .modal-content h3,
  body.tamirhane-page #modalCta2 .modal-content h3,
  body.tamirhane-page #quickRequestModal h3,
  body.tamirhane-page #diagnosticWizardModal h3,
  body.tamirhane-page #secondHandTrustModal h3,
  body.tamirhane-page .premium-modal-title,
  body.tamirhane-page .diagnostic-modal-header h3{
    padding: 0 38px 0 0 !important;
    font-size: 20px !important;
    text-align: left !important;
  }
}


/* ==========================================================
   V157 - Tamirhane modal scroll/action polish
   1) Scroll bar modal dışında değil, yalnızca modal içeriğinde görünür.
   2) Modal açıkken arka sayfa sabit kalır.
   3) Ürünümü Sat / WhatsApp'tan Sor / Devam Et butonları net renk ve ikon düzenine alınır.
   ========================================================== */
html.tamir-modal-locked,
body.tamirhane-page.tamir-modal-locked{
  width:100% !important;
  overflow:hidden !important;
  overscroll-behavior:none !important;
}
body.tamirhane-page.tamir-modal-locked{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
}

body.tamirhane-page.modal-open{
  overflow:hidden !important;
  padding-right:0 !important;
}

body.tamirhane-page .modal.show,
body.tamirhane-page .modal.in{
  overflow:hidden !important;
  padding:0 !important;
}

body.tamirhane-page #modalCta .modal-dialog,
body.tamirhane-page #modalCta2 .modal-dialog,
body.tamirhane-page #quickRequestModal .modal-dialog,
body.tamirhane-page #diagnosticWizardModal .modal-dialog,
body.tamirhane-page #secondHandTrustModal .modal-dialog{
  height:calc(100dvh - 112px) !important;
  max-height:calc(100dvh - 112px) !important;
  margin:96px auto 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

body.tamirhane-page #modalCta .modal-content,
body.tamirhane-page #modalCta2 .modal-content,
body.tamirhane-page #quickRequestModal .modal-content,
body.tamirhane-page #diagnosticWizardModal .modal-content,
body.tamirhane-page #secondHandTrustModal .modal-content,
body.tamirhane-page .premium-modal-content,
body.tamirhane-page .diagnostic-modal-content,
body.tamirhane-page .secondhand-trust-modal{
  max-height:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-gutter:stable both-edges;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,130,28,.85) rgba(255,255,255,.055);
}

body.tamirhane-page #modalCta .modal-content::-webkit-scrollbar,
body.tamirhane-page #modalCta2 .modal-content::-webkit-scrollbar,
body.tamirhane-page #quickRequestModal .modal-content::-webkit-scrollbar,
body.tamirhane-page #diagnosticWizardModal .modal-content::-webkit-scrollbar,
body.tamirhane-page #secondHandTrustModal .modal-content::-webkit-scrollbar{
  width:8px !important;
}
body.tamirhane-page #modalCta .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #modalCta2 .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #quickRequestModal .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #diagnosticWizardModal .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #secondHandTrustModal .modal-content::-webkit-scrollbar-track{
  background:rgba(255,255,255,.045) !important;
  border-radius:999px !important;
  margin:18px 0 !important;
}
body.tamirhane-page #modalCta .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #modalCta2 .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #quickRequestModal .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #diagnosticWizardModal .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #secondHandTrustModal .modal-content::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#60a5fa,#2563eb) !important;
  border-radius:999px !important;
  border:2px solid rgba(9,15,26,.92) !important;
}

body.tamirhane-page .diagnostic-nav-btn.primary,
body.tamirhane-page #diagnosticNextBtn{
  background:linear-gradient(135deg,#60a5fa,#2563eb) !important;
  border:1px solid rgba(59,130,246,.45) !important;
  color:#fff !important;
  box-shadow:0 16px 32px rgba(37,99,235,.28) !important;
}
body.tamirhane-page .diagnostic-nav-btn.primary:hover,
body.tamirhane-page #diagnosticNextBtn:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 38px rgba(37,99,235,.34) !important;
}

body.tamirhane-page .trust-action-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:44px !important;
  padding:12px 18px !important;
  border-radius:14px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
body.tamirhane-page .trust-sell-btn{
  background:linear-gradient(135deg,#60a5fa,#2563eb) !important;
  color:#fff !important;
  border:1px solid rgba(59,130,246,.42) !important;
  box-shadow:0 16px 34px rgba(37,99,235,.25) !important;
}
body.tamirhane-page .trust-whatsapp-btn,
body.tamirhane-page a.trust-whatsapp-btn{
  background:linear-gradient(135deg,#25d366,#128c4a) !important;
  color:#fff !important;
  border:1px solid rgba(37,211,102,.45) !important;
  box-shadow:0 16px 34px rgba(37,211,102,.20) !important;
}
body.tamirhane-page .trust-whatsapp-btn:hover,
body.tamirhane-page .trust-sell-btn:hover{
  color:#fff !important;
  filter:brightness(1.04);
}

@media (max-width:991px){
  body.tamirhane-page #modalCta .modal-dialog,
  body.tamirhane-page #modalCta2 .modal-dialog,
  body.tamirhane-page #quickRequestModal .modal-dialog,
  body.tamirhane-page #diagnosticWizardModal .modal-dialog,
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    height:calc(100dvh - 32px) !important;
    max-height:calc(100dvh - 32px) !important;
    margin:16px auto !important;
  }
}

@media (max-width:575px){
  body.tamirhane-page #modalCta .modal-dialog,
  body.tamirhane-page #modalCta2 .modal-dialog,
  body.tamirhane-page #quickRequestModal .modal-dialog,
  body.tamirhane-page #diagnosticWizardModal .modal-dialog,
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width:calc(100vw - 14px) !important;
    height:calc(100dvh - 18px) !important;
    max-height:calc(100dvh - 18px) !important;
    margin:9px auto !important;
  }
  body.tamirhane-page .trust-action-btn{
    width:100%;
  }
}


/* ==========================================================
   V158 - Tamirhane modal düzeltme
   - V157'de sayfa kilitlenmesine neden olan fixed body davranışı iptal edildi.
   - Modal açıkken arka sayfa scroll yemez; scroll sadece modal kutusunun içinde kalır.
   - 4/5 tamirhane modalı aynı koyu tema, iç scroll ve buton standardına bağlandı.
   ========================================================== */
html.tamir-modal-locked{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}
body.tamirhane-page.tamir-modal-locked{
  overflow:hidden !important;
  position:static !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:auto !important;
  overscroll-behavior:none !important;
}
body.tamirhane-page:not(.modal-open):not(.tamir-modal-locked){
  overflow-y:auto !important;
}
body.tamirhane-page .modal{
  overflow:hidden !important;
  padding:0 !important;
}
body.tamirhane-page .modal.show,
body.tamirhane-page .modal.in{
  display:block !important;
}
body.tamirhane-page #modalCta .modal-dialog,
body.tamirhane-page #modalCta2 .modal-dialog,
body.tamirhane-page #quickRequestModal .modal-dialog,
body.tamirhane-page #diagnosticWizardModal .modal-dialog,
body.tamirhane-page #secondHandTrustModal .modal-dialog{
  width:min(92vw, 820px) !important;
  max-width:820px !important;
  height:auto !important;
  max-height:calc(100dvh - 112px) !important;
  min-height:0 !important;
  margin:92px auto 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  pointer-events:none;
}
body.tamirhane-page #quickRequestModal .modal-dialog{ max-width:620px !important; }
body.tamirhane-page #diagnosticWizardModal .modal-dialog{ max-width:900px !important; }
body.tamirhane-page #modalCta .modal-content,
body.tamirhane-page #modalCta2 .modal-content,
body.tamirhane-page #quickRequestModal .modal-content,
body.tamirhane-page #diagnosticWizardModal .modal-content,
body.tamirhane-page #secondHandTrustModal .modal-content,
body.tamirhane-page .premium-modal-content,
body.tamirhane-page .diagnostic-modal-content,
body.tamirhane-page .secondhand-trust-modal{
  pointer-events:auto;
  width:100% !important;
  max-height:calc(100dvh - 112px) !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,132,27,.90) rgba(255,255,255,.055);
  padding:24px 24px 20px !important;
  border-radius:24px !important;
  background:radial-gradient(circle at top left, rgba(37,99,235,.13), transparent 34%),radial-gradient(circle at top right, rgba(70,130,255,.10), transparent 34%),linear-gradient(145deg,#101827 0%,#08111e 55%,#050a12 100%) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#eaf1fb !important;
  box-shadow:0 28px 78px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body.tamirhane-page #modalCta .modal-content::-webkit-scrollbar,
body.tamirhane-page #modalCta2 .modal-content::-webkit-scrollbar,
body.tamirhane-page #quickRequestModal .modal-content::-webkit-scrollbar,
body.tamirhane-page #diagnosticWizardModal .modal-content::-webkit-scrollbar,
body.tamirhane-page #secondHandTrustModal .modal-content::-webkit-scrollbar{ width:8px !important; }
body.tamirhane-page #modalCta .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #modalCta2 .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #quickRequestModal .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #diagnosticWizardModal .modal-content::-webkit-scrollbar-track,
body.tamirhane-page #secondHandTrustModal .modal-content::-webkit-scrollbar-track{
  background:rgba(255,255,255,.045) !important;
  border-radius:999px !important;
  margin:18px 0 !important;
}
body.tamirhane-page #modalCta .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #modalCta2 .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #quickRequestModal .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #diagnosticWizardModal .modal-content::-webkit-scrollbar-thumb,
body.tamirhane-page #secondHandTrustModal .modal-content::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#60a5fa,#2563eb) !important;
  border-radius:999px !important;
  border:2px solid #0a111d !important;
}
body.tamirhane-page .diagnostic-nav-btn.primary,
body.tamirhane-page #diagnosticNextBtn,
body.tamirhane-page .quick-submit-btn,
body.tamirhane-page .used-product-btn,
body.tamirhane-page .technical-service-btn,
body.tamirhane-page .trust-sell-btn{
  background:linear-gradient(135deg,#60a5fa,#2563eb) !important;
  border:1px solid rgba(59,130,246,.45) !important;
  color:#fff !important;
  box-shadow:0 16px 32px rgba(37,99,235,.28) !important;
}
body.tamirhane-page .trust-whatsapp-btn,
body.tamirhane-page a.trust-whatsapp-btn{
  background:linear-gradient(135deg,#25d366,#128c4a) !important;
  border:1px solid rgba(37,211,102,.46) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(37,211,102,.20) !important;
}
body.tamirhane-page .trust-action-btn,
body.tamirhane-page .diagnostic-nav-btn.primary,
body.tamirhane-page #diagnosticNextBtn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:44px !important;
  border-radius:14px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
@media (max-width:991px){
  body.tamirhane-page #modalCta .modal-dialog,
  body.tamirhane-page #modalCta2 .modal-dialog,
  body.tamirhane-page #quickRequestModal .modal-dialog,
  body.tamirhane-page #diagnosticWizardModal .modal-dialog,
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width:calc(100vw - 22px) !important;
    max-height:calc(100dvh - 32px) !important;
    margin:16px auto !important;
  }
  body.tamirhane-page #modalCta .modal-content,
  body.tamirhane-page #modalCta2 .modal-content,
  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page .premium-modal-content,
  body.tamirhane-page .diagnostic-modal-content,
  body.tamirhane-page .secondhand-trust-modal{
    max-height:calc(100dvh - 32px) !important;
    padding:20px 16px 16px !important;
    border-radius:20px !important;
  }
}
@media (max-width:575px){
  body.tamirhane-page #modalCta .modal-dialog,
  body.tamirhane-page #modalCta2 .modal-dialog,
  body.tamirhane-page #quickRequestModal .modal-dialog,
  body.tamirhane-page #diagnosticWizardModal .modal-dialog,
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width:calc(100vw - 14px) !important;
    max-height:calc(100dvh - 18px) !important;
    margin:9px auto !important;
  }
  body.tamirhane-page .trust-action-btn{ width:100%; }
}

/* ==========================================================
   V159 - Tamirhane modal scroll kilidi güvenli düzeltme
   - Normal sayfa scroll'u hiçbir zaman kalıcı kilitlenmez.
   - Modal kapalıyken html/body tekrar scroll yapabilir.
   - Modal açıkken sadece Bootstrap modal-open kilidi kullanılır.
   - Scroll çubuğu modal içeriğinin içinde kalır.
   ========================================================== */
html:not(.tamir-modal-locked),
body.tamirhane-page:not(.modal-open){
  overflow-y:auto !important;
}
body.tamirhane-page:not(.modal-open){
  position:static !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:auto !important;
}
body.tamirhane-page.modal-open{
  overflow:hidden !important;
  padding-right:0 !important;
}
body.tamirhane-page .modal{
  overflow:hidden !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.tamirhane-page #modalCta .modal-dialog,
body.tamirhane-page #modalCta2 .modal-dialog,
body.tamirhane-page #quickRequestModal .modal-dialog,
body.tamirhane-page #diagnosticWizardModal .modal-dialog,
body.tamirhane-page #secondHandTrustModal .modal-dialog{
  max-height:calc(100dvh - 112px) !important;
  overflow:visible !important;
}
body.tamirhane-page #modalCta .modal-content,
body.tamirhane-page #modalCta2 .modal-content,
body.tamirhane-page #quickRequestModal .modal-content,
body.tamirhane-page #diagnosticWizardModal .modal-content,
body.tamirhane-page #secondHandTrustModal .modal-content,
body.tamirhane-page .premium-modal-content,
body.tamirhane-page .diagnostic-modal-content,
body.tamirhane-page .secondhand-trust-modal{
  max-height:calc(100dvh - 112px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-gutter:stable;
}
@media (max-width:991px){
  body.tamirhane-page #modalCta .modal-content,
  body.tamirhane-page #modalCta2 .modal-content,
  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page .premium-modal-content,
  body.tamirhane-page .diagnostic-modal-content,
  body.tamirhane-page .secondhand-trust-modal{
    max-height:calc(100dvh - 32px) !important;
  }
}
@media (max-width:575px){
  body.tamirhane-page #modalCta .modal-content,
  body.tamirhane-page #modalCta2 .modal-content,
  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page .premium-modal-content,
  body.tamirhane-page .diagnostic-modal-content,
  body.tamirhane-page .secondhand-trust-modal{
    max-height:calc(100dvh - 18px) !important;
  }
}


/* ==========================================================
   V160 - Tamirhane modal iç scroll + admin Talepler entegrasyonu
   - Scroll bar artık sayfa/dış dialog üzerinde değil, modal içindeki form alanında.
   - Modal açıkken arka sayfa kilitlenir; modal kapalıyken normal sayfa scroll'u serbesttir.
   - 2. el satış / teknik servis / hızlı talep / arıza teşhisi formları admin Talepler API'sine gider.
   ========================================================== */
body.tamirhane-page.modal-open{
  overflow:hidden !important;
  padding-right:0 !important;
}
body.tamirhane-page:not(.modal-open){
  overflow-y:auto !important;
  position:static !important;
}
body.tamirhane-page .modal{
  overflow:hidden !important;
  padding:0 !important;
}
body.tamirhane-page .modal.show,
body.tamirhane-page .modal.in{
  display:block !important;
}
body.tamirhane-page #modalCta .modal-dialog,
body.tamirhane-page #modalCta2 .modal-dialog,
body.tamirhane-page #quickRequestModal .modal-dialog,
body.tamirhane-page #diagnosticWizardModal .modal-dialog,
body.tamirhane-page #secondHandTrustModal .modal-dialog{
  width:min(92vw, 820px) !important;
  max-width:820px !important;
  margin:84px auto 18px !important;
  max-height:calc(100dvh - 104px) !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
body.tamirhane-page #quickRequestModal .modal-dialog{max-width:560px !important;}
body.tamirhane-page #diagnosticWizardModal .modal-dialog{max-width:880px !important;}
body.tamirhane-page #modalCta .modal-content,
body.tamirhane-page #modalCta2 .modal-content,
body.tamirhane-page #quickRequestModal .modal-content,
body.tamirhane-page #diagnosticWizardModal .modal-content,
body.tamirhane-page #secondHandTrustModal .modal-content,
body.tamirhane-page .premium-modal-content,
body.tamirhane-page .diagnostic-modal-content,
body.tamirhane-page .secondhand-trust-modal{
  pointer-events:auto !important;
  width:100% !important;
  max-height:calc(100dvh - 104px) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  border-radius:24px !important;
  background:radial-gradient(circle at top left, rgba(37,99,235,.13), transparent 34%),radial-gradient(circle at top right, rgba(70,130,255,.10), transparent 34%),linear-gradient(145deg,#101827 0%,#08111e 55%,#050a12 100%) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#eaf1fb !important;
  box-shadow:0 28px 78px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body.tamirhane-page #modalCta form,
body.tamirhane-page #modalCta2 form,
body.tamirhane-page #quickRequestForm,
body.tamirhane-page #diagnosticWizardForm,
body.tamirhane-page #secondHandTrustModal .secondhand-trust-grid{
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  padding-right:10px !important;
  margin-right:-4px !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,132,27,.95) rgba(255,255,255,.055);
}
body.tamirhane-page #modalCta form,
body.tamirhane-page #modalCta2 form,
body.tamirhane-page #quickRequestForm{
  max-height:calc(100dvh - 300px) !important;
}
body.tamirhane-page #diagnosticWizardForm{
  max-height:calc(100dvh - 360px) !important;
}
body.tamirhane-page #secondHandTrustModal .secondhand-trust-grid{
  max-height:calc(100dvh - 390px) !important;
}
body.tamirhane-page #modalCta form::-webkit-scrollbar,
body.tamirhane-page #modalCta2 form::-webkit-scrollbar,
body.tamirhane-page #quickRequestForm::-webkit-scrollbar,
body.tamirhane-page #diagnosticWizardForm::-webkit-scrollbar,
body.tamirhane-page #secondHandTrustModal .secondhand-trust-grid::-webkit-scrollbar{width:8px;}
body.tamirhane-page #modalCta form::-webkit-scrollbar-track,
body.tamirhane-page #modalCta2 form::-webkit-scrollbar-track,
body.tamirhane-page #quickRequestForm::-webkit-scrollbar-track,
body.tamirhane-page #diagnosticWizardForm::-webkit-scrollbar-track,
body.tamirhane-page #secondHandTrustModal .secondhand-trust-grid::-webkit-scrollbar-track{
  background:rgba(255,255,255,.055);
  border-radius:999px;
  margin:8px 0;
}
body.tamirhane-page #modalCta form::-webkit-scrollbar-thumb,
body.tamirhane-page #modalCta2 form::-webkit-scrollbar-thumb,
body.tamirhane-page #quickRequestForm::-webkit-scrollbar-thumb,
body.tamirhane-page #diagnosticWizardForm::-webkit-scrollbar-thumb,
body.tamirhane-page #secondHandTrustModal .secondhand-trust-grid::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#60a5fa,#2563eb);
  border-radius:999px;
  border:2px solid #0b1320;
}
body.tamirhane-page #modalCta form:hover::-webkit-scrollbar-thumb,
body.tamirhane-page #modalCta2 form:hover::-webkit-scrollbar-thumb,
body.tamirhane-page #quickRequestForm:hover::-webkit-scrollbar-thumb,
body.tamirhane-page #diagnosticWizardForm:hover::-webkit-scrollbar-thumb,
body.tamirhane-page #secondHandTrustModal .secondhand-trust-grid:hover::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#60a5fa,#2563eb);
}
body.tamirhane-page #modalCta .modal-content > .close,
body.tamirhane-page #modalCta2 .modal-content > .close,
body.tamirhane-page #quickRequestModal .modal-content > .close,
body.tamirhane-page #diagnosticWizardModal .modal-content > .close,
body.tamirhane-page #secondHandTrustModal .modal-content > .close{
  position:absolute !important;
  top:14px !important;
  right:18px !important;
  z-index:20 !important;
}
body.tamirhane-page .used-product-status,
body.tamirhane-page .technical-service-status,
body.tamirhane-page .quick-request-status,
body.tamirhane-page .diagnostic-wizard-status{
  flex:0 0 auto !important;
}
@media (max-width:991px){
  body.tamirhane-page #modalCta .modal-dialog,
  body.tamirhane-page #modalCta2 .modal-dialog,
  body.tamirhane-page #quickRequestModal .modal-dialog,
  body.tamirhane-page #diagnosticWizardModal .modal-dialog,
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width:calc(100vw - 22px) !important;
    margin:16px auto !important;
    max-height:calc(100dvh - 32px) !important;
  }
  body.tamirhane-page #modalCta .modal-content,
  body.tamirhane-page #modalCta2 .modal-content,
  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page .premium-modal-content,
  body.tamirhane-page .diagnostic-modal-content,
  body.tamirhane-page .secondhand-trust-modal{
    max-height:calc(100dvh - 32px) !important;
    padding:20px 16px 16px !important;
    border-radius:20px !important;
  }
  body.tamirhane-page #modalCta form,
  body.tamirhane-page #modalCta2 form,
  body.tamirhane-page #quickRequestForm{max-height:calc(100dvh - 250px) !important;}
  body.tamirhane-page #diagnosticWizardForm{max-height:calc(100dvh - 320px) !important;}
}
@media (max-width:575px){
  body.tamirhane-page #modalCta form,
  body.tamirhane-page #modalCta2 form,
  body.tamirhane-page #quickRequestForm{max-height:calc(100dvh - 235px) !important;}
  body.tamirhane-page #diagnosticWizardForm{max-height:calc(100dvh - 300px) !important;}
}


/* v161 - 2. el satış formu başarı mesajı ve WhatsApp görsel iletme CTA */
body.tamirhane-page .used-sale-success-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-align:center;
  color:#dffbea;
}
body.tamirhane-page .used-sale-success-box strong{
  color:#ffffff;
  font-size:16px;
  font-weight:800;
}
body.tamirhane-page .used-sale-success-box span{
  color:#b9f3d0;
  font-size:14px;
  line-height:1.55;
  max-width:620px;
}
body.tamirhane-page .used-sale-success-box small{
  color:#8fd9aa;
  font-size:12.5px;
  line-height:1.45;
}
body.tamirhane-page .used-sale-whatsapp-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(135deg,#25d366,#128c4a);
  color:#fff !important;
  font-weight:800;
  text-decoration:none !important;
  box-shadow:0 14px 28px rgba(37,211,102,.22);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body.tamirhane-page .used-sale-whatsapp-link:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
  box-shadow:0 18px 34px rgba(37,211,102,.28);
}
body.tamirhane-page .used-product-status.is-success{
  background:rgba(10,42,27,.92)!important;
  border:1px solid rgba(37,211,102,.34)!important;
  color:#dffbea!important;
  box-shadow:0 18px 38px rgba(0,0,0,.22);
}

/* v175 - Mağaza masaüstü işlemci / ekran kartı alt filtre grupları */
.filter-group-nested {
  gap: 9px;
}
.filter-subtitle {
  width: 100%;
  margin: 8px 0 2px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 132, 32, 0.18);
  border-radius: 10px;
  background: rgba(255, 132, 32, 0.07);
  color: #93c5fd;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.filter-subtitle:first-child {
  margin-top: 0;
}

/* v176 - Mağaza işlemci / ekran kartı filtreleri marka seçilince alt seçenekleri açar */
.hierarchical-filter-group .filter-parent-option{
  margin-bottom:10px;
  font-weight:800;
  letter-spacing:.01em;
}
.hierarchical-filter-group .sub-filter-group{
  margin:2px 0 14px 28px;
  padding:0 0 0 14px;
  border-left:2px solid #1d4ed8;
}
.hierarchical-filter-group .sub-filter-group:not(.active){
  display:none!important;
}
.hierarchical-filter-group .sub-filter-group.active{
  display:block!important;
}
.hierarchical-filter-group .sub-item{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:26px;
  margin:4px 0;
  color:rgba(255,255,255,.9);
  font-size:14px;
  font-weight:750;
}
.hierarchical-filter-group .sub-item .checkmark{
  flex:0 0 auto;
}
/* === v194 footer politika/sozlesme split layout === */
.refined-footer .footer-main-section{
  padding:52px 0 34px;
}
.refined-footer .footer-grid{
  row-gap:28px;
}
.refined-footer .footer-col{
  display:flex;
  justify-content:center;
}
.refined-footer .footer{
  width:100%;
  max-width:280px;
  margin:0 auto;
  text-align:center;
}
.refined-footer .footer-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin:0 auto 14px;
  padding:0 0 10px;
  position:relative;
  letter-spacing:.04em;
}
.refined-footer .footer-title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:44px;
  height:2px;
  border-radius:999px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,#2563eb,#93c5fd);
}
.refined-footer .footer-links{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.refined-footer .footer-links li{
  width:100%;
  margin:0;
}
.refined-footer .footer-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  max-width:100%;
  line-height:1.42;
  text-align:center;
}
.refined-footer .footer-text{
  margin:0 0 10px;
  text-align:center;
}
.refined-footer #bottom-footer{
  padding-top:22px;
}
@media (max-width: 991px){
  .refined-footer .footer{max-width:340px;}
}
@media (max-width: 575px){
  .refined-footer .footer-main-section{padding:38px 0 24px;}
  .refined-footer .footer-grid{row-gap:24px;}
}


/* v196 - Professional e-commerce footer upgrade */
.ecommerce-footer{
  background: radial-gradient(circle at 50% 0%, rgba(37,99,235,.10), transparent 38%), #101117;
  border-top: 1px solid rgba(37,99,235,.18);
}
.ecommerce-footer .footer-trust-strip{
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
}
.ecommerce-footer .footer-trust-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
  padding:14px 15px;
  color:#dce6f7;
  font-weight:700;
  font-size:14px;
}
.ecommerce-footer .footer-trust-inner span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(9,13,22,.55);
}
.ecommerce-footer .footer-trust-inner i{color:#2563eb;}
.ecommerce-footer .footer-main-section{padding:46px 0 28px;}
.ecommerce-footer .footer-grid-ecommerce{
  display:grid;
  grid-template-columns:1.15fr .95fr 1.05fr 1.18fr .98fr 1.05fr;
  gap:30px;
  align-items:start;
  text-align:center;
}
.ecommerce-footer .footer{
  width:100%;
  max-width:none;
  margin:0 auto;
}
.ecommerce-footer .footer-title{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:30px;
  margin:0 0 20px;
  color:#fff;
  font-size:17px;
  font-weight:900;
  letter-spacing:.7px;
  text-align:center;
  text-transform:uppercase;
  position:relative;
}
.ecommerce-footer .footer-title:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-10px;
  width:46px;
  height:2px;
  border-radius:999px;
  transform:translateX(-50%);
  background:#2563eb;
}
.ecommerce-footer .footer-text{
  color:#c7d4eb;
  font-size:14px;
  line-height:1.55;
  margin:0 auto 14px;
  max-width:230px;
}
.ecommerce-footer .footer-links{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.ecommerce-footer .footer-links li{margin:0!important;}
.ecommerce-footer .footer-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#eef3ff;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  text-align:center;
  transition:color .2s ease, transform .2s ease;
}
.ecommerce-footer .footer-links a:hover{
  color:#2563eb;
  transform:translateY(-1px);
}
.ecommerce-footer .footer-links i{color:#2563eb; min-width:16px;}
.ecommerce-footer .payment-badges{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  max-width:230px;
  margin:14px auto 12px;
}
.ecommerce-footer .payment-badges span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  color:#fff;
  font-weight:900;
  font-size:13px;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.ecommerce-footer .footer-mini-note{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#b9c6dc;
  font-size:12px;
  line-height:1.4;
  max-width:235px;
}
.ecommerce-footer .footer-mini-note i{color:#29d978;}
.ecommerce-footer #bottom-footer{
  padding:22px 0 26px;
  border-top:1px solid rgba(255,255,255,.07);
}
.ecommerce-footer .footer-bottom-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.ecommerce-footer #bottom-footer img{margin:0 auto; opacity:.96;}
.ecommerce-footer .copyright{
  display:block;
  color:#d8e2f4;
  font-size:13px;
  line-height:1.5;
}
@media (max-width:1399px){
  .ecommerce-footer .footer-grid-ecommerce{grid-template-columns:repeat(3, minmax(0,1fr)); gap:32px 26px;}
}
@media (max-width:991px){
  .ecommerce-footer .footer-grid-ecommerce{grid-template-columns:repeat(2, minmax(0,1fr));}
  .ecommerce-footer .footer-main-section{padding:38px 0 22px;}
}
@media (max-width:575px){
  .ecommerce-footer .footer-trust-inner{gap:8px; padding:12px 10px;}
  .ecommerce-footer .footer-trust-inner span{width:100%; justify-content:center; font-size:13px; padding:9px 10px;}
  .ecommerce-footer .footer-grid-ecommerce{grid-template-columns:1fr; gap:28px;}
  .ecommerce-footer .footer-title{font-size:16px; margin-bottom:18px;}
  .ecommerce-footer .footer-links{gap:9px;}
  .ecommerce-footer .footer-links a{font-size:14px;}
  .ecommerce-footer .payment-badges{max-width:260px;}
}

/* v197 - Modern, balanced ecommerce footer redesign */
.modern-ecommerce-footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 12%, rgba(37,99,235,.15), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(26,132,255,.10), transparent 32%),
    linear-gradient(180deg,#11131b 0%, #0b0e15 100%) !important;
  border-top:1px solid rgba(37,99,235,.20);
  color:#eef3ff;
}
.modern-ecommerce-footer:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.025), transparent);
}
.modern-ecommerce-footer .footer-modern-wrap{
  position:relative;
  z-index:1;
  padding:28px 0 22px;
}
.modern-ecommerce-footer .footer-trust-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 22px;
  padding:0;
  border:0;
  background:transparent;
}
.modern-ecommerce-footer .footer-trust-strip span{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  box-shadow:0 16px 38px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05);
}
.modern-ecommerce-footer .footer-trust-strip i{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#60a5fa);
  box-shadow:0 12px 26px rgba(37,99,235,.22);
  flex:0 0 auto;
}
.modern-ecommerce-footer .footer-trust-strip strong{
  display:block;
  color:#fff;
  font-size:14px;
  font-weight:900;
  line-height:1.15;
}
.modern-ecommerce-footer .footer-trust-strip small{
  display:block;
  margin-top:3px;
  color:#aebbd0;
  font-size:12px;
  font-weight:600;
}
.modern-ecommerce-footer .footer-brand-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:0 0 22px;
  padding:18px 20px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(255,255,255,.035) 42%,rgba(11,14,21,.72));
  box-shadow:0 20px 45px rgba(0,0,0,.22);
}
.modern-ecommerce-footer .footer-brand-left{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.modern-ecommerce-footer .footer-brand-left img{
  width:168px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.25));
}
.modern-ecommerce-footer .footer-brand-left h3{
  margin:0 0 4px;
  color:#fff;
  font-size:20px;
  font-weight:900;
}
.modern-ecommerce-footer .footer-brand-left p{
  margin:0;
  color:#b9c6dc;
  font-size:14px;
  line-height:1.45;
}
.modern-ecommerce-footer .footer-brand-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.modern-ecommerce-footer .footer-brand-actions a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 15px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  color:#fff;
  font-weight:800;
  font-size:13px;
  transition:transform .2s ease, background .2s ease, border-color .2s ease;
}
.modern-ecommerce-footer .footer-brand-actions a:hover{
  transform:translateY(-2px);
  background:rgba(37,99,235,.16);
  border-color:rgba(37,99,235,.35);
}
.modern-ecommerce-footer .footer-grid-ecommerce{
  display:grid;
  grid-template-columns:1.25fr repeat(4, minmax(0,1fr)) 1.08fr;
  gap:16px;
  align-items:stretch;
  text-align:left;
}
.modern-ecommerce-footer .footer-card{
  width:100%;
  max-width:none;
  margin:0;
  padding:22px 20px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.085);
  background:linear-gradient(180deg,rgba(18,24,36,.80),rgba(11,14,21,.62));
  box-shadow:0 15px 38px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.035);
}
.modern-ecommerce-footer .footer-card-featured{
  background:linear-gradient(180deg,rgba(37,99,235,.10),rgba(18,24,36,.72));
  border-color:rgba(37,99,235,.18);
}
.modern-ecommerce-footer .footer-title{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:auto;
  margin:0 0 16px;
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.45px;
  text-transform:uppercase;
  text-align:left;
}
.modern-ecommerce-footer .footer-title:after{
  left:0;
  bottom:-8px;
  transform:none;
  width:38px;
  height:3px;
  background:linear-gradient(90deg,#2563eb,#60a5fa);
}
.modern-ecommerce-footer .footer-text{
  max-width:none;
  margin:0 0 16px;
  color:#b9c6dc;
  font-size:13.5px;
  line-height:1.6;
  text-align:left;
}
.modern-ecommerce-footer .footer-links{
  align-items:stretch;
  gap:8px;
}
.modern-ecommerce-footer .footer-links a{
  width:100%;
  justify-content:flex-start;
  padding:5px 0;
  color:#dce6f7;
  font-size:13.5px;
  font-weight:750;
  line-height:1.35;
  text-align:left;
  opacity:.96;
}
.modern-ecommerce-footer .footer-links a:hover{
  color:#60a5fa;
  transform:translateX(3px);
}
.modern-ecommerce-footer .footer-links i{
  color:#2563eb;
  min-width:18px;
  text-align:center;
}
.modern-ecommerce-footer .payment-badges{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  max-width:none;
  margin:14px 0 14px;
}
.modern-ecommerce-footer .payment-badges span{
  min-height:40px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  font-size:13px;
  letter-spacing:.1px;
}
.modern-ecommerce-footer .footer-mini-note{
  justify-content:flex-start;
  max-width:none;
  color:#aebbd0;
  font-size:12.5px;
  text-align:left;
}
.modern-ecommerce-footer .footer-mini-note i{color:#24d66e;}
.modern-ecommerce-footer .footer-bottom-inner{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.modern-ecommerce-footer .copyright{
  color:#9facbf;
  font-size:13px;
}
.modern-ecommerce-footer #bottom-footer{display:none!important;}
@media (max-width:1399px){
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:991px){
  .modern-ecommerce-footer .footer-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .modern-ecommerce-footer .footer-brand-panel{align-items:flex-start; flex-direction:column;}
  .modern-ecommerce-footer .footer-brand-actions{justify-content:flex-start;}
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:575px){
  .modern-ecommerce-footer .footer-modern-wrap{padding:22px 0 18px;}
  .modern-ecommerce-footer .footer-trust-strip{grid-template-columns:1fr; gap:10px;}
  .modern-ecommerce-footer .footer-trust-strip span{min-height:64px; padding:12px 14px;}
  .modern-ecommerce-footer .footer-brand-panel{padding:16px; border-radius:22px;}
  .modern-ecommerce-footer .footer-brand-left{align-items:flex-start; flex-direction:column; gap:10px;}
  .modern-ecommerce-footer .footer-brand-left img{width:150px;}
  .modern-ecommerce-footer .footer-brand-actions a{width:100%; justify-content:center;}
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:1fr; gap:12px;}
  .modern-ecommerce-footer .footer-card{padding:19px 18px; border-radius:21px;}
  .modern-ecommerce-footer .footer-title{font-size:14px;}
}

/* v198 - footer ince ayar: ödeme logoları ve kolon hizası */
.modern-ecommerce-footer .footer-grid-ecommerce{
  align-items:stretch;
}
.modern-ecommerce-footer .footer-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:24px 18px;
}
.modern-ecommerce-footer .footer-card-featured{
  align-items:flex-start;
  text-align:left;
}
.modern-ecommerce-footer .footer-title{
  width:100%;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 22px;
  line-height:1.12;
  text-align:center;
}
.modern-ecommerce-footer .footer-card-featured .footer-title{
  justify-content:flex-start;
  text-align:left;
}
.modern-ecommerce-footer .footer-title:after{
  left:50%;
  bottom:-11px;
  transform:translateX(-50%);
  width:42px;
  height:3px;
  border-radius:999px;
}
.modern-ecommerce-footer .footer-card-featured .footer-title:after{
  left:0;
  transform:none;
}
.modern-ecommerce-footer .footer-text{
  width:100%;
  min-height:64px;
  margin:0 0 16px;
  text-align:center;
}
.modern-ecommerce-footer .footer-card-featured .footer-text{
  text-align:left;
}
.modern-ecommerce-footer .footer-links{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  margin:0;
  padding:0;
}
.modern-ecommerce-footer .footer-links li{width:100%;}
.modern-ecommerce-footer .footer-links a{
  justify-content:center;
  text-align:center;
  padding:4px 0;
  line-height:1.28;
}
.modern-ecommerce-footer .footer-contact-list a{
  justify-content:flex-start;
  text-align:left;
}
.modern-ecommerce-footer .payment-brand-badges{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:8px 0 16px;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo{
  position:relative;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 10px;
  overflow:hidden;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.035));
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 22px rgba(0,0,0,.16);
  font-size:14px;
  font-weight:900;
  letter-spacing:.1px;
  line-height:1;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  pointer-events:none;
  background:radial-gradient(circle at 20% 20%, #fff, transparent 38%);
}
.modern-ecommerce-footer .pay-logo-iyzico{
  text-transform:lowercase;
  font-size:17px!important;
  letter-spacing:-.45px!important;
  background:linear-gradient(135deg,rgba(35,137,255,.28),rgba(255,255,255,.055))!important;
}
.modern-ecommerce-footer .pay-logo-iyzico::after{
  content:"pay";
  display:inline-flex;
  margin-left:2px;
  padding:3px 5px 2px;
  border-radius:999px;
  color:#fff;
  background:#2563eb;
  font-size:9px;
  font-weight:900;
  letter-spacing:.2px;
}
.modern-ecommerce-footer .pay-logo-visa{
  font-size:18px!important;
  font-style:italic;
  letter-spacing:.7px!important;
  background:linear-gradient(135deg,rgba(28,82,184,.33),rgba(255,255,255,.055))!important;
}
.modern-ecommerce-footer .pay-logo-mastercard{
  background:linear-gradient(135deg,rgba(235,0,27,.20),rgba(247,158,27,.18),rgba(255,255,255,.04))!important;
}
.modern-ecommerce-footer .pay-logo-mastercard b{
  position:relative;
  z-index:2;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.2px;
}
.modern-ecommerce-footer .mc-circles{
  position:relative;
  z-index:2;
  width:30px;
  height:18px;
  flex:0 0 auto;
}
.modern-ecommerce-footer .mc-circles::before,
.modern-ecommerce-footer .mc-circles::after{
  content:"";
  position:absolute;
  top:1px;
  width:16px;
  height:16px;
  border-radius:50%;
}
.modern-ecommerce-footer .mc-circles::before{left:0;background:#eb001b;}
.modern-ecommerce-footer .mc-circles::after{right:0;background:#f79e1b;mix-blend-mode:screen;}
.modern-ecommerce-footer .pay-logo-troy{
  color:#fff!important;
  letter-spacing:.85px!important;
  background:linear-gradient(135deg,rgba(19,160,91,.26),rgba(37,99,235,.16),rgba(255,255,255,.045))!important;
}
.modern-ecommerce-footer .pay-logo-troy::after{
  content:"TR";
  margin-left:4px;
  color:#2563eb;
  font-size:10px;
  font-weight:950;
}
.modern-ecommerce-footer .footer-mini-note{
  width:100%;
  justify-content:center;
  text-align:center;
  margin-top:auto;
  padding-top:2px;
}
@media (min-width:1400px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:1.22fr .86fr .92fr .96fr .96fr .96fr;
    gap:18px;
  }
}
@media (max-width:575px){
  .modern-ecommerce-footer .footer-card,
  .modern-ecommerce-footer .footer-card-featured{
    align-items:center;
    text-align:center;
  }
  .modern-ecommerce-footer .footer-card-featured .footer-title,
  .modern-ecommerce-footer .footer-card-featured .footer-text{
    justify-content:center;
    text-align:center;
  }
  .modern-ecommerce-footer .footer-card-featured .footer-title:after{
    left:50%;
    transform:translateX(-50%);
  }
  .modern-ecommerce-footer .footer-contact-list a{
    justify-content:center;
    text-align:center;
  }
}

/* v199 - footer premium polish: payment logos + exact column rhythm */
.modern-ecommerce-footer .footer-trust-strip{
  align-items:stretch;
}
.modern-ecommerce-footer .footer-trust-strip span{
  min-height:82px;
  grid-template-columns:46px 1fr 1fr;
  column-gap:14px;
  padding:16px 20px;
}
.modern-ecommerce-footer .footer-brand-panel{
  align-items:center;
}
.modern-ecommerce-footer .footer-grid-ecommerce{
  align-items:stretch;
  gap:18px;
}
.modern-ecommerce-footer .footer-card{
  min-height:442px;
  padding:28px 22px 24px;
  justify-content:flex-start;
}
.modern-ecommerce-footer .footer-card-featured{
  padding-left:26px;
  padding-right:26px;
}
.modern-ecommerce-footer .footer-title{
  min-height:46px;
  margin-bottom:24px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  letter-spacing:.7px;
}
.modern-ecommerce-footer .footer-title:after{
  width:46px;
  height:3px;
  bottom:-12px;
}
.modern-ecommerce-footer .footer-links{
  gap:10px;
}
.modern-ecommerce-footer .footer-links a{
  min-height:24px;
  line-height:1.22;
  display:inline-flex;
  align-items:center;
}
.modern-ecommerce-footer .footer-policy-col .footer-links{
  gap:8px;
}
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  font-size:14.5px;
  line-height:1.16;
}
.modern-ecommerce-footer .footer-contract-col .footer-links{
  gap:13px;
}
.modern-ecommerce-footer .footer-payment-col{
  padding-left:20px;
  padding-right:20px;
}
.modern-ecommerce-footer .footer-payment-col .footer-text{
  min-height:auto;
  margin-bottom:18px;
  line-height:1.45;
}
.modern-ecommerce-footer .payment-brand-badges{
  grid-template-columns:repeat(2,minmax(72px,1fr));
  gap:12px;
  margin:10px 0 20px;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo{
  min-width:0;
  height:54px;
  min-height:54px;
  padding:8px 8px;
  border-radius:16px;
  overflow:visible;
  white-space:nowrap;
  font-size:15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(0,0,0,.18);
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo::before{
  border-radius:inherit;
  overflow:hidden;
}
.modern-ecommerce-footer .pay-logo-iyzico{
  font-size:16px!important;
  letter-spacing:-.35px!important;
}
.modern-ecommerce-footer .pay-logo-iyzico::after{
  font-size:8px;
  padding:3px 4px 2px;
  margin-left:2px;
}
.modern-ecommerce-footer .pay-logo-visa{
  font-size:19px!important;
  letter-spacing:.65px!important;
}
.modern-ecommerce-footer .pay-logo-mastercard{
  flex-direction:column;
  gap:3px!important;
}
.modern-ecommerce-footer .pay-logo-mastercard b{
  font-size:9px;
  letter-spacing:-.35px;
  max-width:100%;
  overflow:hidden;
  text-overflow:clip;
  line-height:1;
}
.modern-ecommerce-footer .mc-circles{
  width:32px;
  height:20px;
}
.modern-ecommerce-footer .mc-circles::before,
.modern-ecommerce-footer .mc-circles::after{
  width:18px;
  height:18px;
}
.modern-ecommerce-footer .pay-logo-troy{
  font-size:18px!important;
  letter-spacing:.55px!important;
}
.modern-ecommerce-footer .pay-logo-troy::after{
  content:"";
  display:none;
}
.modern-ecommerce-footer .footer-mini-note{
  margin-top:auto;
  min-height:42px;
  line-height:1.25;
}
@media (min-width:1200px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:minmax(250px,1.28fr) minmax(150px,.82fr) minmax(170px,.9fr) minmax(190px,1fr) minmax(170px,.9fr) minmax(190px,1fr);
  }
}
@media (min-width:1500px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:1.26fr .84fr .9fr .96fr .9fr 1fr;
    gap:20px;
  }
}
@media (max-width:1199px){
  .modern-ecommerce-footer .footer-card{min-height:auto;}
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:767px){
  .modern-ecommerce-footer .footer-trust-strip span{grid-template-columns:46px 1fr; row-gap:2px;}
  .modern-ecommerce-footer .footer-trust-strip span small{grid-column:2;}
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:1fr;}
  .modern-ecommerce-footer .footer-title{min-height:auto;}
  .modern-ecommerce-footer .payment-brand-badges{grid-template-columns:repeat(2,minmax(0,120px)); justify-content:center;}
}

/* v200 - premium footer final: equal rhythm, clean payment logos, balanced columns */
.modern-ecommerce-footer .footer-modern-wrap{
  padding:30px 0 24px;
}
.modern-ecommerce-footer .footer-trust-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:0 auto 24px;
  max-width:1280px;
}
.modern-ecommerce-footer .footer-trust-strip span{
  min-height:76px;
  display:grid;
  grid-template-columns:48px 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:14px;
  row-gap:2px;
  padding:15px 18px;
  border-radius:22px;
}
.modern-ecommerce-footer .footer-trust-strip i{
  grid-row:1 / span 2;
  width:46px;
  height:46px;
  border-radius:16px;
  font-size:18px;
}
.modern-ecommerce-footer .footer-trust-strip strong,
.modern-ecommerce-footer .footer-trust-strip small{
  text-align:left;
  line-height:1.2;
}
.modern-ecommerce-footer .footer-brand-panel{
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
}
.modern-ecommerce-footer .footer-grid-ecommerce{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(250px,1.18fr) minmax(160px,.78fr) minmax(180px,.86fr) minmax(320px,1.48fr) minmax(185px,.86fr) minmax(220px,1fr);
  gap:18px;
  align-items:stretch;
}
.modern-ecommerce-footer .footer-card{
  min-height:448px;
  padding:28px 22px 24px;
  border-radius:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  overflow:hidden;
}
.modern-ecommerce-footer .footer-card-featured{
  align-items:flex-start;
  text-align:left;
  padding-left:26px;
  padding-right:26px;
}
.modern-ecommerce-footer .footer-title{
  width:100%;
  min-height:48px;
  margin:0 0 28px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  text-align:center;
  font-size:17px;
  line-height:1.08;
  letter-spacing:.55px;
}
.modern-ecommerce-footer .footer-title:after{
  left:50%;
  bottom:-14px;
  width:52px;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
}
.modern-ecommerce-footer .footer-card-featured .footer-title{
  justify-content:flex-start;
  text-align:left;
}
.modern-ecommerce-footer .footer-card-featured .footer-title:after{
  left:0;
  transform:none;
}
.modern-ecommerce-footer .footer-text{
  width:100%;
  min-height:72px;
  margin:0 0 16px;
  color:#c5d1e8;
  line-height:1.55;
  font-size:14.5px;
}
.modern-ecommerce-footer .footer-payment-col .footer-text{
  min-height:72px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  margin-bottom:18px;
}
.modern-ecommerce-footer .footer-links{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:center;
  margin:0;
  padding:0;
}
.modern-ecommerce-footer .footer-links li{
  width:100%;
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.modern-ecommerce-footer .footer-links a{
  width:100%;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:2px 4px;
  line-height:1.25;
  font-size:14.7px;
}
.modern-ecommerce-footer .footer-contact-list{
  gap:10px;
}
.modern-ecommerce-footer .footer-contact-list li,
.modern-ecommerce-footer .footer-contact-list a{
  justify-content:flex-start;
  text-align:left;
}
.modern-ecommerce-footer .footer-policy-col .footer-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
  row-gap:10px;
  align-items:start;
}
.modern-ecommerce-footer .footer-policy-col .footer-links li{
  min-height:40px;
}
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  min-height:40px;
  font-size:14px;
  line-height:1.25;
}
.modern-ecommerce-footer .footer-contract-col .footer-links{
  gap:12px;
}
.modern-ecommerce-footer .footer-contract-col .footer-links li,
.modern-ecommerce-footer .footer-contract-col .footer-links a{
  min-height:38px;
}
.modern-ecommerce-footer .footer-social-block{
  width:100%;
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.09);
  text-align:center;
}
.modern-ecommerce-footer .footer-social-block span{
  display:block;
  margin-bottom:10px;
  color:#aebbd0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.modern-ecommerce-footer .footer-social-icons{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.modern-ecommerce-footer .footer-social-icons a{
  width:38px;
  height:38px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.055);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.modern-ecommerce-footer .footer-social-icons a:hover{
  transform:translateY(-2px);
  border-color:rgba(37,99,235,.45);
  background:rgba(37,99,235,.13);
}
.modern-ecommerce-footer .payment-brand-badges{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 20px;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo{
  width:100%;
  height:62px;
  min-height:62px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:14px;
  color:#102033;
  background:linear-gradient(180deg,#ffffff,#e9eef7)!important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 12px 24px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.65);
  white-space:nowrap;
  line-height:1;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo::before{
  display:none!important;
}
.modern-ecommerce-footer .pay-logo-iyzico{
  color:#2389ff!important;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:-.45px!important;
  text-transform:lowercase;
}
.modern-ecommerce-footer .pay-logo-iyzico::after{
  content:"pay";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:5px;
  padding:4px 5px 3px;
  min-width:24px;
  border-radius:999px;
  color:#fff;
  background:#2563eb;
  font-size:9px;
  font-weight:950;
  letter-spacing:.1px;
}
.modern-ecommerce-footer .pay-logo-visa{
  color:#1a3f91!important;
  font-size:24px!important;
  font-style:italic;
  font-weight:950!important;
  letter-spacing:.7px!important;
}
.modern-ecommerce-footer .pay-logo-mastercard{
  flex-direction:column;
  gap:4px!important;
  color:#111827!important;
}
.modern-ecommerce-footer .pay-logo-mastercard b{
  display:block;
  color:#111827;
  font-size:10px;
  font-weight:900;
  letter-spacing:-.3px;
  max-width:100%;
  overflow:visible;
  line-height:1;
}
.modern-ecommerce-footer .mc-circles{
  width:42px;
  height:25px;
  flex:0 0 auto;
}
.modern-ecommerce-footer .mc-circles::before,
.modern-ecommerce-footer .mc-circles::after{
  top:2px;
  width:22px;
  height:22px;
}
.modern-ecommerce-footer .mc-circles::before{left:2px;background:#eb001b;}
.modern-ecommerce-footer .mc-circles::after{right:2px;background:#f79e1b;mix-blend-mode:multiply;opacity:.95;}
.modern-ecommerce-footer .pay-logo-troy{
  color:#435466!important;
  font-size:25px!important;
  font-weight:950!important;
  letter-spacing:-1px!important;
  text-transform:lowercase;
}
.modern-ecommerce-footer .pay-logo-troy::after{
  content:""!important;
  display:none!important;
}
.modern-ecommerce-footer .footer-mini-note{
  width:100%;
  min-height:48px;
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  color:#c5d1e8;
  line-height:1.35;
}
.modern-ecommerce-footer .footer-bottom-inner{
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
}
@media (max-width:1399px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:minmax(230px,1.16fr) minmax(150px,.82fr) minmax(170px,.88fr) minmax(285px,1.35fr) minmax(170px,.9fr) minmax(200px,1fr);
    gap:16px;
  }
  .modern-ecommerce-footer .footer-card{padding-left:18px; padding-right:18px;}
  .modern-ecommerce-footer .footer-title{font-size:16px;}
  .modern-ecommerce-footer .footer-links a{font-size:14px;}
}
@media (max-width:1199px){
  .modern-ecommerce-footer .footer-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:repeat(2,minmax(0,1fr));}
  .modern-ecommerce-footer .footer-card{min-height:auto;}
}
@media (max-width:767px){
  .modern-ecommerce-footer .footer-trust-strip{grid-template-columns:1fr;}
  .modern-ecommerce-footer .footer-brand-panel{align-items:flex-start;}
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:1fr;}
  .modern-ecommerce-footer .footer-card,
  .modern-ecommerce-footer .footer-card-featured{align-items:center; text-align:center;}
  .modern-ecommerce-footer .footer-card-featured .footer-title{justify-content:center; text-align:center;}
  .modern-ecommerce-footer .footer-card-featured .footer-title:after{left:50%; transform:translateX(-50%);}
  .modern-ecommerce-footer .footer-card-featured .footer-text{text-align:center;}
  .modern-ecommerce-footer .footer-contact-list li,
  .modern-ecommerce-footer .footer-contact-list a{justify-content:center; text-align:center;}
  .modern-ecommerce-footer .footer-policy-col .footer-links{grid-template-columns:1fr;}
  .modern-ecommerce-footer .payment-brand-badges{max-width:300px; margin-left:auto; margin-right:auto;}
}

/* v202 - footer desktop overflow/alignment definitive polish
   Amaç: footer kolonlarının taşmasını engellemek, yazı/çizgi ritmini eşitlemek,
   ödeme logolarını kutu içine tam sığdırmak. */
.modern-ecommerce-footer,
.modern-ecommerce-footer *{
  box-sizing:border-box;
}
.modern-ecommerce-footer{
  overflow-x:hidden!important;
}
.modern-ecommerce-footer .footer-modern-wrap{
  width:100%;
  max-width:100%;
  padding-left:clamp(16px,2.2vw,32px)!important;
  padding-right:clamp(16px,2.2vw,32px)!important;
}
.modern-ecommerce-footer .footer-trust-strip,
.modern-ecommerce-footer .footer-brand-panel,
.modern-ecommerce-footer .footer-grid-ecommerce,
.modern-ecommerce-footer .footer-bottom-inner{
  width:min(1280px,100%)!important;
  max-width:100%!important;
}
.modern-ecommerce-footer .footer-grid-ecommerce{
  grid-template-columns:minmax(0,1.34fr) minmax(0,.88fr) minmax(0,.95fr) minmax(0,1.72fr) minmax(0,1fr) minmax(0,1.12fr)!important;
  gap:clamp(12px,1.2vw,18px)!important;
  overflow:visible!important;
}
.modern-ecommerce-footer .footer-card{
  min-width:0!important;
  min-height:420px!important;
  padding:24px 18px 22px!important;
  overflow:hidden!important;
}
.modern-ecommerce-footer .footer-card-featured{
  padding-left:22px!important;
  padding-right:22px!important;
}
.modern-ecommerce-footer .footer-title{
  min-height:38px!important;
  margin-bottom:26px!important;
  align-items:flex-start!important;
  font-size:clamp(14px,1vw,15.5px)!important;
  line-height:1.08!important;
  letter-spacing:.42px!important;
}
.modern-ecommerce-footer .footer-title:after{
  width:46px!important;
  height:3px!important;
  bottom:-12px!important;
}
.modern-ecommerce-footer .footer-text{
  min-height:62px!important;
  font-size:13.2px!important;
  line-height:1.5!important;
}
.modern-ecommerce-footer .footer-links{
  gap:7px!important;
}
.modern-ecommerce-footer .footer-links li,
.modern-ecommerce-footer .footer-links a{
  min-height:27px!important;
}
.modern-ecommerce-footer .footer-links a{
  font-size:13.15px!important;
  line-height:1.22!important;
  font-weight:750!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:14px!important;
  row-gap:8px!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links li,
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  min-height:34px!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  font-size:12.8px!important;
  line-height:1.18!important;
}
.modern-ecommerce-footer .footer-contract-col .footer-links{
  gap:9px!important;
}
.modern-ecommerce-footer .footer-contract-col .footer-links li,
.modern-ecommerce-footer .footer-contract-col .footer-links a{
  min-height:33px!important;
}
.modern-ecommerce-footer .footer-payment-col{
  padding-left:18px!important;
  padding-right:18px!important;
}
.modern-ecommerce-footer .footer-payment-col .footer-text{
  min-height:62px!important;
  margin-bottom:14px!important;
  font-size:13px!important;
}
.modern-ecommerce-footer .payment-brand-badges{
  width:100%!important;
  max-width:210px!important;
  margin:0 auto 18px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo{
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  min-height:54px!important;
  padding:6px 7px!important;
  overflow:hidden!important;
  border-radius:13px!important;
  transform:none!important;
}
.modern-ecommerce-footer .pay-logo-iyzico{
  font-size:15px!important;
  letter-spacing:-.45px!important;
}
.modern-ecommerce-footer .pay-logo-iyzico::after{
  min-width:20px!important;
  margin-left:3px!important;
  padding:3px 4px 2px!important;
  font-size:7px!important;
}
.modern-ecommerce-footer .pay-logo-visa{
  font-size:20px!important;
  letter-spacing:.35px!important;
}
.modern-ecommerce-footer .pay-logo-mastercard b{
  font-size:8.2px!important;
  letter-spacing:-.35px!important;
}
.modern-ecommerce-footer .mc-circles{
  width:34px!important;
  height:22px!important;
}
.modern-ecommerce-footer .mc-circles::before,
.modern-ecommerce-footer .mc-circles::after{
  width:19px!important;
  height:19px!important;
}
.modern-ecommerce-footer .pay-logo-troy{
  font-size:20px!important;
  letter-spacing:-.7px!important;
}
.modern-ecommerce-footer .footer-mini-note{
  min-height:42px!important;
  font-size:12.2px!important;
  line-height:1.28!important;
}
@media (max-width:1340px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:minmax(0,1.28fr) minmax(0,.82fr) minmax(0,.9fr) minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1.05fr)!important;
    gap:12px!important;
  }
  .modern-ecommerce-footer .footer-card{
    padding:22px 15px 20px!important;
  }
  .modern-ecommerce-footer .footer-title{
    font-size:14px!important;
  }
  .modern-ecommerce-footer .footer-links a{
    font-size:12.6px!important;
  }
  .modern-ecommerce-footer .footer-policy-col .footer-links a{
    font-size:12.2px!important;
  }
  .modern-ecommerce-footer .payment-brand-badges{
    max-width:190px!important;
    gap:8px!important;
  }
  .modern-ecommerce-footer .payment-brand-badges .pay-logo{
    height:50px!important;
    min-height:50px!important;
  }
}
@media (max-width:1199px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .modern-ecommerce-footer .footer-card{
    min-height:auto!important;
  }
  .modern-ecommerce-footer .footer-policy-col .footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:767px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:1fr!important;
  }
  .modern-ecommerce-footer .footer-card{
    min-height:auto!important;
  }
  .modern-ecommerce-footer .footer-policy-col .footer-links{
    grid-template-columns:1fr!important;
  }
  .modern-ecommerce-footer .payment-brand-badges{
    max-width:260px!important;
  }
}

/* v203 - footer proportional alignment and payment badge final polish
   Tüm footer kartlarında başlık/çizgi/link ritmini eşitler, uzun metin kırılımlarını
   kontrollü yapar ve ödeme logolarının kutu dışına taşmasını engeller. */
.modern-ecommerce-footer{
  overflow-x:hidden!important;
}
.modern-ecommerce-footer .footer-modern-wrap{
  padding-left:clamp(18px,2.5vw,38px)!important;
  padding-right:clamp(18px,2.5vw,38px)!important;
}
.modern-ecommerce-footer .footer-grid-ecommerce{
  width:min(1320px,100%)!important;
  max-width:calc(100vw - 48px)!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:minmax(250px,1.24fr) minmax(148px,.78fr) minmax(165px,.86fr) minmax(300px,1.45fr) minmax(178px,.92fr) minmax(210px,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.modern-ecommerce-footer .footer-card{
  min-width:0!important;
  min-height:430px!important;
  padding:26px 20px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.modern-ecommerce-footer .footer-card-featured{
  align-items:center!important;
  text-align:center!important;
}
.modern-ecommerce-footer .footer-title,
.modern-ecommerce-footer .footer-card-featured .footer-title{
  width:100%!important;
  min-height:44px!important;
  margin:0 0 28px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:15.2px!important;
  line-height:1.08!important;
  letter-spacing:.5px!important;
  text-wrap:balance;
}
.modern-ecommerce-footer .footer-title:after,
.modern-ecommerce-footer .footer-card-featured .footer-title:after{
  left:50%!important;
  bottom:-13px!important;
  width:52px!important;
  height:3px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
}
.modern-ecommerce-footer .footer-text{
  width:100%!important;
  min-height:70px!important;
  margin:0 0 14px!important;
  font-size:13.4px!important;
  line-height:1.5!important;
  font-weight:500!important;
  text-wrap:balance;
}
.modern-ecommerce-footer .footer-links{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
}
.modern-ecommerce-footer .footer-links li{
  width:100%!important;
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.modern-ecommerce-footer .footer-links a{
  width:100%!important;
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 6px!important;
  text-align:center!important;
  font-size:13.25px!important;
  line-height:1.18!important;
  font-weight:760!important;
  letter-spacing:.05px!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-wrap:balance;
}
.modern-ecommerce-footer .footer-contact-list{
  gap:10px!important;
  margin-top:4px!important;
}
.modern-ecommerce-footer .footer-contact-list li,
.modern-ecommerce-footer .footer-contact-list a{
  justify-content:center!important;
  text-align:center!important;
}
.modern-ecommerce-footer .footer-contact-list a{
  white-space:normal!important;
}
.modern-ecommerce-footer .footer-contact-list i{
  flex:0 0 auto!important;
  margin-right:8px!important;
}
.modern-ecommerce-footer .footer-contact-list a[href^="tel"]{
  white-space:nowrap!important;
  font-size:12.9px!important;
}
.modern-ecommerce-footer .footer-contact-list a[href^="mailto"]{
  font-size:12.7px!important;
}
.modern-ecommerce-footer .footer-policy-col{
  flex:1.45!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:18px!important;
  row-gap:10px!important;
  align-items:start!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links li,
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  min-height:44px!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  font-size:12.75px!important;
  line-height:1.18!important;
  padding-inline:4px!important;
}
.modern-ecommerce-footer .footer-contract-col .footer-links{
  gap:10px!important;
}
.modern-ecommerce-footer .footer-contract-col .footer-links li,
.modern-ecommerce-footer .footer-contract-col .footer-links a{
  min-height:40px!important;
}
.modern-ecommerce-footer .footer-payment-col .footer-text{
  min-height:70px!important;
  margin-bottom:16px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.modern-ecommerce-footer .payment-brand-badges{
  width:100%!important;
  max-width:190px!important;
  margin:0 auto 18px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo{
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  min-width:0!important;
  padding:6px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:center!important;
  background:linear-gradient(180deg,#ffffff,#eef3fb)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 10px 20px rgba(0,0,0,.2)!important;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo::before,
.modern-ecommerce-footer .payment-brand-badges .pay-logo::after{
  display:none!important;
  content:none!important;
}
.modern-ecommerce-footer .pay-logo-iyzico{
  color:#2389ff!important;
  font-size:14px!important;
  font-weight:950!important;
  letter-spacing:-.35px!important;
  text-transform:lowercase!important;
}
.modern-ecommerce-footer .pay-logo-visa{
  color:#1a3f91!important;
  font-size:20px!important;
  font-style:italic!important;
  font-weight:950!important;
  letter-spacing:.35px!important;
}
.modern-ecommerce-footer .pay-logo-mastercard{
  gap:2px!important;
  flex-direction:column!important;
}
.modern-ecommerce-footer .mc-circles{
  width:34px!important;
  height:21px!important;
}
.modern-ecommerce-footer .mc-circles::before,
.modern-ecommerce-footer .mc-circles::after{
  top:2px!important;
  width:18px!important;
  height:18px!important;
}
.modern-ecommerce-footer .pay-logo-mastercard b{
  font-size:7.8px!important;
  line-height:1!important;
  letter-spacing:-.35px!important;
  color:#111827!important;
}
.modern-ecommerce-footer .pay-logo-troy{
  color:#435466!important;
  font-size:21px!important;
  font-weight:950!important;
  letter-spacing:-.7px!important;
  text-transform:lowercase!important;
}
.modern-ecommerce-footer .footer-mini-note{
  min-height:48px!important;
  margin-top:auto!important;
  font-size:12.4px!important;
  line-height:1.3!important;
  text-wrap:balance;
}
.modern-ecommerce-footer .footer-social-block{
  margin-top:auto!important;
}
@media (max-width:1399px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:minmax(230px,1.22fr) minmax(140px,.78fr) minmax(160px,.88fr) minmax(280px,1.42fr) minmax(165px,.92fr) minmax(190px,1fr)!important;
    gap:14px!important;
  }
  .modern-ecommerce-footer .footer-card{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .modern-ecommerce-footer .footer-title{
    font-size:14.2px!important;
  }
  .modern-ecommerce-footer .footer-links a{
    font-size:12.55px!important;
  }
  .modern-ecommerce-footer .footer-policy-col .footer-links a{
    font-size:12.1px!important;
  }
  .modern-ecommerce-footer .payment-brand-badges{
    max-width:174px!important;
    gap:8px!important;
  }
  .modern-ecommerce-footer .payment-brand-badges .pay-logo{
    height:50px!important;
    min-height:50px!important;
  }
  .modern-ecommerce-footer .pay-logo-iyzico{font-size:12.8px!important;}
}
@media (max-width:1199px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .modern-ecommerce-footer .footer-card{
    min-height:auto!important;
  }
  .modern-ecommerce-footer .footer-policy-col .footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:767px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    max-width:100%!important;
    grid-template-columns:1fr!important;
  }
  .modern-ecommerce-footer .footer-title,
  .modern-ecommerce-footer .footer-card-featured .footer-title{
    min-height:auto!important;
  }
  .modern-ecommerce-footer .footer-text,
  .modern-ecommerce-footer .footer-payment-col .footer-text{
    min-height:auto!important;
  }
  .modern-ecommerce-footer .footer-policy-col .footer-links{
    grid-template-columns:1fr!important;
  }
  .modern-ecommerce-footer .payment-brand-badges{
    max-width:260px!important;
  }
}

/* v204 - footer oran/hiza düzeltmesi
   Politikalar tek sütuna alındı, tüm başlık/çizgi ritmi eşitlendi,
   ödeme logoları taşmayacak şekilde yeniden ölçülendirildi. */
.modern-ecommerce-footer,
.modern-ecommerce-footer *{
  box-sizing:border-box!important;
}
.modern-ecommerce-footer{
  overflow-x:hidden!important;
}
.modern-ecommerce-footer .footer-modern-wrap{
  width:100%!important;
  max-width:100%!important;
  padding-left:clamp(18px,2.6vw,46px)!important;
  padding-right:clamp(18px,2.6vw,46px)!important;
}
.modern-ecommerce-footer .footer-trust-strip,
.modern-ecommerce-footer .footer-brand-panel,
.modern-ecommerce-footer .footer-grid-ecommerce,
.modern-ecommerce-footer .footer-bottom-inner{
  width:min(1360px,100%)!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.modern-ecommerce-footer .footer-grid-ecommerce{
  display:grid!important;
  grid-template-columns:minmax(260px,1.22fr) minmax(156px,.76fr) minmax(176px,.84fr) minmax(220px,1.02fr) minmax(190px,.92fr) minmax(230px,1.08fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
.modern-ecommerce-footer .footer-card{
  min-width:0!important;
  min-height:432px!important;
  padding:26px 20px 22px!important;
  border-radius:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
.modern-ecommerce-footer .footer-card-featured{
  align-items:center!important;
  text-align:center!important;
}
.modern-ecommerce-footer .footer-title,
.modern-ecommerce-footer .footer-card-featured .footer-title{
  width:100%!important;
  min-height:44px!important;
  margin:0 0 28px!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:center!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:.48px!important;
  text-transform:uppercase!important;
  text-wrap:balance!important;
}
.modern-ecommerce-footer .footer-title:after,
.modern-ecommerce-footer .footer-card-featured .footer-title:after{
  left:50%!important;
  bottom:-13px!important;
  width:52px!important;
  height:3px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
}
.modern-ecommerce-footer .footer-text,
.modern-ecommerce-footer .footer-card-featured .footer-text,
.modern-ecommerce-footer .footer-payment-col .footer-text{
  width:100%!important;
  min-height:68px!important;
  margin:0 0 14px!important;
  display:block!important;
  color:#c5d1e8!important;
  font-size:13.2px!important;
  line-height:1.5!important;
  font-weight:500!important;
  text-align:center!important;
  text-wrap:balance!important;
}
.modern-ecommerce-footer .footer-links{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
}
.modern-ecommerce-footer .footer-links li{
  width:100%!important;
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.modern-ecommerce-footer .footer-links a{
  width:100%!important;
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0 4px!important;
  color:#eef4ff!important;
  font-size:13.05px!important;
  line-height:1.18!important;
  font-weight:750!important;
  letter-spacing:.02px!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-wrap:balance!important;
}
.modern-ecommerce-footer .footer-contact-list{
  gap:10px!important;
  margin-top:4px!important;
}
.modern-ecommerce-footer .footer-contact-list li,
.modern-ecommerce-footer .footer-contact-list a{
  justify-content:center!important;
  text-align:center!important;
}
.modern-ecommerce-footer .footer-contact-list i{
  flex:0 0 auto!important;
  margin-right:8px!important;
  color:#2563eb!important;
}
.modern-ecommerce-footer .footer-contact-list a[href^="tel"]{
  white-space:nowrap!important;
  font-size:12.75px!important;
}
.modern-ecommerce-footer .footer-contact-list a[href^="mailto"]{
  font-size:12.55px!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links{
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:column!important;
  gap:7px!important;
  align-items:center!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links li,
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  min-height:31px!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  font-size:12.55px!important;
  line-height:1.16!important;
  padding-inline:3px!important;
}
.modern-ecommerce-footer .footer-contract-col .footer-links{
  gap:9px!important;
}
.modern-ecommerce-footer .footer-contract-col .footer-links li,
.modern-ecommerce-footer .footer-contract-col .footer-links a{
  min-height:36px!important;
}
.modern-ecommerce-footer .footer-payment-col{
  overflow:hidden!important;
}
.modern-ecommerce-footer .footer-payment-col .footer-text{
  min-height:64px!important;
  margin-bottom:16px!important;
}
.modern-ecommerce-footer .payment-brand-badges{
  width:100%!important;
  max-width:198px!important;
  margin:0 auto 18px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo{
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  min-height:54px!important;
  padding:6px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:center!important;
  background:linear-gradient(180deg,#fff,#eef3fb)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 20px rgba(0,0,0,.2)!important;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo::before,
.modern-ecommerce-footer .payment-brand-badges .pay-logo::after{
  display:none!important;
  content:none!important;
}
.modern-ecommerce-footer .pay-logo-iyzico{
  color:#2389ff!important;
  font-size:15.2px!important;
  font-weight:950!important;
  letter-spacing:-.42px!important;
  text-transform:lowercase!important;
}
.modern-ecommerce-footer .pay-logo-visa{
  color:#1a3f91!important;
  font-size:20px!important;
  font-style:italic!important;
  font-weight:950!important;
  letter-spacing:.32px!important;
}
.modern-ecommerce-footer .pay-logo-mastercard{
  flex-direction:column!important;
  gap:2px!important;
  color:#111827!important;
}
.modern-ecommerce-footer .mc-circles{
  width:34px!important;
  height:21px!important;
  flex:0 0 auto!important;
}
.modern-ecommerce-footer .mc-circles::before,
.modern-ecommerce-footer .mc-circles::after{
  top:2px!important;
  width:18px!important;
  height:18px!important;
}
.modern-ecommerce-footer .pay-logo-mastercard b{
  display:block!important;
  max-width:100%!important;
  color:#111827!important;
  font-size:7.7px!important;
  line-height:1!important;
  letter-spacing:-.32px!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.modern-ecommerce-footer .pay-logo-troy{
  color:#435466!important;
  font-size:21px!important;
  font-weight:950!important;
  letter-spacing:-.7px!important;
  text-transform:lowercase!important;
}
.modern-ecommerce-footer .footer-mini-note{
  width:100%!important;
  min-height:46px!important;
  margin-top:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#c5d1e8!important;
  font-size:12.1px!important;
  line-height:1.3!important;
  text-align:center!important;
  text-wrap:balance!important;
}
.modern-ecommerce-footer .footer-social-block{
  width:100%!important;
  margin-top:auto!important;
}
@media (max-width:1399px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:minmax(230px,1.22fr) minmax(138px,.76fr) minmax(158px,.84fr) minmax(205px,1fr) minmax(165px,.9fr) minmax(198px,1.05fr)!important;
    gap:14px!important;
  }
  .modern-ecommerce-footer .footer-card{
    padding-left:15px!important;
    padding-right:15px!important;
  }
  .modern-ecommerce-footer .footer-title{font-size:13.8px!important;}
  .modern-ecommerce-footer .footer-links a{font-size:12.25px!important;}
  .modern-ecommerce-footer .footer-policy-col .footer-links a{font-size:11.95px!important;}
  .modern-ecommerce-footer .payment-brand-badges{max-width:178px!important; gap:8px!important;}
  .modern-ecommerce-footer .payment-brand-badges .pay-logo{height:50px!important; min-height:50px!important;}
  .modern-ecommerce-footer .pay-logo-iyzico{font-size:13px!important;}
}
@media (max-width:1199px){
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .modern-ecommerce-footer .footer-card{min-height:auto!important;}
}
@media (max-width:767px){
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:1fr!important; max-width:100%!important;}
  .modern-ecommerce-footer .footer-card{min-height:auto!important;}
  .modern-ecommerce-footer .footer-title{min-height:auto!important;}
  .modern-ecommerce-footer .footer-text,
  .modern-ecommerce-footer .footer-payment-col .footer-text{min-height:auto!important;}
  .modern-ecommerce-footer .payment-brand-badges{max-width:260px!important;}
}

/* v205 - Footer desktop overflow/proportion final polish
   Amaç: footer kartlarının sağa taşmasını engellemek, başlık/çizgi/yazı ritmini eşitlemek,
   ödeme logolarını kutu içine tam sığdırmak ve Politikalar alanını tek sütunda dengeli tutmak. */
.modern-ecommerce-footer{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.modern-ecommerce-footer .footer-modern-wrap{
  width:100%!important;
  max-width:100%!important;
  padding-left:clamp(14px,1.6vw,28px)!important;
  padding-right:clamp(14px,1.6vw,28px)!important;
  overflow:hidden!important;
}
.modern-ecommerce-footer .footer-trust-strip,
.modern-ecommerce-footer .footer-brand-panel,
.modern-ecommerce-footer .footer-grid-ecommerce,
.modern-ecommerce-footer .footer-bottom-inner{
  width:min(1288px,calc(100vw - 44px))!important;
  max-width:calc(100vw - 44px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.modern-ecommerce-footer .footer-grid-ecommerce{
  display:grid!important;
  grid-template-columns:minmax(236px,1.2fr) minmax(142px,.72fr) minmax(162px,.82fr) minmax(224px,1.08fr) minmax(174px,.88fr) minmax(202px,.98fr)!important;
  gap:14px!important;
  justify-content:center!important;
  align-items:stretch!important;
  overflow:visible!important;
}
.modern-ecommerce-footer .footer-card{
  min-width:0!important;
  width:100%!important;
  min-height:430px!important;
  padding:24px 16px 22px!important;
  align-items:center!important;
  text-align:center!important;
}
.modern-ecommerce-footer .footer-title,
.modern-ecommerce-footer .footer-card-featured .footer-title{
  min-height:38px!important;
  margin:0 0 30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14.2px!important;
  line-height:1.04!important;
  letter-spacing:.38px!important;
  text-align:center!important;
  white-space:normal!important;
  text-wrap:balance!important;
}
.modern-ecommerce-footer .footer-title:after,
.modern-ecommerce-footer .footer-card-featured .footer-title:after{
  width:48px!important;
  height:3px!important;
  left:50%!important;
  right:auto!important;
  bottom:-15px!important;
  transform:translateX(-50%)!important;
}
.modern-ecommerce-footer .footer-text,
.modern-ecommerce-footer .footer-card-featured .footer-text,
.modern-ecommerce-footer .footer-payment-col .footer-text{
  min-height:62px!important;
  font-size:12.7px!important;
  line-height:1.45!important;
  font-weight:500!important;
  margin-bottom:14px!important;
  text-align:center!important;
}
.modern-ecommerce-footer .footer-links{
  gap:7px!important;
}
.modern-ecommerce-footer .footer-links li,
.modern-ecommerce-footer .footer-links a{
  min-height:30px!important;
}
.modern-ecommerce-footer .footer-links a{
  font-size:12.35px!important;
  line-height:1.12!important;
  font-weight:750!important;
  padding:0 2px!important;
  text-align:center!important;
  justify-content:center!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  grid-template-columns:none!important;
  gap:6px!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links li,
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  min-height:29px!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  font-size:11.95px!important;
  line-height:1.1!important;
  max-width:168px!important;
}
.modern-ecommerce-footer .footer-contract-col .footer-links a{
  font-size:12.05px!important;
  line-height:1.12!important;
  max-width:150px!important;
}
.modern-ecommerce-footer .footer-contact-list a[href^="tel"]{
  white-space:normal!important;
  max-width:170px!important;
}
.modern-ecommerce-footer .footer-payment-col{
  padding-left:14px!important;
  padding-right:14px!important;
}
.modern-ecommerce-footer .footer-payment-col .footer-text{
  min-height:62px!important;
  margin-bottom:14px!important;
}
.modern-ecommerce-footer .payment-brand-badges{
  width:100%!important;
  max-width:178px!important;
  grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  gap:9px!important;
  justify-items:stretch!important;
  align-items:center!important;
  margin:0 auto 18px!important;
  overflow:visible!important;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:5px 6px!important;
  overflow:hidden!important;
  border-radius:12px!important;
}
.modern-ecommerce-footer .pay-logo-iyzico{
  font-size:13px!important;
  letter-spacing:-.38px!important;
  transform:scale(.96)!important;
  transform-origin:center!important;
}
.modern-ecommerce-footer .pay-logo-visa{
  font-size:18px!important;
  letter-spacing:.2px!important;
}
.modern-ecommerce-footer .pay-logo-troy{
  font-size:18.5px!important;
  letter-spacing:-.45px!important;
}
.modern-ecommerce-footer .mc-circles{
  width:30px!important;
  height:19px!important;
}
.modern-ecommerce-footer .mc-circles::before,
.modern-ecommerce-footer .mc-circles::after{
  width:16px!important;
  height:16px!important;
}
.modern-ecommerce-footer .pay-logo-mastercard b{
  font-size:6.9px!important;
  letter-spacing:-.35px!important;
}
.modern-ecommerce-footer .footer-mini-note{
  font-size:11.65px!important;
  line-height:1.28!important;
  min-height:42px!important;
  max-width:172px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (max-width:1500px){
  .modern-ecommerce-footer .footer-trust-strip,
  .modern-ecommerce-footer .footer-brand-panel,
  .modern-ecommerce-footer .footer-grid-ecommerce,
  .modern-ecommerce-footer .footer-bottom-inner{
    width:min(1190px,calc(100vw - 36px))!important;
    max-width:calc(100vw - 36px)!important;
  }
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:minmax(220px,1.16fr) minmax(130px,.68fr) minmax(150px,.78fr) minmax(202px,1fr) minmax(156px,.82fr) minmax(184px,.92fr)!important;
    gap:12px!important;
  }
  .modern-ecommerce-footer .footer-card{padding-left:13px!important; padding-right:13px!important;}
  .modern-ecommerce-footer .footer-title{font-size:13px!important; letter-spacing:.28px!important;}
  .modern-ecommerce-footer .footer-links a{font-size:11.45px!important;}
  .modern-ecommerce-footer .footer-policy-col .footer-links a{font-size:11.1px!important; max-width:150px!important;}
  .modern-ecommerce-footer .footer-contract-col .footer-links a{font-size:11.25px!important; max-width:135px!important;}
  .modern-ecommerce-footer .payment-brand-badges{max-width:160px!important; gap:8px!important;}
  .modern-ecommerce-footer .payment-brand-badges .pay-logo{height:45px!important; min-height:45px!important; max-height:45px!important;}
  .modern-ecommerce-footer .pay-logo-iyzico{font-size:11.8px!important;}
  .modern-ecommerce-footer .pay-logo-visa{font-size:16.8px!important;}
  .modern-ecommerce-footer .pay-logo-troy{font-size:17px!important;}
}
@media (max-width:1240px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .modern-ecommerce-footer .footer-card{min-height:auto!important;}
}
@media (max-width:900px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:640px){
  .modern-ecommerce-footer .footer-trust-strip,
  .modern-ecommerce-footer .footer-brand-panel,
  .modern-ecommerce-footer .footer-grid-ecommerce,
  .modern-ecommerce-footer .footer-bottom-inner{
    width:100%!important;
    max-width:100%!important;
  }
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:1fr!important;
  }
  .modern-ecommerce-footer .footer-title,
  .modern-ecommerce-footer .footer-card-featured .footer-title{
    min-height:auto!important;
    font-size:14px!important;
  }
  .modern-ecommerce-footer .footer-links a,
  .modern-ecommerce-footer .footer-policy-col .footer-links a,
  .modern-ecommerce-footer .footer-contract-col .footer-links a{
    max-width:100%!important;
    font-size:12.8px!important;
  }
  .modern-ecommerce-footer .payment-brand-badges{max-width:220px!important;}
  .modern-ecommerce-footer .payment-brand-badges .pay-logo{height:50px!important; min-height:50px!important; max-height:50px!important;}
}

/* v206 - Footer centering and proportional alignment final fix
   Footer bloklarının viewport içinde gerçek merkezde kalmasını sağlar;
   sağa taşma/sağ ağırlık hissini giderir ve kart ritmini korur. */
.modern-ecommerce-footer,
.modern-ecommerce-footer *{
  box-sizing:border-box!important;
}
.modern-ecommerce-footer{
  width:100%!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
}
.modern-ecommerce-footer .footer-modern-wrap{
  width:100%!important;
  max-width:100%!important;
  padding-left:clamp(18px,2.2vw,34px)!important;
  padding-right:clamp(18px,2.2vw,34px)!important;
  overflow:hidden!important;
}
.modern-ecommerce-footer .footer-modern-wrap > .container{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.modern-ecommerce-footer .footer-trust-strip,
.modern-ecommerce-footer .footer-brand-panel,
.modern-ecommerce-footer .footer-grid-ecommerce,
.modern-ecommerce-footer .footer-bottom-inner{
  width:min(1320px, calc(100vw - 72px))!important;
  max-width:min(1320px, calc(100vw - 72px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.modern-ecommerce-footer .footer-grid-ecommerce{
  display:grid!important;
  grid-template-columns:minmax(240px,1.22fr) minmax(145px,.74fr) minmax(165px,.84fr) minmax(215px,1.02fr) minmax(178px,.88fr) minmax(205px,.98fr)!important;
  gap:14px!important;
  justify-content:center!important;
  align-items:stretch!important;
  overflow:visible!important;
}
.modern-ecommerce-footer .footer-card{
  min-width:0!important;
  width:100%!important;
  min-height:428px!important;
  padding:24px 16px 22px!important;
  overflow:hidden!important;
}
.modern-ecommerce-footer .footer-title,
.modern-ecommerce-footer .footer-card-featured .footer-title{
  min-height:38px!important;
  margin:0 0 30px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.06!important;
  letter-spacing:.34px!important;
}
.modern-ecommerce-footer .footer-title:after,
.modern-ecommerce-footer .footer-card-featured .footer-title:after{
  left:50%!important;
  right:auto!important;
  bottom:-15px!important;
  width:48px!important;
  transform:translateX(-50%)!important;
}
.modern-ecommerce-footer .footer-text,
.modern-ecommerce-footer .footer-card-featured .footer-text,
.modern-ecommerce-footer .footer-payment-col .footer-text{
  min-height:60px!important;
  font-size:12.6px!important;
  line-height:1.46!important;
  text-align:center!important;
}
.modern-ecommerce-footer .footer-links a{
  font-size:12.25px!important;
  line-height:1.14!important;
  min-height:30px!important;
  text-align:center!important;
  justify-content:center!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  max-width:172px!important;
  font-size:11.9px!important;
  line-height:1.12!important;
}
.modern-ecommerce-footer .footer-contract-col .footer-links a{
  max-width:158px!important;
  font-size:12px!important;
}
.modern-ecommerce-footer .footer-payment-col{
  padding-left:14px!important;
  padding-right:14px!important;
}
.modern-ecommerce-footer .payment-brand-badges{
  width:100%!important;
  max-width:178px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  gap:9px!important;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:5px 6px!important;
  overflow:hidden!important;
}
.modern-ecommerce-footer .pay-logo-iyzico{
  font-size:12.6px!important;
  letter-spacing:-.35px!important;
  transform:scale(.94)!important;
}
.modern-ecommerce-footer .pay-logo-visa{font-size:18px!important;}
.modern-ecommerce-footer .pay-logo-troy{font-size:18px!important;}
.modern-ecommerce-footer .mc-circles{width:30px!important;height:19px!important;}
.modern-ecommerce-footer .mc-circles::before,
.modern-ecommerce-footer .mc-circles::after{width:16px!important;height:16px!important;}
.modern-ecommerce-footer .pay-logo-mastercard b{font-size:6.8px!important;}
.modern-ecommerce-footer .footer-mini-note{
  max-width:172px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (max-width:1500px){
  .modern-ecommerce-footer .footer-trust-strip,
  .modern-ecommerce-footer .footer-brand-panel,
  .modern-ecommerce-footer .footer-grid-ecommerce,
  .modern-ecommerce-footer .footer-bottom-inner{
    width:min(1180px, calc(100vw - 52px))!important;
    max-width:min(1180px, calc(100vw - 52px))!important;
  }
  .modern-ecommerce-footer .footer-grid-ecommerce{
    grid-template-columns:minmax(220px,1.18fr) minmax(132px,.7fr) minmax(152px,.8fr) minmax(200px,1fr) minmax(158px,.84fr) minmax(180px,.92fr)!important;
    gap:12px!important;
  }
  .modern-ecommerce-footer .footer-card{padding-left:13px!important;padding-right:13px!important;}
  .modern-ecommerce-footer .footer-title{font-size:13px!important;}
  .modern-ecommerce-footer .footer-links a{font-size:11.35px!important;}
  .modern-ecommerce-footer .footer-policy-col .footer-links a{font-size:11px!important;max-width:150px!important;}
  .modern-ecommerce-footer .footer-contract-col .footer-links a{font-size:11.15px!important;max-width:136px!important;}
  .modern-ecommerce-footer .payment-brand-badges{max-width:160px!important;}
  .modern-ecommerce-footer .payment-brand-badges .pay-logo{height:45px!important;min-height:45px!important;max-height:45px!important;}
  .modern-ecommerce-footer .pay-logo-iyzico{font-size:11.5px!important;}
  .modern-ecommerce-footer .pay-logo-visa{font-size:16.5px!important;}
  .modern-ecommerce-footer .pay-logo-troy{font-size:16.7px!important;}
}
@media (max-width:1240px){
  .modern-ecommerce-footer .footer-trust-strip,
  .modern-ecommerce-footer .footer-brand-panel,
  .modern-ecommerce-footer .footer-grid-ecommerce,
  .modern-ecommerce-footer .footer-bottom-inner{
    width:calc(100vw - 40px)!important;
    max-width:calc(100vw - 40px)!important;
  }
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .modern-ecommerce-footer .footer-card{min-height:auto!important;}
}
@media (max-width:900px){
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:640px){
  .modern-ecommerce-footer .footer-modern-wrap{padding-left:16px!important;padding-right:16px!important;}
  .modern-ecommerce-footer .footer-trust-strip,
  .modern-ecommerce-footer .footer-brand-panel,
  .modern-ecommerce-footer .footer-grid-ecommerce,
  .modern-ecommerce-footer .footer-bottom-inner{
    width:100%!important;
    max-width:100%!important;
  }
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:1fr!important;}
  .modern-ecommerce-footer .footer-title{font-size:14px!important;min-height:auto!important;}
  .modern-ecommerce-footer .footer-links a,
  .modern-ecommerce-footer .footer-policy-col .footer-links a,
  .modern-ecommerce-footer .footer-contract-col .footer-links a{
    max-width:100%!important;
    font-size:12.8px!important;
  }
  .modern-ecommerce-footer .payment-brand-badges{max-width:220px!important;}
  .modern-ecommerce-footer .payment-brand-badges .pay-logo{height:50px!important;min-height:50px!important;max-height:50px!important;}
}

/* v208 - Footer premium polish: typography balance, equal rhythm, payment/logo fit */
.modern-ecommerce-footer .footer-brand-left{
  gap:clamp(12px,1.15vw,18px)!important;
}
.modern-ecommerce-footer .footer-brand-left img{
  flex:0 0 auto!important;
}
.modern-ecommerce-footer .footer-grid-ecommerce{
  width:min(1290px, calc(100vw - 76px))!important;
  max-width:min(1290px, calc(100vw - 76px))!important;
  grid-template-columns:minmax(230px,1.12fr) minmax(140px,.72fr) minmax(158px,.8fr) minmax(220px,1.02fr) minmax(170px,.82fr) minmax(205px,.94fr)!important;
  gap:14px!important;
  margin-inline:auto!important;
}
.modern-ecommerce-footer .footer-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  min-height:414px!important;
  padding:24px 15px 20px!important;
}
.modern-ecommerce-footer .footer-card-featured{
  box-shadow:0 14px 42px rgba(37,99,235,.105), inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.modern-ecommerce-footer .footer-title,
.modern-ecommerce-footer .footer-card-featured .footer-title{
  width:100%!important;
  min-height:34px!important;
  margin:0 0 28px!important;
  font-size:13.6px!important;
  line-height:1.05!important;
  letter-spacing:.28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.modern-ecommerce-footer .footer-title:after,
.modern-ecommerce-footer .footer-card-featured .footer-title:after{
  width:46px!important;
  height:3px!important;
  left:50%!important;
  right:auto!important;
  bottom:-14px!important;
  transform:translateX(-50%)!important;
}
.modern-ecommerce-footer .footer-text,
.modern-ecommerce-footer .footer-card-featured .footer-text,
.modern-ecommerce-footer .footer-payment-col .footer-text{
  font-size:12.15px!important;
  line-height:1.44!important;
  min-height:58px!important;
  margin-bottom:12px!important;
  max-width:210px!important;
}
.modern-ecommerce-footer .footer-links{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
}
.modern-ecommerce-footer .footer-links li{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
}
.modern-ecommerce-footer .footer-links a{
  width:100%!important;
  max-width:172px!important;
  min-height:29px!important;
  padding:2px 4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:11.85px!important;
  line-height:1.14!important;
  letter-spacing:-.08px!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links{
  gap:7px!important;
}
.modern-ecommerce-footer .footer-policy-col .footer-links a{
  max-width:178px!important;
  min-height:31px!important;
  font-size:11.25px!important;
  line-height:1.1!important;
  letter-spacing:-.1px!important;
}
.modern-ecommerce-footer .footer-contract-col .footer-links{
  gap:12px!important;
}
.modern-ecommerce-footer .footer-contract-col .footer-links a{
  max-width:160px!important;
  min-height:36px!important;
  font-size:11.55px!important;
}
.modern-ecommerce-footer .footer-payment-col{
  justify-content:flex-start!important;
}
.modern-ecommerce-footer .footer-payment-col .footer-text{
  min-height:58px!important;
  margin-bottom:14px!important;
}
.modern-ecommerce-footer .payment-brand-badges{
  width:184px!important;
  max-width:184px!important;
  display:grid!important;
  grid-template-columns:repeat(2, 1fr)!important;
  gap:10px!important;
  margin-top:0!important;
  margin-bottom:24px!important;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo{
  width:87px!important;
  height:47px!important;
  min-height:47px!important;
  max-height:47px!important;
  padding:6px 8px!important;
  border-radius:11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.modern-ecommerce-footer .pay-logo-iyzico{
  font-size:13px!important;
  letter-spacing:-.45px!important;
  transform:none!important;
  text-transform:none!important;
}
.modern-ecommerce-footer .pay-logo-visa{
  font-size:18px!important;
  letter-spacing:.3px!important;
}
.modern-ecommerce-footer .pay-logo-troy{
  font-size:18px!important;
  letter-spacing:.2px!important;
  text-transform:lowercase!important;
}
.modern-ecommerce-footer .mc-circles{
  width:30px!important;
  height:20px!important;
  margin-bottom:1px!important;
}
.modern-ecommerce-footer .mc-circles::before,
.modern-ecommerce-footer .mc-circles::after{
  width:17px!important;
  height:17px!important;
}
.modern-ecommerce-footer .pay-logo-mastercard b{
  font-size:6.45px!important;
  line-height:1!important;
  margin-top:0!important;
}
.modern-ecommerce-footer .footer-mini-note{
  margin-top:0!important;
  max-width:178px!important;
  font-size:11.55px!important;
  line-height:1.26!important;
}
.modern-ecommerce-footer .footer-bottom-inner{
  padding-top:20px!important;
  padding-bottom:28px!important;
  margin-top:18px!important;
}
@media (max-width:1500px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    width:min(1180px, calc(100vw - 54px))!important;
    max-width:min(1180px, calc(100vw - 54px))!important;
    grid-template-columns:minmax(210px,1.08fr) minmax(128px,.68fr) minmax(146px,.76fr) minmax(205px,1fr) minmax(154px,.8fr) minmax(178px,.9fr)!important;
    gap:12px!important;
  }
  .modern-ecommerce-footer .footer-card{padding-left:12px!important;padding-right:12px!important;min-height:396px!important;}
  .modern-ecommerce-footer .footer-title{font-size:12.9px!important;min-height:32px!important;}
  .modern-ecommerce-footer .footer-text{font-size:11.75px!important;}
  .modern-ecommerce-footer .footer-links a{font-size:11px!important;max-width:150px!important;min-height:28px!important;}
  .modern-ecommerce-footer .footer-policy-col .footer-links a{font-size:10.45px!important;max-width:150px!important;min-height:30px!important;}
  .modern-ecommerce-footer .footer-contract-col .footer-links a{font-size:10.75px!important;max-width:136px!important;}
  .modern-ecommerce-footer .payment-brand-badges{width:164px!important;max-width:164px!important;gap:8px!important;}
  .modern-ecommerce-footer .payment-brand-badges .pay-logo{width:78px!important;height:43px!important;min-height:43px!important;max-height:43px!important;}
  .modern-ecommerce-footer .pay-logo-iyzico{font-size:11.6px!important;}
  .modern-ecommerce-footer .pay-logo-visa{font-size:16.5px!important;}
  .modern-ecommerce-footer .pay-logo-troy{font-size:16.5px!important;}
  .modern-ecommerce-footer .footer-mini-note{font-size:10.85px!important;}
}
@media (max-width:1240px){
  .modern-ecommerce-footer .footer-grid-ecommerce{
    width:calc(100vw - 40px)!important;
    max-width:calc(100vw - 40px)!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .modern-ecommerce-footer .footer-card{min-height:auto!important;}
  .modern-ecommerce-footer .footer-links a,
  .modern-ecommerce-footer .footer-policy-col .footer-links a,
  .modern-ecommerce-footer .footer-contract-col .footer-links a{max-width:220px!important;font-size:12px!important;}
}
@media (max-width:900px){
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:640px){
  .modern-ecommerce-footer .footer-brand-left{gap:10px!important;}
  .modern-ecommerce-footer .footer-grid-ecommerce{grid-template-columns:1fr!important;}
  .modern-ecommerce-footer .footer-card{padding:22px 18px!important;}
  .modern-ecommerce-footer .footer-title{font-size:14px!important;min-height:auto!important;}
  .modern-ecommerce-footer .footer-links a,
  .modern-ecommerce-footer .footer-policy-col .footer-links a,
  .modern-ecommerce-footer .footer-contract-col .footer-links a{max-width:100%!important;font-size:12.8px!important;}
  .modern-ecommerce-footer .payment-brand-badges{width:220px!important;max-width:220px!important;}
  .modern-ecommerce-footer .payment-brand-badges .pay-logo{width:105px!important;height:50px!important;min-height:50px!important;max-height:50px!important;}
}

/* v209 - Mobile footer brand action buttons centering
   Scope is mobile only: desktop/tablet footer layout remains unchanged. */
@media (max-width: 575px){
  .modern-ecommerce-footer .footer-brand-panel{
    align-items: center !important;
  }
  .modern-ecommerce-footer .footer-brand-actions{
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }
  .modern-ecommerce-footer .footer-brand-actions a{
    width: min(100%, 448px) !important;
    max-width: 448px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .modern-ecommerce-footer .footer-brand-actions a i{
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
}

/* v215 - Mastercard payment badge refresh
   Replaces the old cramped Mastercard mark with a balanced compact badge.
   Keeps all other footer/payment layout dimensions unchanged. */
.modern-ecommerce-footer .pay-logo-mastercard{
  position:relative!important;
  flex-direction:column!important;
  gap:2px!important;
  background:linear-gradient(180deg,#ffffff 0%,#edf2f7 100%)!important;
  color:#182131!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 24px rgba(0,0,0,.18)!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles{
  position:relative!important;
  display:block!important;
  width:38px!important;
  height:24px!important;
  margin:0 auto 1px!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::before,
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::after{
  content:""!important;
  position:absolute!important;
  top:2px!important;
  width:20px!important;
  height:20px!important;
  border-radius:999px!important;
  opacity:1!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::before{
  left:1px!important;
  background:#eb001b!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::after{
  right:1px!important;
  background:#f79e1b!important;
  mix-blend-mode:multiply!important;
}
.modern-ecommerce-footer .pay-logo-mastercard b{
  display:block!important;
  width:100%!important;
  max-width:72px!important;
  overflow:hidden!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:8.8px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.35px!important;
  color:#263244!important;
  text-transform:lowercase!important;
  margin:0!important;
}
@media (max-width:1500px){
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles{width:34px!important;height:22px!important;}
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles::before,
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles::after{width:18px!important;height:18px!important;}
  .modern-ecommerce-footer .pay-logo-mastercard b{font-size:7.8px!important;max-width:64px!important;}
}
@media (max-width:640px){
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles{width:40px!important;height:24px!important;}
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles::before,
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles::after{width:20px!important;height:20px!important;}
  .modern-ecommerce-footer .pay-logo-mastercard b{font-size:9px!important;max-width:78px!important;}
}

/* v216 - Footer secure payment panel: Mastercard official-style refinement
   Requested update: Mastercard badge must show larger overlapping circles and the
   lowercase mastercard wordmark underneath, without clipping on desktop/mobile. */
.modern-ecommerce-footer .payment-brand-badges{
  align-items:stretch!important;
}
.modern-ecommerce-footer .payment-brand-badges .pay-logo{
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.modern-ecommerce-footer .pay-logo-mastercard{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:5px 6px 4px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f2f5f9 100%)!important;
  color:#111!important;
  text-transform:none!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles{
  display:block!important;
  position:relative!important;
  width:48px!important;
  height:27px!important;
  min-width:48px!important;
  min-height:27px!important;
  margin:0 auto -1px!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::before,
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  opacity:.96!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::before{
  left:0!important;
  background:#eb001b!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::after{
  right:0!important;
  background:#f79e1b!important;
  mix-blend-mode:multiply!important;
}
.modern-ecommerce-footer .pay-logo-mastercard b{
  display:block!important;
  width:100%!important;
  max-width:82px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:10.4px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.55px!important;
  color:#111!important;
  text-transform:lowercase!important;
}
@media (max-width:1500px){
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles{
    width:43px!important;
    height:24px!important;
    min-width:43px!important;
    min-height:24px!important;
  }
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles::before,
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles::after{
    width:24px!important;
    height:24px!important;
  }
  .modern-ecommerce-footer .pay-logo-mastercard b{
    font-size:9.3px!important;
    max-width:74px!important;
  }
}
@media (max-width:640px){
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles{
    width:50px!important;
    height:28px!important;
    min-width:50px!important;
    min-height:28px!important;
  }
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles::before,
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles::after{
    width:28px!important;
    height:28px!important;
  }
  .modern-ecommerce-footer .pay-logo-mastercard b{
    font-size:10.6px!important;
    max-width:86px!important;
  }
}

/* v217 - Footer Mastercard logosu orijinal stile yaklaştırıldı */
.modern-ecommerce-footer .pay-logo-mastercard{
  flex-direction:column!important;
  gap:3px!important;
  padding:5px 6px 4px!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles{
  position:relative!important;
  width:46px!important;
  height:27px!important;
  display:block!important;
  margin:0 auto!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::before,
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  opacity:1!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::before{
  left:0!important;
  background:#eb001b!important;
}
.modern-ecommerce-footer .pay-logo-mastercard .mc-circles::after{
  right:0!important;
  background:#f79e1b!important;
  mix-blend-mode:multiply!important;
}
.modern-ecommerce-footer .pay-logo-mastercard b{
  display:block!important;
  color:#050505!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:-.55px!important;
  text-transform:lowercase!important;
  transform:scaleX(.96)!important;
}
@media (max-width: 768px){
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles{
    width:43px!important;
    height:25px!important;
  }
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles::before,
  .modern-ecommerce-footer .pay-logo-mastercard .mc-circles::after{
    width:25px!important;
    height:25px!important;
  }
  .modern-ecommerce-footer .pay-logo-mastercard b{
    font-size:10.5px!important;
  }
}

/* =========================================================
   v220 TAMIRHANE MOBILE BRAND MARQUEE FIX
   Amaç: Tamirhane mobilde kayan marka alanının tekrar akıcı çalışması.
   Not: Sadece tamirhane sayfasındaki marka şeridini etkiler.
========================================================= */
body.tamirhane-page .experience-section .brand-strip{
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}

body.tamirhane-page .experience-section .brand-track{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: max-content !important;
  min-width: max-content !important;
  animation-name: tamirhaneBrandMarqueeMobile !important;
  animation-duration: 24s !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-play-state: running !important;
  will-change: transform !important;
  transform: translate3d(0,0,0);
}

body.tamirhane-page .experience-section .brand-strip:hover .brand-track{
  animation-play-state: running !important;
}

@keyframes tamirhaneBrandMarqueeMobile{
  0%{ transform: translate3d(0,0,0); }
  100%{ transform: translate3d(calc(-50% - 8px),0,0); }
}

@media (max-width: 991px){
  body.tamirhane-page .experience-section .brand-strip{
    margin-top: -14px !important;
    margin-bottom: 16px !important;
    padding: 10px 0 !important;
    max-width: 100% !important;
  }
  body.tamirhane-page .experience-section .brand-track{
    gap: 12px !important;
    animation-duration: 20s !important;
  }
  body.tamirhane-page .experience-section .brand-item{
    flex: 0 0 132px !important;
    width: 132px !important;
    height: 70px !important;
    padding: 12px !important;
  }
  body.tamirhane-page .experience-section .brand-item img{
    max-height: 38px !important;
  }
}

/* =========================================================
   v222 VERIFIED TAMIRHANE MOBILE MENU PERFORMANCE
   - Menü açılışı sadece transform/opacity ile çalışır.
   - Ağır blur, right animasyonu, inline submenu display değişimleri override edilir.
   - Tamirhane marka marquee menü açıkken durur; kapanınca devam eder.
========================================================= */
@media (max-width: 991px){
  html body:not(.admin-body).mobile-menu-open{
    overflow:hidden!important;
    position:relative!important;
    touch-action:pan-y!important;
  }
  html body:not(.admin-body) #mobile-overlay{
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:rgba(2,6,15,.56)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:opacity .14s ease, visibility 0s linear .14s!important;
    will-change:opacity!important;
  }
  html body:not(.admin-body) #mobile-overlay.active{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .14s ease, visibility 0s linear 0s!important;
  }
  html body:not(.admin-body) #mobile-side-nav{
    right:0!important;
    left:auto!important;
    transform:translate3d(105%,0,0)!important;
    transition:transform .18s cubic-bezier(.22,.78,.22,1)!important;
    will-change:transform!important;
    contain:layout paint!important;
    isolation:isolate!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    box-shadow:-18px 0 42px rgba(0,0,0,.42)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body:not(.admin-body) #mobile-side-nav.active{
    transform:translate3d(0,0,0)!important;
  }
  html body:not(.admin-body) #mobile-side-nav a,
  html body:not(.admin-body) #mobile-side-nav .mobile-dropdown-toggle,
  html body:not(.admin-body) #mobile-side-nav .mobile-account-btn,
  html body:not(.admin-body) #mobile-side-nav .mobile-cart-icon-btn{
    transition:background-color .12s ease,border-color .12s ease,color .12s ease!important;
    transform:none!important;
    box-shadow:none!important;
  }
  html body:not(.admin-body) #mobile-side-nav .mobile-submenu{
    display:none!important;
    opacity:0!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  html body:not(.admin-body) #mobile-side-nav .mobile-dropdown.open > .mobile-submenu{
    display:flex!important;
    opacity:1!important;
  }
  html body.tamirhane-page.mobile-menu-open .experience-section .brand-track{
    animation-play-state:paused!important;
    -webkit-animation-play-state:paused!important;
  }
  html body.tamirhane-page.mobile-menu-open #header,
  html body.tamirhane-page.mobile-menu-open .experience-section .brand-strip,
  html body.tamirhane-page.mobile-menu-open .experience-section .brand-track{
    will-change:auto!important;
    filter:none!important;
  }
}

/* v242: Tamirhane hızlı talep dosya yükleme alanı */
body.tamirhane-page .quick-file-upload-group input[type="file"]{
  width:100%;
  min-height:52px;
  padding:13px 14px;
  border:1px dashed rgba(255,135,31,.45);
  border-radius:16px;
  background:rgba(8,12,22,.72);
  color:#dbe5f5;
  cursor:pointer;
}
body.tamirhane-page .quick-file-upload-group input[type="file"]::file-selector-button{
  margin-right:12px;
  padding:9px 14px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
body.tamirhane-page .quick-file-upload-group .quick-file-help{
  display:block;
  margin-top:8px;
  color:#a8b3c7;
  font-size:12px;
  line-height:1.55;
}
body.tamirhane-page .quick-request-status.is-error{
  background:rgba(239,68,68,.12)!important;
  color:#fecaca!important;
  border:1px solid rgba(239,68,68,.35)!important;
}
body.tamirhane-page .quick-request-status.is-success{
  background:rgba(34,197,94,.12)!important;
  color:#bbf7d0!important;
  border:1px solid rgba(34,197,94,.35)!important;
}

/* v243: Akıllı Ön Tanı Testi dosya yükleme alanı */
body.tamirhane-page .diagnostic-file-upload-field{
  grid-column:1 / -1;
}
body.tamirhane-page .diagnostic-file-upload-field input[type="file"]{
  width:100%;
  min-height:54px;
  padding:13px 14px;
  border:1px dashed rgba(255,135,31,.48);
  border-radius:16px;
  background:rgba(8,12,22,.72);
  color:#dbe5f5;
  cursor:pointer;
}
body.tamirhane-page .diagnostic-file-upload-field input[type="file"]::file-selector-button{
  margin-right:12px;
  padding:9px 14px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
body.tamirhane-page .diagnostic-file-upload-field .diagnostic-file-help{
  display:block;
  margin-top:8px;
  color:#a8b3c7;
  font-size:12px;
  line-height:1.55;
}


/* v244: Akıllı Ön Tanı dosya doğrulama mesajı */
body.tamirhane-page .diagnostic-file-status{
  margin-top:10px;
  padding:11px 13px;
  border-radius:12px;
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}
body.tamirhane-page .diagnostic-file-status.is-error{
  display:block;
  color:#fecaca;
  background:rgba(239,68,68,.14);
  border:1px solid rgba(239,68,68,.42);
}
body.tamirhane-page .diagnostic-file-status.is-success{
  display:block;
  color:#bbf7d0;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.34);
}
body.tamirhane-page .diagnostic-file-status.is-info{
  display:block;
  color:#dbeafe;
  background:rgba(59,130,246,.12);
  border:1px solid rgba(96,165,250,.32);
}

/* v245: Akıllı Ön Tanı dosya uyarısı tek, görünür ve otomatik kaybolan bildirim */
body.tamirhane-page .diagnostic-file-status{
  display:none!important;
}
body.tamirhane-page #diagnosticWizardStatus.diagnostic-toast{
  position:fixed!important;
  left:50%!important;
  bottom:96px!important;
  transform:translateX(-50%)!important;
  width:min(760px, calc(100vw - 48px))!important;
  z-index:2147483000!important;
  display:block;
  margin:0!important;
  padding:14px 18px!important;
  border-radius:16px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.08) inset!important;
  pointer-events:none!important;
  font-weight:800!important;
  line-height:1.45!important;
}
body.tamirhane-page #diagnosticWizardStatus.diagnostic-toast.is-success,
body.tamirhane-page #diagnosticWizardStatus.diagnostic-toast.is-info,
body.tamirhane-page #diagnosticWizardStatus.diagnostic-toast.is-warning,
body.tamirhane-page #diagnosticWizardStatus.diagnostic-toast.is-error{
  color:#bbf7d0!important;
  background:linear-gradient(135deg, rgba(6,78,59,.96), rgba(6,95,70,.92))!important;
  border:1px solid rgba(52,211,153,.42)!important;
}
@media (max-width: 768px){
  body.tamirhane-page #diagnosticWizardStatus.diagnostic-toast{
    bottom:82px!important;
    width:calc(100vw - 28px)!important;
    font-size:13px!important;
  }
}


/* v246 - diagnostic success message and spacing cleanup */
body.tamirhane-page .diagnostic-result-screen{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
body.tamirhane-page .diagnostic-result-badge{
  margin-bottom:18px !important;
}
body.tamirhane-page .used-sale-success-box,
body.tamirhane-page .diagnostic-success-box{
  margin-top:18px;
  margin-bottom:18px;
}
body.tamirhane-page .diagnostic-success-box + .diagnostic-result-badge,
body.tamirhane-page .used-sale-success-box + .diagnostic-result-badge{
  margin-top:18px !important;
}
body.tamirhane-page .diagnostic-result-badge + .diagnostic-success-box,
body.tamirhane-page .diagnostic-result-badge + .used-sale-success-box{
  margin-top:18px;
}

/* v247-real - Diagnostic success spacing/alignment verified fix */
body.tamirhane-page .diagnostic-result-screen{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
body.tamirhane-page #diagnosticWizardStatus.is-success:not(.diagnostic-toast){
  width:min(100%, 860px)!important;
  max-width:860px!important;
  align-self:center!important;
  box-sizing:border-box!important;
  margin:0 auto 22px!important;
  padding:22px 26px!important;
  text-align:center!important;
  border-radius:18px!important;
  background:rgba(6,78,59,.52)!important;
  border:1px solid rgba(34,197,94,.35)!important;
  color:#bbf7d0!important;
}
body.tamirhane-page #diagnosticWizardStatus.is-success:not(.diagnostic-toast) .diagnostic-success-box{
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  text-align:center!important;
}
body.tamirhane-page #diagnosticWizardStatus.is-success:not(.diagnostic-toast) .diagnostic-success-box strong{
  margin:0!important;
  font-size:18px!important;
  line-height:1.35!important;
}
body.tamirhane-page #diagnosticWizardStatus.is-success:not(.diagnostic-toast) .diagnostic-success-box span,
body.tamirhane-page #diagnosticWizardStatus.is-success:not(.diagnostic-toast) .diagnostic-success-box small{
  display:block!important;
  max-width:720px!important;
  margin:0 auto!important;
  line-height:1.65!important;
}
body.tamirhane-page #diagnosticWizardStatus.is-success:not(.diagnostic-toast) + .diagnostic-result-badge{
  align-self:flex-start!important;
  margin-top:0!important;
  margin-bottom:24px!important;
}
body.tamirhane-page .diagnostic-result-badge{
  align-self:flex-start!important;
}
@media (max-width:768px){
  body.tamirhane-page #diagnosticWizardStatus.is-success:not(.diagnostic-toast){
    width:100%!important;
    padding:18px 16px!important;
    margin-bottom:18px!important;
  }
}

/* v248 - 2. El Ürün Satış formu dosya yükleme ve başarı hizalama düzeni */
body.tamirhane-page #modalCta .used-sale-file-upload-field{
  width:100%;
  margin-top:4px;
}
body.tamirhane-page #modalCta .used-sale-file-upload-field label{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:#eef4ff!important;
  font-weight:900;
}
body.tamirhane-page #modalCta .used-sale-file-upload-field label small{
  color:#a8b3c7!important;
  font-size:12px;
  font-weight:800;
}
body.tamirhane-page #modalCta .used-sale-file-upload-field input[type="file"]{
  width:100%;
  min-height:54px;
  padding:13px 14px;
  border:1px dashed rgba(255,135,31,.48);
  border-radius:16px;
  background:rgba(8,12,22,.72);
  color:#dbe5f5;
  cursor:pointer;
  box-sizing:border-box;
}
body.tamirhane-page #modalCta .used-sale-file-upload-field input[type="file"]::file-selector-button{
  margin-right:12px;
  padding:9px 14px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
body.tamirhane-page #modalCta .used-sale-file-help{
  display:block;
  margin-top:8px;
  color:#a8b3c7!important;
  font-size:12px;
  line-height:1.55;
}
body.tamirhane-page #usedProductStatus.request-file-toast{
  position:fixed!important;
  left:50%!important;
  bottom:96px!important;
  transform:translateX(-50%)!important;
  width:min(760px, calc(100vw - 48px))!important;
  z-index:2147483000!important;
  display:block!important;
  margin:0!important;
  padding:14px 18px!important;
  border-radius:16px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.08) inset!important;
  pointer-events:none!important;
  font-weight:850!important;
  line-height:1.45!important;
  color:#bbf7d0!important;
  background:linear-gradient(135deg, rgba(6,78,59,.96), rgba(6,95,70,.92))!important;
  border:1px solid rgba(52,211,153,.42)!important;
}
body.tamirhane-page #usedProductStatus.request-file-toast.is-warning,
body.tamirhane-page #usedProductStatus.request-file-toast.is-error{
  color:#dbeafe!important;
  background:linear-gradient(135deg, rgba(127,29,29,.96), rgba(124,45,18,.92))!important;
  border-color:rgba(59,130,246,.42)!important;
}
body.tamirhane-page #usedProductStatus.is-success:not(.request-file-toast){
  width:min(100%, 860px)!important;
  max-width:860px!important;
  box-sizing:border-box!important;
  margin:18px auto 0!important;
  padding:22px 26px!important;
  text-align:center!important;
  border-radius:18px!important;
  background:rgba(6,78,59,.52)!important;
  border:1px solid rgba(34,197,94,.35)!important;
  color:#bbf7d0!important;
}
body.tamirhane-page #usedProductStatus.is-success:not(.request-file-toast) .used-sale-form-success-box{
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  text-align:center!important;
}
body.tamirhane-page #usedProductStatus.is-success:not(.request-file-toast) .used-sale-form-success-box strong{
  margin:0!important;
  font-size:18px!important;
  line-height:1.35!important;
}
body.tamirhane-page #usedProductStatus.is-success:not(.request-file-toast) .used-sale-form-success-box span,
body.tamirhane-page #usedProductStatus.is-success:not(.request-file-toast) .used-sale-form-success-box small{
  display:block!important;
  max-width:720px!important;
  margin:0 auto!important;
  line-height:1.65!important;
}
@media (max-width:768px){
  body.tamirhane-page #usedProductStatus.request-file-toast{
    bottom:82px!important;
    width:calc(100vw - 28px)!important;
    font-size:13px!important;
  }
  body.tamirhane-page #usedProductStatus.is-success:not(.request-file-toast){
    width:100%!important;
    padding:18px 16px!important;
  }
}

/* v249 - hızlı servis talebi dosya yükleme */
.quick-service-file-upload-field input[type="file"]{width:100%;padding:14px;border-radius:14px;border:1px dashed rgba(37,99,235,.42);background:rgba(15,23,42,.55);color:#e5eefb;}
.quick-service-file-help{display:block;margin-top:8px;color:#aeb8ca;line-height:1.5;font-size:13px;}
.quick-request-status.request-file-toast{position:sticky;bottom:14px;z-index:30;margin-top:14px;box-shadow:0 16px 40px rgba(0,0,0,.22);}

/* v264 - Hesabım > Hesap Türü: seçili olmayan doğrulama formunu kesin gizle
   Önceki global .pt-verification-wrap display:flex!important kuralı, inline display:none
   değerini bastırdığı için Öğrenci/Öğretmen ve Bireysel/Kurumsal formları aynı anda görünüyordu. */
body:not(.admin-body) .pt-account-page #panel-account-type .pt-verification-wrap[hidden],
body:not(.admin-body) .pt-account-page #panel-account-type #studentTeacherFields[aria-hidden="true"],
body:not(.admin-body) .pt-account-page #panel-account-type #individualCorporateFields[aria-hidden="true"],
body:not(.admin-body) .pt-account-page #panel-account-type #individualFields[aria-hidden="true"],
body:not(.admin-body) .pt-account-page #panel-account-type #corporateFields[aria-hidden="true"],
body:not(.admin-body) .pt-account-page #panel-account-type #studentTeacherFields[style*="display: none"],
body:not(.admin-body) .pt-account-page #panel-account-type #individualCorporateFields[style*="display: none"],
body:not(.admin-body) .pt-account-page #panel-account-type #individualFields[style*="display: none"],
body:not(.admin-body) .pt-account-page #panel-account-type #corporateFields[style*="display: none"]{
  display:none!important;
}

body:not(.admin-body) .pt-account-page #panel-account-type .pt-verification-wrap:not([hidden]){
  animation: accountTypePanelIn .18s ease-out;
}
@keyframes accountTypePanelIn{
  from{opacity:.0; transform:translateY(6px)}
  to{opacity:1; transform:translateY(0)}
}

/* v265 - Hesabım > Hesap Türü: Bireysel/Kurumsal seçim çipleri yazıya göre genişlesin
   Sorun: Çiplerde önceki kurallardan gelen dar/sıkı ölçü, özellikle Kurumsal yazısında
   çerçevenin metne göre küçük kalmasına neden oluyordu. Bu override yalnızca Hesabım
   > Hesap Türü altındaki Bireysel/Kurumsal satırını hedefler. */
body:not(.admin-body) .pt-account-page #panel-account-type .pt-sub-switch{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  margin:10px 0 18px!important;
}
body:not(.admin-body) .pt-account-page #panel-account-type .pt-sub-switch .pt-check-chip{
  width:auto!important;
  min-width:max-content!important;
  max-width:100%!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:9px 18px!important;
  line-height:1!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
body:not(.admin-body) .pt-account-page #panel-account-type .pt-sub-switch .pt-check-chip input[type="radio"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  padding:0!important;
  accent-color:#2563eb!important;
}
body:not(.admin-body) .pt-account-page #panel-account-type .pt-sub-switch .pt-check-chip span{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  font-weight:800!important;
}
@media(max-width:575px){
  body:not(.admin-body) .pt-account-page #panel-account-type .pt-sub-switch{
    display:flex!important;
    width:100%!important;
  }
  body:not(.admin-body) .pt-account-page #panel-account-type .pt-sub-switch .pt-check-chip{
    flex:1 1 0!important;
    min-width:0!important;
    padding-inline:14px!important;
  }
}


/* v266 - Hesabım Talep Formu görsel önizleme ve bildirim koyu mod düzeltmeleri */
body:not(.admin-body) .pt-account-page #quoteRequestForm .pt-quote-image-preview,
body:not(.admin-body) .pt-account-page #quoteImagePreview{
  background:linear-gradient(180deg,rgba(13,20,34,.98),rgba(7,11,20,.98))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:22px!important;
  padding:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body:not(.admin-body) .pt-account-page #quoteImagePreview .pt-upload-preview-card{
  background:linear-gradient(180deg,rgba(22,32,50,.98),rgba(10,15,27,.98))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  color:#f7f9ff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
body:not(.admin-body) .pt-account-page #quoteImagePreview .pt-upload-preview-card img{
  background:#05070d!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body:not(.admin-body) .pt-account-page #quoteImagePreview .pt-upload-preview-body strong{
  color:#f7f9ff!important;
}
body:not(.admin-body) .pt-account-page #quoteImagePreview .pt-upload-preview-body p{
  color:#aebbd0!important;
}
body:not(.admin-body) .pt-account-page #quoteImagePreview .pt-upload-remove{
  background:rgba(11,18,32,.95)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
}
body:not(.admin-body) .pt-account-page #quoteMessage.pt-inline-message,
body:not(.admin-body) .pt-account-page .pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page .pt-inline-message.is-error{
  border-radius:16px!important;
  padding:14px 16px!important;
  font-weight:800!important;
  box-shadow:0 14px 32px rgba(0,0,0,.22)!important;
}
body:not(.admin-body) .pt-account-page #quoteMessage.pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page .pt-inline-message.is-success{
  background:linear-gradient(180deg,rgba(6,78,59,.96),rgba(4,47,46,.96))!important;
  border:1px solid rgba(52,211,153,.34)!important;
  color:#bbf7d0!important;
}
body:not(.admin-body) .pt-account-page #quoteMessage.pt-inline-message.is-error,
body:not(.admin-body) .pt-account-page .pt-inline-message.is-error{
  background:linear-gradient(180deg,rgba(127,29,29,.92),rgba(69,10,10,.94))!important;
  border:1px solid rgba(248,113,113,.34)!important;
  color:#fecaca!important;
}
body:not(.admin-body) .pt-account-page #panel-preferences .pt-check-card{
  background:linear-gradient(180deg,rgba(17,26,42,.96),rgba(9,14,25,.98))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  border-radius:18px!important;
}

/* v267 - Account page success message spacing refinement
   Yeşil onay kutuları turuncu kaydet butonlarına yapışık görünmesin diye
   yalnızca hesap sayfasındaki gerçek başarı/hata mesajlarında üst boşluk artırıldı. */
body:not(.admin-body) .pt-account-page .pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page .pt-inline-message.is-error,
body:not(.admin-body) .pt-account-page #quoteMessage.pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page #quoteMessage.pt-inline-message.is-error{
  margin-top:18px!important;
}

/* Boş mesaj elemanları sayfada gereksiz boşluk oluşturmasın. */
body:not(.admin-body) .pt-account-page .pt-inline-message:not(.is-success):not(.is-error):empty,
body:not(.admin-body) .pt-account-page #quoteMessage.pt-inline-message:not(.is-success):not(.is-error):empty{
  display:none!important;
  margin-top:0!important;
}

/* === v268: Hesabım başarı kutusu butondan ayrı dursun ===
   Önceki bloklarda #accountTypeMessage için margin-top:0!important tanımı vardı.
   ID seçicisi sınıf seçicisinden güçlü olduğu için genel .pt-inline-message
   boşluğu uygulanmıyordu. Bu override özellikle Hesabım sayfasındaki kayıt
   sonrası yeşil/kırmızı kutuları turuncu butondan ayırır. */
body:not(.admin-body) .pt-account-page #accountTypeMessage.pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page #accountTypeMessage.pt-inline-message.is-error,
body:not(.admin-body) .pt-account-page #inviteCodeMessage.pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page #inviteCodeMessage.pt-inline-message.is-error,
body:not(.admin-body) .pt-account-page #addressMessage.pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page #addressMessage.pt-inline-message.is-error,
body:not(.admin-body) .pt-account-page #accountDetailsMessage.pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page #accountDetailsMessage.pt-inline-message.is-error,
body:not(.admin-body) .pt-account-page #institutionMessage.pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page #institutionMessage.pt-inline-message.is-error,
body:not(.admin-body) .pt-account-page #preferencesMessage.pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page #preferencesMessage.pt-inline-message.is-error,
body:not(.admin-body) .pt-account-page #quoteMessage.pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page #quoteMessage.pt-inline-message.is-error{
  display:block!important;
  width:100%!important;
  clear:both!important;
  margin-top:26px!important;
  margin-bottom:0!important;
  box-sizing:border-box!important;
}

body:not(.admin-body) .pt-account-page #panel-account-type .pt-form-actions-between + #accountTypeMessage.pt-inline-message.is-success,
body:not(.admin-body) .pt-account-page #panel-account-type .pt-form-actions-between + #accountTypeMessage.pt-inline-message.is-error{
  margin-top:28px!important;
}


/* v269: site genel mobil/form küçük optimizasyonları */
input, select, textarea, button{
  box-sizing:border-box;
  max-width:100%;
}
img, video{
  max-width:100%;
  height:auto;
}
@media (max-width: 768px){
  .container, .section, .account-container, .profile-container, .form-container{
    max-width:100%;
  }
  input, select, textarea{
    font-size:16px;
  }
  button, .btn, .primary-btn, .secondary-btn{
    min-height:44px;
  }
}

/* v270 - Tamirhane public service tracking search */
body:not(.admin-body) .public-service-track-section{
  width:100%;
  padding:30px 16px 0;
  background:linear-gradient(135deg,rgba(37,99,235,.11),rgba(24,24,64,.20) 45%,rgba(0,0,0,0));
}
body:not(.admin-body) .public-service-track-card{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,560px);
  align-items:center;
  gap:22px;
  padding:24px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(16,26,45,.95),rgba(7,12,25,.96));
  box-shadow:0 22px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05);
}
body:not(.admin-body) .public-service-track-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.34);
  background:rgba(37,99,235,.12);
  color:#60a5fa;
  font-weight:900;
  letter-spacing:.02em;
  margin-bottom:10px;
}
body:not(.admin-body) .public-service-track-copy h2{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:clamp(24px,2.2vw,34px)!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:-.03em;
}
body:not(.admin-body) .public-service-track-copy p{
  margin:0!important;
  color:#cbd6e8!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  max-width:760px;
}
body:not(.admin-body) .public-service-track-form{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
body:not(.admin-body) .public-service-track-input-wrap{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 18px;
  border-radius:999px;
  background:#070d1b;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body:not(.admin-body) .public-service-track-input-wrap i{color:#2563eb;font-size:18px;}
body:not(.admin-body) .public-service-track-input-wrap input{
  width:100%;
  min-width:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font-weight:850;
  font-size:16px;
  box-shadow:none!important;
}
body:not(.admin-body) .public-service-track-input-wrap input::placeholder{color:#8793a8;}
body:not(.admin-body) .public-service-track-form button{
  min-height:58px;
  border:0;
  border-radius:999px;
  padding:0 24px;
  background:linear-gradient(135deg,#60a5fa,#0ea5e9);
  color:#fff;
  font-weight:950;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  box-shadow:0 18px 38px rgba(37,99,235,.28);
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;
}
body:not(.admin-body) .public-service-track-form button:hover{transform:translateY(-1px);box-shadow:0 22px 44px rgba(37,99,235,.36);}
body:not(.admin-body) .public-service-track-form button:disabled{opacity:.65;cursor:not-allowed;transform:none;}
body:not(.admin-body) .public-service-track-status{
  grid-column:1 / -1;
  min-height:0;
  font-size:14px;
  font-weight:800;
  line-height:1.4;
}
body:not(.admin-body) .public-service-track-status.is-error{color:#ffb3b3;}
body:not(.admin-body) .public-service-track-status.is-info{color:#b7d7ff;}
body:not(.admin-body) .public-service-track-modal{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:22px;}
body:not(.admin-body) .public-service-track-modal.is-open{display:flex;}
html.public-service-modal-open{overflow:hidden;}
body:not(.admin-body) .public-service-track-backdrop{position:absolute;inset:0;background:rgba(2,6,14,.72);backdrop-filter:blur(8px);}
body:not(.admin-body) .public-service-track-dialog{
  position:relative;
  width:min(920px,calc(100vw - 28px));
  max-height:min(86vh,760px);
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(145deg,#121c30,#07101f);
  box-shadow:0 34px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);
  color:#fff;
}
body:not(.admin-body) .public-service-track-close{
  position:absolute;top:18px;right:18px;z-index:2;width:52px;height:52px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;
}
body:not(.admin-body) .public-service-track-modal-head{
  display:flex;align-items:center;gap:16px;padding:26px 82px 22px 26px;border-bottom:1px solid rgba(255,255,255,.10);
}
body:not(.admin-body) .public-service-track-icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa,#0ea5e9);box-shadow:0 18px 38px rgba(37,99,235,.30);}
body:not(.admin-body) .public-service-track-modal-head h3{margin:0 0 5px!important;font-size:24px!important;color:#fff!important;font-weight:950;}
body:not(.admin-body) .public-service-track-modal-head p{margin:0!important;color:#60a5fa!important;font-weight:950;letter-spacing:.03em;}
body:not(.admin-body) .public-service-track-modal-body{padding:22px;overflow:auto;max-height:calc(min(86vh,760px) - 104px);}
body:not(.admin-body) .public-service-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.10);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.035);margin-bottom:16px;}
body:not(.admin-body) .public-service-summary-row>div{padding:18px 20px;border-right:1px solid rgba(255,255,255,.08);}
body:not(.admin-body) .public-service-summary-row>div:last-child{border-right:0;}
body:not(.admin-body) .public-service-summary-row span{display:block;color:#9facbf;font-size:13px;font-weight:900;margin-bottom:8px;}
body:not(.admin-body) .public-service-summary-row strong{color:#fff;font-size:16px;font-weight:950;}
body:not(.admin-body) .public-service-status-badge{display:inline-flex!important;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:14px!important;border:1px solid rgba(255,255,255,.12);}
body:not(.admin-body) .public-service-status-badge:before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;}
body:not(.admin-body) .public-service-status-badge.is-success{color:#3be08a!important;background:rgba(21,185,103,.10);border-color:rgba(21,185,103,.24);}
body:not(.admin-body) .public-service-status-badge.is-danger{color:#ff6b6b!important;background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.24);}
body:not(.admin-body) .public-service-status-badge.is-warning{color:#ffd15a!important;background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.24);}
body:not(.admin-body) .public-service-status-badge.is-info{color:#75baff!important;background:rgba(59,130,246,.10);border-color:rgba(59,130,246,.24);}
body:not(.admin-body) .public-service-status-badge.is-pending{color:#60a5fa!important;background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.24);}
body:not(.admin-body) .public-service-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;}
body:not(.admin-body) .public-service-detail-card{border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.035);padding:20px;min-width:0;}
body:not(.admin-body) .public-service-detail-card h4{margin:0 0 16px!important;color:#eaf0fb!important;font-size:16px!important;font-weight:950;letter-spacing:.02em;display:flex;align-items:center;gap:10px;}
body:not(.admin-body) .public-service-detail-card h4 i{color:#2563eb;}
body:not(.admin-body) .public-service-detail-card dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0;margin:0;}
body:not(.admin-body) .public-service-detail-card dt,body:not(.admin-body) .public-service-detail-card dd{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);}
body:not(.admin-body) .public-service-detail-card dt{color:#9facbf;font-weight:900;}
body:not(.admin-body) .public-service-detail-card dd{margin:0;color:#fff;font-weight:850;word-break:break-word;}
body:not(.admin-body) .public-service-process-text{margin:0 0 14px!important;color:#cbd6e8!important;line-height:1.7!important;}
body:not(.admin-body) .public-service-mini-info{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08);}
body:not(.admin-body) .public-service-mini-info span{color:#9facbf;font-weight:900;}
body:not(.admin-body) .public-service-mini-info strong{color:#fff;font-weight:950;text-align:right;}
@media (max-width: 980px){
  body:not(.admin-body) .public-service-track-card{grid-template-columns:1fr;padding:20px;}
  body:not(.admin-body) .public-service-track-form{grid-template-columns:1fr;}
  body:not(.admin-body) .public-service-track-form button{width:100%;}
  body:not(.admin-body) .public-service-detail-grid{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  body:not(.admin-body) .public-service-track-section{padding:18px 12px 0;}
  body:not(.admin-body) .public-service-summary-row{grid-template-columns:1fr;}
  body:not(.admin-body) .public-service-summary-row>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);}
  body:not(.admin-body) .public-service-summary-row>div:last-child{border-bottom:0;}
  body:not(.admin-body) .public-service-detail-card dl{grid-template-columns:1fr;}
  body:not(.admin-body) .public-service-detail-card dt{border-bottom:0;padding-bottom:3px;}
  body:not(.admin-body) .public-service-detail-card dd{padding-top:0;}
  body:not(.admin-body) .public-service-track-modal{padding:12px;}
  body:not(.admin-body) .public-service-track-modal-head{padding:22px 70px 18px 18px;}
  body:not(.admin-body) .public-service-track-close{top:14px;right:14px;width:46px;height:46px;}
}

/* =========================================================
   v271 - Tamirhane servis takip alanı hizalama düzeltmesi
   - Servis takip kartı, alttaki kurumsal bilgi kutusuyla aynı max genişliğe alındı.
   - Arka plan geçişindeki kesik görünüm giderildi.
   - Masaüstü ve mobilde form/kart hizası iyileştirildi.
========================================================= */
body:not(.admin-body) .public-service-track-section{
  width:100%!important;
  padding:40px 18px 28px!important;
  margin:0!important;
  background:
    radial-gradient(circle at 14% 10%,rgba(37,99,235,.18),transparent 34%),
    radial-gradient(circle at 86% 16%,rgba(121,68,255,.20),transparent 36%),
    linear-gradient(135deg,#070a12 0%,#0a1020 48%,#06111a 100%)!important;
  border-bottom:0!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .public-service-track-card{
  width:100%!important;
  max-width:1220px!important;
  margin:0 auto!important;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
  gap:24px!important;
  padding:26px 28px!important;
  border-radius:28px!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .public-service-track-copy{
  min-width:0!important;
}
body:not(.admin-body) .public-service-track-copy h2{
  font-size:clamp(26px,2.35vw,38px)!important;
  line-height:1.12!important;
}
body:not(.admin-body) .public-service-track-form{
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
}
body:not(.admin-body) .public-service-track-input-wrap{
  min-width:0!important;
}
body:not(.admin-body) .public-service-track-form button{
  white-space:nowrap!important;
}
body:not(.admin-body) .public-service-track-section + .tamirhane-corporate-hero{
  margin-top:0!important;
  padding-top:54px!important;
}
@media (max-width: 1100px){
  body:not(.admin-body) .public-service-track-card{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  body:not(.admin-body) .public-service-track-form{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
}
@media (max-width: 700px){
  body:not(.admin-body) .public-service-track-section{
    padding:24px 12px 22px!important;
  }
  body:not(.admin-body) .public-service-track-card{
    padding:20px!important;
    border-radius:24px!important;
  }
  body:not(.admin-body) .public-service-track-form{
    grid-template-columns:1fr!important;
  }
  body:not(.admin-body) .public-service-track-form button{
    width:100%!important;
  }
}


/* =========================================================
   v272 - Tamirhane public service tracking layout + delete fix
   - Takip kartı ile kurumsal kutu arasındaki mesafe azaltıldı.
   - İki bölüm aynı arka plan katmanında birleşik gösterildi; kesik görünüm kaldırıldı.
   - Masaüstünde takip kartı alttaki ana kutuyla aynı genişlikte ve daha yakın durur.
========================================================= */
body:not(.admin-body).tamirhane-page{
  background:
    radial-gradient(circle at 14% 11%,rgba(37,99,235,.17),transparent 34%),
    radial-gradient(circle at 86% 14%,rgba(121,68,255,.20),transparent 38%),
    linear-gradient(135deg,#070a12 0%,#0a1020 47%,#06111a 100%)!important;
}
body:not(.admin-body) .public-service-track-section{
  padding:34px 18px 18px!important;
  background:transparent!important;
  position:relative!important;
  z-index:2!important;
}
body:not(.admin-body) .public-service-track-card{
  max-width:1220px!important;
  min-height:0!important;
  padding:26px 28px!important;
  margin:0 auto!important;
}
body:not(.admin-body) .public-service-track-section + .tamirhane-corporate-hero{
  margin-top:0!important;
  padding-top:22px!important;
  background:transparent!important;
  position:relative!important;
  z-index:1!important;
}
body:not(.admin-body) .public-service-track-section + .tamirhane-corporate-hero:before{
  opacity:.20!important;
}
body:not(.admin-body) .public-service-track-form{
  align-self:center!important;
}
body:not(.admin-body) .public-service-track-input-wrap,
body:not(.admin-body) .public-service-track-form button{
  min-height:56px!important;
}
@media (min-width: 1180px){
  body:not(.admin-body) .public-service-track-section{
    padding-top:30px!important;
    padding-bottom:16px!important;
  }
  body:not(.admin-body) .public-service-track-section + .tamirhane-corporate-hero{
    padding-top:20px!important;
  }
}
@media (max-width: 700px){
  body:not(.admin-body) .public-service-track-section{
    padding:22px 12px 12px!important;
  }
  body:not(.admin-body) .public-service-track-section + .tamirhane-corporate-hero{
    padding-top:14px!important;
  }
}

/* ==========================================================
   V273 - Tamirhane mobile modal viewport containment fix
   - Mobilde quick request, akilli on tani, 2.el bilgi ve talep modallari
     ekran disina tasmadan tek viewport icinde kalir.
   - Dis sayfa scroll'u kilitlenir, scroll yalnizca modal govdesinde calisir.
   - Header/search alaninin modal ustune binmesi engellenir.
   ========================================================== */
body.tamirhane-page .modal{
  z-index: 12000 !important;
}
body.tamirhane-page .modal-backdrop{
  z-index: 11990 !important;
}
body.tamirhane-page.modal-open,
body.tamirhane-page.tamir-modal-locked{
  overflow: hidden !important;
  touch-action: none;
}

@media (max-width: 768px){
  html.tamir-modal-locked,
  body.tamirhane-page.tamir-modal-locked,
  body.tamirhane-page.modal-open{
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }

  body.tamirhane-page .modal.show,
  body.tamirhane-page .modal.in{
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body.tamirhane-page #modalCta .modal-dialog,
  body.tamirhane-page #modalCta2 .modal-dialog,
  body.tamirhane-page #quickRequestModal .modal-dialog,
  body.tamirhane-page #diagnosticWizardModal .modal-dialog,
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    position: relative !important;
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    height: calc(100dvh - 18px) !important;
    max-height: calc(100dvh - 18px) !important;
    min-height: 0 !important;
    margin: 9px auto !important;
    display: block !important;
    transform: none !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body.tamirhane-page .modal-dialog-centered{
    min-height: 0 !important;
    align-items: stretch !important;
  }

  body.tamirhane-page #modalCta .modal-content,
  body.tamirhane-page #modalCta2 .modal-content,
  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page .premium-modal-content,
  body.tamirhane-page .diagnostic-modal-content,
  body.tamirhane-page .secondhand-trust-modal{
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px 14px 14px !important;
    border-radius: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
  }

  body.tamirhane-page #modalCta .modal-content > .close,
  body.tamirhane-page #modalCta2 .modal-content > .close,
  body.tamirhane-page #quickRequestModal .modal-content > .close,
  body.tamirhane-page #diagnosticWizardModal .modal-content > .close,
  body.tamirhane-page #secondHandTrustModal .modal-content > .close{
    top: 12px !important;
    right: 12px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    z-index: 50 !important;
  }

  body.tamirhane-page #modalCta form,
  body.tamirhane-page #modalCta2 form,
  body.tamirhane-page #quickRequestForm,
  body.tamirhane-page #diagnosticWizardForm,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-grid{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding-right: 6px !important;
    margin-right: -2px !important;
    box-sizing: border-box !important;
  }

  body.tamirhane-page #quickRequestModal .quick-modal-icon,
  body.tamirhane-page #quickRequestModal h3,
  body.tamirhane-page #quickRequestModal .quick-modal-desc,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-progress-wrap,
  body.tamirhane-page #secondHandTrustModal .modal-icon,
  body.tamirhane-page #secondHandTrustModal .premium-modal-title,
  body.tamirhane-page #secondHandTrustModal .premium-modal-desc:first-of-type{
    flex: 0 0 auto !important;
  }

  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header{
    padding: 2px 46px 10px 0 !important;
  }
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-badge{
    width: 62px !important;
    height: 62px !important;
    margin: 0 auto 10px !important;
  }
  body.tamirhane-page #diagnosticWizardModal .diagnostic-mini-label{
    margin-top: 4px !important;
  }
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header h3{
    font-size: clamp(24px, 7vw, 34px) !important;
    line-height: 1.08 !important;
    margin-bottom: 8px !important;
    text-align: center !important;
    padding: 0 !important;
  }
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header p{
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin-bottom: 0 !important;
  }
  body.tamirhane-page #diagnosticWizardModal .diagnostic-progress-wrap{
    margin: 10px 0 12px !important;
  }
  body.tamirhane-page #diagnosticWizardModal .diagnostic-options-grid,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-form-grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.tamirhane-page #quickRequestModal .modal-content{
    padding-top: 54px !important;
  }
  body.tamirhane-page #quickRequestModal h3{
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.1 !important;
    margin-bottom: 8px !important;
    padding-right: 0 !important;
  }
  body.tamirhane-page #quickRequestModal .quick-modal-desc{
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
  }

  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal{
    padding-top: 54px !important;
  }
  body.tamirhane-page #secondHandTrustModal .premium-modal-title{
    font-size: clamp(22px, 6.5vw, 30px) !important;
    line-height: 1.15 !important;
  }
  body.tamirhane-page #secondHandTrustModal .premium-modal-desc{
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  body.tamirhane-page .technical-service-row,
  body.tamirhane-page .used-product-row{
    display: block !important;
  }
  body.tamirhane-page .technical-service-group,
  body.tamirhane-page .used-product-group{
    width: 100% !important;
    max-width: 100% !important;
  }

  body.tamirhane-page .whatsapp-floating,
  body.tamirhane-page .floating-whatsapp,
  body.tamirhane-page a[href*="wa.me"].whatsapp-float{
    z-index: 9000 !important;
  }
}

@media (max-width: 390px){
  body.tamirhane-page #modalCta .modal-dialog,
  body.tamirhane-page #modalCta2 .modal-dialog,
  body.tamirhane-page #quickRequestModal .modal-dialog,
  body.tamirhane-page #diagnosticWizardModal .modal-dialog,
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    height: calc(100dvh - 10px) !important;
    max-height: calc(100dvh - 10px) !important;
    margin: 5px auto !important;
  }
  body.tamirhane-page #modalCta .modal-content,
  body.tamirhane-page #modalCta2 .modal-content,
  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page .premium-modal-content,
  body.tamirhane-page .diagnostic-modal-content,
  body.tamirhane-page .secondhand-trust-modal{
    border-radius: 14px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* ==========================================================
   V274 - Tamirhane mobile modal title/scroll refinement
   - 2. el bilgi modalinda uzun metinler tum modal icinde kaydirilabilir.
   - Mobil basliklar ortalanir.
   - Akilli On Tani mobil etiket sadeleştirmesi.
   ========================================================== */
@media (max-width: 768px){
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    height: calc(100dvh - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    margin: 10px auto !important;
    overflow: hidden !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding: 68px 18px 26px !important;
    box-sizing: border-box !important;
    scroll-padding-top: 72px !important;
    scroll-padding-bottom: 28px !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-content > .close,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close{
    position: sticky !important;
    top: 0 !important;
    float: right !important;
    margin-top: -56px !important;
    margin-right: -4px !important;
    width: 48px !important;
    height: 48px !important;
    z-index: 60 !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-icon,
  body.tamirhane-page #secondHandTrustModal .premium-shared-icon{
    margin: 0 auto 18px !important;
  }

  body.tamirhane-page #secondHandTrustModal .premium-modal-title,
  body.tamirhane-page #secondHandTrustModal h3{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    font-size: clamp(26px, 7vw, 36px) !important;
    line-height: 1.16 !important;
  }

  body.tamirhane-page #secondHandTrustModal .premium-modal-desc,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-text{
    text-align: center !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.tamirhane-page #secondHandTrustModal .secondhand-trust-grid,
  body.tamirhane-page #secondHandTrustModal .premium-trust-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    gap: 10px !important;
  }

  body.tamirhane-page #secondHandTrustModal .secondhand-trust-actions{
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 18px 0 4px !important;
  }

  body.tamirhane-page #quickRequestModal .quick-modal-icon,
  body.tamirhane-page #quickRequestModal h3,
  body.tamirhane-page #quickRequestModal .quick-modal-desc,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header h3,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header p{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.tamirhane-page #quickRequestModal .quick-modal-icon{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header{
    padding: 4px 48px 10px !important;
  }

  body.tamirhane-page #diagnosticWizardModal .diagnostic-mini-label{
    display: none !important;
  }
}

@media (max-width: 420px){
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    height: calc(100dvh - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    margin: 6px auto !important;
  }
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    padding: 66px 16px 24px !important;
  }
}

/* ==========================================================
   V275 - Tamirhane mobile modal close/title alignment final
   - 2. el modal close button is removed from sticky flow and
     positioned like other modals.
   - Mobile modal titles are optically centered independent of
     the close button width.
   ========================================================== */
@media (max-width: 768px){
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    height: calc(100dvh - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    margin: 10px auto !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding: 78px 18px 26px !important;
    box-sizing: border-box !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-content > .close,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close{
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    left: auto !important;
    float: none !important;
    margin: 0 !important;
    width: 54px !important;
    height: 54px !important;
    border-radius: 16px !important;
    z-index: 80 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-icon,
  body.tamirhane-page #secondHandTrustModal .premium-shared-icon{
    margin: 0 auto 18px !important;
  }

  body.tamirhane-page #secondHandTrustModal .premium-modal-title,
  body.tamirhane-page #secondHandTrustModal h3.premium-modal-title{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    font-size: clamp(27px, 7.2vw, 38px) !important;
    line-height: 1.14 !important;
  }

  body.tamirhane-page #quickRequestModal h3,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header h3{
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
    box-sizing: border-box !important;
  }

  body.tamirhane-page #quickRequestModal .quick-modal-icon,
  body.tamirhane-page #quickRequestModal .quick-desc,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header p{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 420px){
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    padding: 76px 16px 24px !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-content > .close,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close{
    top: 14px !important;
    right: 14px !important;
    width: 52px !important;
    height: 52px !important;
  }

  body.tamirhane-page #quickRequestModal h3,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header h3{
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}

/* ==========================================================
   V276 - Tamirhane mobil 2. el bilgi modalı close/title hizası
   - Sadece #secondHandTrustModal hedeflenir.
   - Hızlı Talep ve Akıllı Ön Tanı modal stillerine dokunulmaz.
   ========================================================== */
@media (max-width: 768px){
  body.tamirhane-page #secondHandTrustModal .premium-modal-close,
  body.tamirhane-page #secondHandTrustModal .modal-content > .premium-modal-close{
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 26px !important;
    line-height: 1 !important;
    z-index: 30 !important;
    transform: none !important;
  }

  body.tamirhane-page #secondHandTrustModal .premium-modal-title,
  body.tamirhane-page #secondHandTrustModal h3.premium-modal-title{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 46px !important;
    padding-right: 46px !important;
    text-align: center !important;
    transform: none !important;
  }
}

@media (max-width: 420px){
  body.tamirhane-page #secondHandTrustModal .premium-modal-title,
  body.tamirhane-page #secondHandTrustModal h3.premium-modal-title{
    padding-left: 38px !important;
    padding-right: 38px !important;
  }
}

/* ==========================================================
   V277 - Tamirhane 2. el modal kapatma butonu son hizalama
   Sadece #secondHandTrustModal hedeflenir. Hızlı Talep ve
   Akıllı Ön Tanı Testi modal butonlarına dokunulmaz.
   ========================================================== */
@media (max-width: 768px){
  body.tamirhane-page #secondHandTrustModal .premium-modal-close,
  body.tamirhane-page #secondHandTrustModal .modal-content > .premium-modal-close,
  body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close{
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    z-index: 90 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.tamirhane-page #secondHandTrustModal .premium-modal-close span,
  body.tamirhane-page #secondHandTrustModal .modal-content > .premium-modal-close span{
    display: block !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
  }
}

/* ==========================================================
   V278 - 2. el bilgi modalı X butonu piksel eşitleme
   Not: Hızlı Talep ve Akıllı Ön Tanı butonlarına dokunmaz.
   2. el modalındaki kapatma butonunu mobilde çalışan
   diagnostic/quick modal close ölçülerine birebir çeker.
   ========================================================== */
@media (max-width: 768px){
  body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close{
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    border-radius: 14px !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    transform: none !important;
    z-index: 120 !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close span,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close span{
    display: block !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
  }
}

/* ==========================================================
   V279 - Tamirhane mobile modal frame parity final
   Amaç: Tamirhane sayfasındaki Hızlı Talep, Akıllı Ön Tanı ve
   2. El bilgi modallarının mobilde aynı dış çerçeve, iç boşluk,
   scroll alanı ve kapatma butonu ölçüsünü kullanması.
   Önceki V275/V276/V277/V278 özel override'larının ölçü farkını
   ezmek için dosya sonunda yüksek özgüllükle uygulanır.
   ========================================================== */
@media (max-width: 768px){
  body.tamirhane-page #quickRequestModal .modal-dialog,
  body.tamirhane-page #diagnosticWizardModal .modal-dialog,
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    height: calc(100dvh - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    margin: 10px auto !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    padding: 72px 18px 24px !important;
    border-radius: 22px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    box-sizing: border-box !important;
    scrollbar-gutter: stable both-edges !important;
  }

  body.tamirhane-page #quickRequestModal .quick-modal-close,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close,
  body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close{
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    bottom: auto !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    transform: none !important;
    z-index: 200 !important;
  }

  body.tamirhane-page #quickRequestModal .quick-modal-close span,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close span,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close span{
    display: block !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
  }

  body.tamirhane-page #quickRequestModal .quick-modal-icon,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-badge,
  body.tamirhane-page #secondHandTrustModal .modal-icon,
  body.tamirhane-page #secondHandTrustModal .premium-shared-icon{
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    margin: 0 auto 16px !important;
  }

  body.tamirhane-page #quickRequestModal h3,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header h3,
  body.tamirhane-page #secondHandTrustModal .premium-modal-title,
  body.tamirhane-page #secondHandTrustModal h3.premium-modal-title{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    padding-left: 58px !important;
    padding-right: 58px !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  body.tamirhane-page #quickRequestModal .quick-desc,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header p,
  body.tamirhane-page #secondHandTrustModal .premium-modal-desc,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-text{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 420px){
  body.tamirhane-page #quickRequestModal .modal-dialog,
  body.tamirhane-page #diagnosticWizardModal .modal-dialog,
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    height: calc(100dvh - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    margin: 6px auto !important;
  }

  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    padding: 70px 16px 22px !important;
    border-radius: 20px !important;
  }

  body.tamirhane-page #quickRequestModal .quick-modal-close,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close,
  body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close{
    top: 12px !important;
    right: 12px !important;
    width: 52px !important;
    height: 52px !important;
  }
}

/* ==========================================================
   V280 - Tamirhane mobil X butonu piksel eşitleme
   NOT: Modal çerçeve/genişlik/yükseklik ayarlarına dokunmaz.
   Sadece Hızlı Talep, Akıllı Ön Tanı ve 2. El modalındaki
   kapatma butonlarının kutu ve X işareti ölçüsünü birebir eşitler.
   ========================================================== */
@media (max-width: 768px){
  body.tamirhane-page #quickRequestModal .quick-modal-close,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close,
  body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close{
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    bottom: auto !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.07) !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    color: #fff !important;
    text-shadow: none !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    transform: none !important;
    z-index: 220 !important;
    font-size: 0 !important;
    font-weight: 800 !important;
    font-family: Arial, Helvetica, sans-serif !important;
  }

  body.tamirhane-page #quickRequestModal .quick-modal-close::before,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close::before,
  body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close::before,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close::before{
    content: "\00d7" !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 48px !important;
    text-align: center !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    transform: translateY(-1px) !important;
  }

  body.tamirhane-page #quickRequestModal .quick-modal-close:hover,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close:hover,
  body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close:hover,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close:hover{
    background: rgba(37,99,235, .18) !important;
    border-color: rgba(37,99,235, .35) !important;
    transform: none !important;
  }
}

@media (max-width: 420px){
  body.tamirhane-page #quickRequestModal .quick-modal-close,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close,
  body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close{
    top: 12px !important;
    right: 12px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
  }
}

/* ==========================================================
   V281 - Tamirhane modal X butonları tek tasarım
   Modal çerçeve ölçülerine dokunmaz. Sadece Hızlı Talep,
   Akıllı Ön Tanı ve 2. El modalındaki kapatma butonlarını
   aynı ölçü/konum/görünüme sabitler.
   ========================================================== */
body.tamirhane-page #quickRequestModal .quick-modal-close,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close,
body.tamirhane-page #secondHandTrustModal .premium-modal-close{
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.07) !important;
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  transform: none !important;
  line-height: 1 !important;
  z-index: 220 !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body.tamirhane-page #quickRequestModal .quick-modal-close::before,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close::before,
body.tamirhane-page #secondHandTrustModal .premium-modal-close::before{
  content: none !important;
  display: none !important;
}

body.tamirhane-page #quickRequestModal .quick-modal-close span,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close span,
body.tamirhane-page #secondHandTrustModal .premium-modal-close span{
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 31px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

body.tamirhane-page #quickRequestModal .quick-modal-close:hover,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close:hover,
body.tamirhane-page #secondHandTrustModal .premium-modal-close:hover{
  background: rgba(37,99,235,.16) !important;
  border-color: rgba(37,99,235,.38) !important;
  color: #fff !important;
  transform: none !important;
}

@media (max-width: 768px){
  body.tamirhane-page #quickRequestModal .quick-modal-close,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close{
    top: 14px !important;
    right: 14px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 420px){
  body.tamirhane-page #quickRequestModal .quick-modal-close,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close{
    top: 14px !important;
    right: 14px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }
}

/* ==========================================================
   V282 - Tamirhane close buttons final single-X fix
   Çerçeve ölçülerine dokunmaz. Üç modalda aynı kapatma butonu
   kullanılır ve çift X oluşmasına neden olan eski span/pseudo
   çakışmaları en sonda ezilir.
   ========================================================== */
body.tamirhane-page #quickRequestModal .quick-modal-close,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close,
body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close,
body.tamirhane-page #secondHandTrustModal .premium-modal-close{
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.07) !important;
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  transform: none !important;
  line-height: 1 !important;
  z-index: 260 !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  font-size: 0 !important;
  overflow: hidden !important;
}

body.tamirhane-page #quickRequestModal .quick-modal-close span,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close span,
body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close span,
body.tamirhane-page #secondHandTrustModal .premium-modal-close span{
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

body.tamirhane-page #quickRequestModal .quick-modal-close::before,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close::before,
body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close::before,
body.tamirhane-page #secondHandTrustModal .premium-modal-close::before{
  content: "\00d7" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 48px !important;
  text-align: center !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

body.tamirhane-page #quickRequestModal .quick-modal-close:hover,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close:hover,
body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close:hover,
body.tamirhane-page #secondHandTrustModal .premium-modal-close:hover{
  background: rgba(37,99,235,.16) !important;
  border-color: rgba(37,99,235,.38) !important;
  color: #fff !important;
  transform: none !important;
}

@media (max-width: 420px){
  body.tamirhane-page #quickRequestModal .quick-modal-close,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-close,
  body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close,
  body.tamirhane-page #secondHandTrustModal .premium-modal-close{
    top: 14px !important;
    right: 14px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
  }
}


/* ==========================================================
   V283 - Tamirhane close button definitive unified component
   NOT: Modal frame / dialog size values are intentionally untouched.
   This overrides all older quick/diagnostic/secondhand close rules with
   one class-driven button so the three mobile modals share identical
   size, position, border, background and X glyph.
   ========================================================== */
body.tamirhane-page .tamirhane-unified-close,
body.tamirhane-page button.close.tamirhane-unified-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  bottom:auto !important;
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  max-width:52px !important;
  max-height:52px !important;
  padding:0 !important;
  margin:0 !important;
  float:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border:1px solid rgba(148,163,184,.30) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.075) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  color:#fff !important;
  opacity:1 !important;
  text-shadow:none !important;
  line-height:1 !important;
  font-size:0 !important;
  font-weight:800 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  transform:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  overflow:hidden !important;
  z-index:300 !important;
}
body.tamirhane-page .tamirhane-unified-close span,
body.tamirhane-page button.close.tamirhane-unified-close span{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
body.tamirhane-page .tamirhane-unified-close::after{
  content:none !important;
  display:none !important;
}
body.tamirhane-page .tamirhane-unified-close::before,
body.tamirhane-page button.close.tamirhane-unified-close::before{
  content:"\00d7" !important;
  display:block !important;
  width:52px !important;
  height:52px !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:33px !important;
  font-weight:800 !important;
  line-height:50px !important;
  text-align:center !important;
  color:#fff !important;
  opacity:1 !important;
  transform:translateY(-1px) !important;
  -webkit-font-smoothing:antialiased !important;
}
body.tamirhane-page .tamirhane-unified-close:hover,
body.tamirhane-page button.close.tamirhane-unified-close:hover{
  background:rgba(37,99,235,.16) !important;
  border-color:rgba(37,99,235,.38) !important;
  color:#fff !important;
  transform:none !important;
}
@media (max-width:420px){
  body.tamirhane-page .tamirhane-unified-close,
  body.tamirhane-page button.close.tamirhane-unified-close{
    top:14px !important;
    right:14px !important;
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
  }
}

/* ==========================================================
   V284 - Tamirhane close buttons copied from 2. el modal
   Quick Request and Diagnostic Wizard now use the same close
   button class chain as the 2. el modal. Modal frame sizes are
   intentionally untouched.
   ========================================================== */
body.tamirhane-page #quickRequestModal .modal-content > .close.premium-modal-close,
body.tamirhane-page #diagnosticWizardModal .modal-content > .close.premium-modal-close,
body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  bottom:auto !important;
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  max-width:52px !important;
  max-height:52px !important;
  padding:0 !important;
  margin:0 !important;
  float:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border:1px solid rgba(148,163,184,.30) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.075) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  color:#fff !important;
  opacity:1 !important;
  text-shadow:none !important;
  line-height:1 !important;
  font-size:0 !important;
  font-weight:800 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  transform:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  overflow:hidden !important;
  z-index:300 !important;
}
body.tamirhane-page #quickRequestModal .modal-content > .close.premium-modal-close span,
body.tamirhane-page #diagnosticWizardModal .modal-content > .close.premium-modal-close span,
body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close span{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
body.tamirhane-page #quickRequestModal .modal-content > .close.premium-modal-close::after,
body.tamirhane-page #diagnosticWizardModal .modal-content > .close.premium-modal-close::after,
body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close::after{
  content:none !important;
  display:none !important;
}
body.tamirhane-page #quickRequestModal .modal-content > .close.premium-modal-close::before,
body.tamirhane-page #diagnosticWizardModal .modal-content > .close.premium-modal-close::before,
body.tamirhane-page #secondHandTrustModal .modal-content > .close.premium-modal-close::before{
  content:"\00d7" !important;
  display:block !important;
  width:52px !important;
  height:52px !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:33px !important;
  font-weight:800 !important;
  line-height:50px !important;
  text-align:center !important;
  color:#fff !important;
  opacity:1 !important;
  transform:translateY(-1px) !important;
  -webkit-font-smoothing:antialiased !important;
}

/* ==========================================================
   V285 - 2. El Ürün Satış Formu: başlık ve kapatma butonu düzeltmesi
   Not: Modal çerçeve/genişlik/yükseklik ölçülerine dokunulmadı.
   ========================================================== */
body.tamirhane-page #modalCta .modal-content{
  position:relative !important;
}
body.tamirhane-page #modalCta .modal-content > .close.tamirhane-unified-close,
body.tamirhane-page #modalCta .modal-content > button.close.tamirhane-unified-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  bottom:auto !important;
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  max-width:52px !important;
  max-height:52px !important;
  padding:0 !important;
  margin:0 !important;
  float:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border:1px solid rgba(148,163,184,.30) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.075) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  color:#fff !important;
  opacity:1 !important;
  text-shadow:none !important;
  line-height:1 !important;
  font-size:0 !important;
  font-weight:800 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  transform:none !important;
  overflow:hidden !important;
  z-index:300 !important;
}
body.tamirhane-page #modalCta .modal-content > .close.tamirhane-unified-close span{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
body.tamirhane-page #modalCta .modal-content > .close.tamirhane-unified-close::after{
  content:none !important;
  display:none !important;
}
body.tamirhane-page #modalCta .modal-content > .close.tamirhane-unified-close::before{
  content:"\00d7" !important;
  display:block !important;
  width:52px !important;
  height:52px !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:33px !important;
  font-weight:800 !important;
  line-height:50px !important;
  text-align:center !important;
  color:#fff !important;
  opacity:1 !important;
  transform:translateY(-1px) !important;
  -webkit-font-smoothing:antialiased !important;
}
body.tamirhane-page #modalCta .modal-content > .close.tamirhane-unified-close:hover{
  background:rgba(37,99,235,.16) !important;
  border-color:rgba(37,99,235,.38) !important;
  color:#fff !important;
  transform:none !important;
}
body.tamirhane-page #modalCta .used-sale-modal-icon,
body.tamirhane-page #modalCta .modal-icon.used-sale-modal-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
body.tamirhane-page #modalCta .used-sale-modal-title,
body.tamirhane-page #modalCta h3.used-sale-modal-title{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  color:#fff !important;
  line-height:1.18 !important;
}
@media (max-width:767px){
  body.tamirhane-page #modalCta .modal-content > .close.tamirhane-unified-close,
  body.tamirhane-page #modalCta .modal-content > button.close.tamirhane-unified-close{
    top:14px !important;
    right:14px !important;
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
  }
  body.tamirhane-page #modalCta .modal-content > .close.tamirhane-unified-close::before{
    width:52px !important;
    height:52px !important;
    font-size:33px !important;
    line-height:50px !important;
  }
  body.tamirhane-page #modalCta .used-sale-modal-title,
  body.tamirhane-page #modalCta h3.used-sale-modal-title{
    text-align:center !important;
    margin:16px auto 18px !important;
    padding:0 58px !important;
    font-size:clamp(26px, 7vw, 38px) !important;
  }
}

/* ==========================================================
   V286 - Tamirhane modalları kompakt başlık / ikon düzeni
   NOT: Modal çerçeve ölçülerine ve X butonlarına dokunulmadı.
   Amaç: üst hero alanını küçültmek, ikon + başlıkların daha az yer kaplaması.
   ========================================================== */
body.tamirhane-page #modalCta .used-sale-modal-icon,
body.tamirhane-page #modalCta .modal-icon.used-sale-modal-icon,
body.tamirhane-page #quickRequestModal .quick-modal-icon,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-badge,
body.tamirhane-page #secondHandTrustModal .modal-icon,
body.tamirhane-page #secondHandTrustModal .premium-shared-icon{
  width:60px !important;
  height:60px !important;
  min-width:60px !important;
  min-height:60px !important;
  max-width:60px !important;
  max-height:60px !important;
  margin:8px auto 12px !important;
  font-size:25px !important;
  line-height:1 !important;
  transform:none !important;
}

body.tamirhane-page #modalCta .used-sale-modal-icon i,
body.tamirhane-page #modalCta .modal-icon.used-sale-modal-icon i,
body.tamirhane-page #quickRequestModal .quick-modal-icon i,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-badge i,
body.tamirhane-page #secondHandTrustModal .modal-icon i,
body.tamirhane-page #secondHandTrustModal .premium-shared-icon i{
  font-size:25px !important;
  line-height:1 !important;
}

body.tamirhane-page #modalCta .used-sale-modal-title,
body.tamirhane-page #modalCta h3.used-sale-modal-title,
body.tamirhane-page #quickRequestModal h3,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header h3,
body.tamirhane-page #secondHandTrustModal .premium-modal-title,
body.tamirhane-page #secondHandTrustModal h3.premium-modal-title{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto 10px !important;
  padding:0 66px !important;
  text-align:center !important;
  font-size:clamp(25px, 3.05vw, 36px) !important;
  line-height:1.12 !important;
  letter-spacing:-0.02em !important;
}

body.tamirhane-page #quickRequestModal .quick-desc,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header p,
body.tamirhane-page #secondHandTrustModal .premium-modal-desc,
body.tamirhane-page #modalCta .used-product-form{
  margin-top:0 !important;
}

body.tamirhane-page #quickRequestModal .quick-desc,
body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header p,
body.tamirhane-page #secondHandTrustModal .premium-modal-desc{
  font-size:clamp(15px, 1.55vw, 18px) !important;
  line-height:1.55 !important;
}

body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header{
  padding-top:0 !important;
  margin-bottom:16px !important;
}

@media (max-width:767px){
  body.tamirhane-page #modalCta .used-sale-modal-icon,
  body.tamirhane-page #modalCta .modal-icon.used-sale-modal-icon,
  body.tamirhane-page #quickRequestModal .quick-modal-icon,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-badge,
  body.tamirhane-page #secondHandTrustModal .modal-icon,
  body.tamirhane-page #secondHandTrustModal .premium-shared-icon{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
    margin:8px auto 11px !important;
    font-size:24px !important;
  }

  body.tamirhane-page #modalCta .used-sale-modal-icon i,
  body.tamirhane-page #modalCta .modal-icon.used-sale-modal-icon i,
  body.tamirhane-page #quickRequestModal .quick-modal-icon i,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-badge i,
  body.tamirhane-page #secondHandTrustModal .modal-icon i,
  body.tamirhane-page #secondHandTrustModal .premium-shared-icon i{
    font-size:24px !important;
  }

  body.tamirhane-page #modalCta .used-sale-modal-title,
  body.tamirhane-page #modalCta h3.used-sale-modal-title,
  body.tamirhane-page #quickRequestModal h3,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header h3,
  body.tamirhane-page #secondHandTrustModal .premium-modal-title,
  body.tamirhane-page #secondHandTrustModal h3.premium-modal-title{
    max-width:100% !important;
    margin:0 auto 9px !important;
    padding:0 58px !important;
    font-size:clamp(25px, 6vw, 33px) !important;
    line-height:1.12 !important;
  }

  body.tamirhane-page #quickRequestModal .quick-desc,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header p,
  body.tamirhane-page #secondHandTrustModal .premium-modal-desc{
    font-size:16px !important;
    line-height:1.48 !important;
    margin-bottom:14px !important;
  }
}

@media (max-width:420px){
  body.tamirhane-page #modalCta .used-sale-modal-title,
  body.tamirhane-page #modalCta h3.used-sale-modal-title,
  body.tamirhane-page #quickRequestModal h3,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header h3,
  body.tamirhane-page #secondHandTrustModal .premium-modal-title,
  body.tamirhane-page #secondHandTrustModal h3.premium-modal-title{
    font-size:clamp(24px, 6.4vw, 31px) !important;
    padding:0 54px !important;
  }
}

/* ==========================================================
   V287 - Tamirhane mobile modal header vertical compact fix
   Amaç: Modal çerçeve ölçülerine ve X butonlarına dokunmadan,
   mobilde ikon + başlık bloğunu yukarı almak. Önceki V274-V286
   kurallarındaki yüksek padding-top değerleri burada sadece iç
   boşluk olarak ezilir; dialog width/height/max-height değiştirilmez.
   ========================================================== */
@media (max-width: 768px){
  body.tamirhane-page #modalCta .modal-content,
  body.tamirhane-page #modalCta2 .modal-content,
  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    padding-top: 50px !important;
  }

  body.tamirhane-page #modalCta .used-sale-modal-icon,
  body.tamirhane-page #modalCta .modal-icon.used-sale-modal-icon,
  body.tamirhane-page #modalCta2 .modal-icon,
  body.tamirhane-page #quickRequestModal .quick-modal-icon,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-badge,
  body.tamirhane-page #secondHandTrustModal .modal-icon,
  body.tamirhane-page #secondHandTrustModal .premium-shared-icon{
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  body.tamirhane-page #modalCta .used-sale-modal-title,
  body.tamirhane-page #modalCta h3.used-sale-modal-title,
  body.tamirhane-page #modalCta2 .modal-content h3,
  body.tamirhane-page #quickRequestModal h3,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header h3,
  body.tamirhane-page #secondHandTrustModal .premium-modal-title,
  body.tamirhane-page #secondHandTrustModal h3.premium-modal-title{
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header{
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  body.tamirhane-page #quickRequestModal .quick-desc,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-header p,
  body.tamirhane-page #secondHandTrustModal .premium-modal-desc,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-text{
    margin-top: 0 !important;
  }
}

@media (max-width: 420px){
  body.tamirhane-page #modalCta .modal-content,
  body.tamirhane-page #modalCta2 .modal-content,
  body.tamirhane-page #quickRequestModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .modal-content,
  body.tamirhane-page #diagnosticWizardModal .diagnostic-modal-content,
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    padding-top: 48px !important;
  }
}

/* ==========================================================
   V288 - 2. El Ürün Satış Formu mobil çerçeve eşitleme
   Amaç: #modalCta form modalının mobil dış çerçevesini,
   daha önce eşitlenen Hızlı Talep / Akıllı Ön Tanı / 2. El bilgi
   modallarıyla aynı width-height-margin-radius değerlerine çekmek.
   Not: X butonu, ikon, başlık ve form alanlarının özel tasarımına
   dokunulmaz; sadece modal çerçeve/container ölçüsü eşitlenir.
   ========================================================== */
@media (max-width: 768px){
  body.tamirhane-page #modalCta .modal-dialog{
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    height: calc(100dvh - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    margin: 10px auto !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.tamirhane-page #modalCta .modal-content{
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 420px){
  body.tamirhane-page #modalCta .modal-dialog{
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    height: calc(100dvh - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    margin: 6px auto !important;
  }

  body.tamirhane-page #modalCta .modal-content{
    border-radius: 20px !important;
  }
}

/* ==========================================================
   V290 - Tamirhane desktop 2. el bilgi modal scroll fix
   Amaç: Mobildeki başarılı çerçeve/başlık/X düzenine dokunmadan,
   masaüstünde #secondHandTrustModal içeriği viewporttan taştığında
   modalın kendi içinde kaydırılmasını sağlamak. Böylece alttaki
   aksiyon butonları ve not kutusu ekran dışında kalmaz.
   ========================================================== */
@media (min-width: 769px){
  body.tamirhane-page #secondHandTrustModal.show{
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 0 !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    width: min(1000px, calc(100vw - 48px)) !important;
    max-width: min(1000px, calc(100vw - 48px)) !important;
    max-height: calc(100vh - 48px) !important;
    margin: 24px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 48px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
    padding-bottom: 26px !important;
  }

  body.tamirhane-page #secondHandTrustModal .premium-modal-content::-webkit-scrollbar{
    width: 8px !important;
  }
  body.tamirhane-page #secondHandTrustModal .premium-modal-content::-webkit-scrollbar-track{
    background: rgba(15,23,42,.45) !important;
    border-radius: 999px !important;
  }
  body.tamirhane-page #secondHandTrustModal .premium-modal-content::-webkit-scrollbar-thumb{
    background: linear-gradient(180deg,#2563eb,#7c3aed) !important;
    border-radius: 999px !important;
  }

  body.tamirhane-page #secondHandTrustModal .secondhand-trust-actions{
    position: static !important;
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.tamirhane-page #secondHandTrustModal .secondhand-trust-note{
    margin-top: 22px !important;
  }
}

/* ==========================================================
   V291 - Tamirhane desktop secondhand info modal full content fix
   Sorun: V290 masaüstü scroll düzeltmesinden sonra .secondhand-trust-grid
   ayrı bir iç scroll alanı olarak kalıyordu. Bu yüzden yazılı maddelerin,
   özet notunun ve alt aksiyonların bir kısmı masaüstünde görünmüyordu.
   Mobil kurallara dokunulmaz; sadece desktopta nested-scroll kaldırılır.
   ========================================================== */
@media (min-width: 769px){
  body.tamirhane-page #secondHandTrustModal.show,
  body.tamirhane-page #secondHandTrustModal.in{
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    max-height: calc(100vh - 48px) !important;
    margin: 24px auto !important;
    overflow: visible !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    max-height: calc(100vh - 48px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: block !important;
    padding-bottom: 32px !important;
  }

  body.tamirhane-page #secondHandTrustModal .secondhand-trust-grid,
  body.tamirhane-page #secondHandTrustModal .premium-trust-grid{
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  body.tamirhane-page #secondHandTrustModal .secondhand-trust-note{
    display: block !important;
    margin-top: 22px !important;
    margin-bottom: 18px !important;
  }

  body.tamirhane-page #secondHandTrustModal .secondhand-trust-actions{
    position: static !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 18px !important;
    padding-bottom: 0 !important;
  }
}

/* =========================================================
   2. El Güven Modalı - başlık ve ikon sabit, içerik scroll
   ========================================================= */
#secondHandTrustModal .modal-dialog{
  max-height: calc(100vh - 36px);
}

#secondHandTrustModal .secondhand-trust-modal{
  display: flex !important;
  flex-direction: column !important;
  max-height: calc(100vh - 38px) !important;
  overflow: hidden !important;
  padding: 34px 30px 22px !important;
}

#secondHandTrustModal .premium-shared-icon,
#secondHandTrustModal .premium-modal-title{
  flex: 0 0 auto !important;
}

#secondHandTrustModal .premium-modal-title{
  position: sticky;
  top: 0;
  z-index: 2;
  margin-bottom: 16px !important;
}

#secondHandTrustModal .secondhand-trust-scroll{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 8px 4px !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(37,99,235,.9) rgba(255,255,255,.08);
}

#secondHandTrustModal .secondhand-trust-scroll::-webkit-scrollbar{
  width: 8px;
}

#secondHandTrustModal .secondhand-trust-scroll::-webkit-scrollbar-track{
  background: rgba(255,255,255,.08);
  border-radius: 999px;
}

#secondHandTrustModal .secondhand-trust-scroll::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg,#60a5fa,#0ea5e9);
  border-radius: 999px;
}

#secondHandTrustModal .premium-modal-close{
  z-index: 5 !important;
}

@media (max-width: 768px){
  #secondHandTrustModal .modal-dialog{
    margin: 10px !important;
    max-height: calc(100vh - 20px);
  }

  #secondHandTrustModal .secondhand-trust-modal{
    max-height: calc(100vh - 20px) !important;
    padding: 28px 16px 16px !important;
  }

  #secondHandTrustModal .secondhand-trust-scroll{
    padding-right: 4px !important;
  }
}

/* =========================================================
   FINAL FIX - Secondhand modal: outer scroll off, header fixed, body scroll only
   İstenen: ikon + başlık alanı sabit kalır; açıklama, maddeler, not ve butonlar
   sadece modal iç gövdesinde kayar. Dış modal scroll'u kapatılır.
   ========================================================= */
body.tamirhane-page #secondHandTrustModal.show,
body.tamirhane-page #secondHandTrustModal.in{
  overflow: hidden !important;
  padding-right: 0 !important;
}

body.tamirhane-page #secondHandTrustModal .modal-dialog{
  height: calc(100vh - 36px) !important;
  max-height: calc(100vh - 36px) !important;
  margin: 18px auto !important;
  display: flex !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

body.tamirhane-page #secondHandTrustModal .modal-content,
body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
body.tamirhane-page #secondHandTrustModal .premium-modal-content{
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 28px 30px 22px !important;
}

body.tamirhane-page #secondHandTrustModal .premium-modal-close{
  flex: 0 0 auto !important;
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 20 !important;
}

body.tamirhane-page #secondHandTrustModal .premium-shared-icon,
body.tamirhane-page #secondHandTrustModal .premium-modal-title{
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 10 !important;
}

body.tamirhane-page #secondHandTrustModal .premium-shared-icon{
  margin-top: 12px !important;
  margin-bottom: 16px !important;
}

body.tamirhane-page #secondHandTrustModal .premium-modal-title{
  position: relative !important;
  top: auto !important;
  margin: 0 74px 22px !important;
}

body.tamirhane-page #secondHandTrustModal .secondhand-trust-scroll{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 10px 8px !important;
  margin: 0 !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(37,99,235,.95) rgba(255,255,255,.08);
}

body.tamirhane-page #secondHandTrustModal .secondhand-trust-scroll::-webkit-scrollbar{
  width: 8px;
}

body.tamirhane-page #secondHandTrustModal .secondhand-trust-scroll::-webkit-scrollbar-track{
  background: rgba(255,255,255,.08);
  border-radius: 999px;
}

body.tamirhane-page #secondHandTrustModal .secondhand-trust-scroll::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg,#60a5fa,#0ea5e9);
  border-radius: 999px;
}

body.tamirhane-page #secondHandTrustModal .secondhand-trust-grid,
body.tamirhane-page #secondHandTrustModal .premium-trust-grid{
  max-height: none !important;
  overflow: visible !important;
}

@media (max-width: 768px){
  body.tamirhane-page #secondHandTrustModal .modal-dialog{
    height: calc(100vh - 20px) !important;
    max-height: calc(100vh - 20px) !important;
    margin: 10px !important;
  }

  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    padding: 24px 14px 14px !important;
  }

  body.tamirhane-page #secondHandTrustModal .premium-modal-title{
    margin: 0 50px 16px !important;
    font-size: 25px !important;
    line-height: 1.18 !important;
  }
}

/* v3 mobile slider navigation polish - compact */
@media (max-width: 768px){
  body:not(.admin-body) .slider .slider-nav{
    bottom:16px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    background:rgba(3,7,18,.56)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }

  body:not(.admin-body) .slider .slider-nav button{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    aspect-ratio:1/1!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 42px!important;
    font-size:27px!important;
    line-height:1!important;
    font-weight:800!important;
    color:#fff!important;
    background:linear-gradient(135deg,#111827,#05070d)!important;
    box-shadow:0 9px 20px rgba(0,0,0,.30)!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }

  body:not(.admin-body) .slider .slider-nav button:last-child,
  body:not(.admin-body) .slider .slider-nav .next,
  body:not(.admin-body) .slider .slider-nav .slider-next{
    background:linear-gradient(135deg,#111827,#05070d)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.12)!important;
    box-shadow:0 9px 20px rgba(0,0,0,.30)!important;
  }

  body:not(.admin-body) .slider .slider-nav button:hover,
  body:not(.admin-body) .slider .slider-nav button:focus-visible{
    transform:translateY(-1px) translateZ(0)!important;
    background:linear-gradient(135deg,#111827,#05070d)!important;
    border-color:rgba(255,255,255,.16)!important;
    box-shadow:0 9px 20px rgba(0,0,0,.30)!important;
  }

  body:not(.admin-body) .slider .slider-nav button:active,
  body:not(.admin-body) .slider .slider-nav button.mobile-touch-active{
    background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
    color:#fff!important;
    border-color:rgba(37,99,235,.56)!important;
    box-shadow:0 10px 22px rgba(37,99,235,.24)!important;
    transform:scale(.96) translateZ(0)!important;
  }
}

@media (max-width: 420px){
  body:not(.admin-body) .slider .slider-nav{
    bottom:14px!important;
    gap:8px!important;
    padding:6px 9px!important;
  }

  body:not(.admin-body) .slider .slider-nav button{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    flex-basis:38px!important;
    font-size:24px!important;
  }
}

@media (max-width: 360px){
  body:not(.admin-body) .slider .slider-nav{
    bottom:12px!important;
    gap:7px!important;
    padding:5px 8px!important;
  }

  body:not(.admin-body) .slider .slider-nav button{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    flex-basis:34px!important;
    font-size:22px!important;
  }
}

/* =========================================================
   FIX - Secondhand modal mobile header alignment
   Icon and title are aligned with the other tamirhane modals.
   ========================================================= */
@media (max-width: 768px){
  body.tamirhane-page #secondHandTrustModal .modal-content,
  body.tamirhane-page #secondHandTrustModal .secondhand-trust-modal,
  body.tamirhane-page #secondHandTrustModal .premium-modal-content{
    padding-top: 46px !important;
  }

  body.tamirhane-page #secondHandTrustModal .premium-shared-icon,
  body.tamirhane-page #secondHandTrustModal .modal-icon.premium-shared-icon{
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    max-width: 58px !important;
    max-height: 58px !important;
    margin: 0 auto 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    transform: none !important;
  }

  body.tamirhane-page #secondHandTrustModal .premium-shared-icon i,
  body.tamirhane-page #secondHandTrustModal .modal-icon.premium-shared-icon i{
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body.tamirhane-page #secondHandTrustModal .premium-modal-title,
  body.tamirhane-page #secondHandTrustModal h3.premium-modal-title{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 16px !important;
    padding: 0 42px !important;
    display: block !important;
    text-align: center !important;
    align-self: center !important;
    font-size: clamp(24px, 6.2vw, 31px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.02em !important;
    transform: none !important;
  }
}

@media (max-width: 390px){
  body.tamirhane-page #secondHandTrustModal .premium-modal-title,
  body.tamirhane-page #secondHandTrustModal h3.premium-modal-title{
    padding: 0 36px !important;
    font-size: clamp(23px, 6vw, 29px) !important;
  }
}

/* v271 - Hızlı Talep modalı dosya seç butonu diğer modallarla aynı görünüm */
body.tamirhane-page #quickRequestModal .quick-service-file-upload-field{
  width:100%!important;
  margin-top:4px!important;
}
body.tamirhane-page #quickRequestModal .quick-service-file-upload-field label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:10px!important;
  color:#eef4ff!important;
  font-weight:900!important;
}
body.tamirhane-page #quickRequestModal .quick-service-file-upload-field label small{
  color:#a8b3c7!important;
  font-size:12px!important;
  font-weight:800!important;
}
body.tamirhane-page #quickRequestModal .quick-service-file-upload-field input[type="file"]{
  width:100%!important;
  min-height:54px!important;
  padding:13px 14px!important;
  border:1px dashed rgba(255,135,31,.48)!important;
  border-radius:16px!important;
  background:rgba(8,12,22,.72)!important;
  color:#dbe5f5!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
body.tamirhane-page #quickRequestModal .quick-service-file-upload-field input[type="file"]::file-selector-button{
  margin-right:12px!important;
  padding:9px 14px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
  font-weight:900!important;
  cursor:pointer!important;
}
body.tamirhane-page #quickRequestModal .quick-service-file-upload-field input[type="file"]::-webkit-file-upload-button{
  margin-right:12px!important;
  padding:9px 14px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
  font-weight:900!important;
  cursor:pointer!important;
}
body.tamirhane-page #quickRequestModal .quick-service-file-help{
  display:block!important;
  margin-top:8px!important;
  color:#a8b3c7!important;
  font-size:12px!important;
  line-height:1.55!important;
}

/* v272 - Hızlı Talep modalı dosya alanı: turuncu kesik çerçeve kaldırıldı, diğer modallarla uyumlu nötr çerçeve */
body.tamirhane-page #quickRequestModal .quick-service-file-upload-field input[type="file"],
body.tamirhane-page .quick-service-file-upload-field input#quickRequestFiles{
  width:100% !important;
  min-height:54px !important;
  padding:13px 14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:16px !important;
  background:rgba(8,12,22,.72) !important;
  color:#dbe5f5 !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
  outline:none !important;
  box-shadow:none !important;
}
body.tamirhane-page #quickRequestModal .quick-service-file-upload-field input[type="file"]:hover,
body.tamirhane-page .quick-service-file-upload-field input#quickRequestFiles:hover,
body.tamirhane-page #quickRequestModal .quick-service-file-upload-field input[type="file"]:focus,
body.tamirhane-page .quick-service-file-upload-field input#quickRequestFiles:focus{
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}

/* =========================================================
   PROMO PRICE ALIGNMENT FIX
   İndirimli ve indirimsiz promo kartlarında güncel fiyat aynı hizada dursun.
========================================================= */
body:not(.admin-body) .promo-card .promo-info{
  display:flex!important;
  flex-direction:column!important;
}
body:not(.admin-body) .promo-card .promo-price-old{
  display:block!important;
  min-height:18px!important;
  line-height:18px!important;
  margin:0 0 2px 0!important;
}
body:not(.admin-body) .promo-card .promo-price-old:empty{
  visibility:hidden!important;
}
body:not(.admin-body) .promo-card .promo-price{
  display:block!important;
  line-height:24px!important;
  margin:0!important;
}


/* Ürün detay fiyat rozeti ve Havale/EFT bilgi kutusu */
body:not(.admin-body) .discount-badge.is-kdv{
  background:linear-gradient(135deg,#22c55e,#16a34a)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(34,197,94,.22)!important;
}
body:not(.admin-body) .discount-badge.is-discount{
  background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
  color:#fff!important;
}
body:not(.admin-body) .eft-discount-info{
  display:block;
  margin:0 0 18px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(34,197,94,.10);
  border:1px solid rgba(34,197,94,.22);
  color:#d8ffe5;
  max-width:520px;
}
body:not(.admin-body) .eft-discount-info strong{
  display:block;
  font-size:14px;
  line-height:1.35;
  color:#d8ffe5!important;
}
body:not(.admin-body) .eft-discount-info small{
  display:block;
  margin-top:4px;
  font-size:12px;
  line-height:1.35;
  color:#9fe9bb!important;
}
@media (max-width:767px){
  body:not(.admin-body) .eft-discount-info{
    margin-bottom:16px;
    padding:11px 12px;
  }
  body:not(.admin-body) .eft-discount-info strong{font-size:13px;}
  body:not(.admin-body) .eft-discount-info small{font-size:11px;}
}

/* v2.6.2 - Public service tracking timeline */
body:not(.admin-body) .public-service-timeline-card{
  margin-top:16px;
}
body:not(.admin-body) .public-service-timeline{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding-left:4px;
}
body:not(.admin-body) .public-service-timeline-item{
  position:relative;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:12px;
}
body:not(.admin-body) .public-service-timeline-item:before{
  content:'';
  position:absolute;
  left:9px;
  top:22px;
  bottom:-16px;
  width:2px;
  background:linear-gradient(180deg, rgba(59,130,246,.38), rgba(255,255,255,.06));
}
body:not(.admin-body) .public-service-timeline-item:last-child:before{display:none;}
body:not(.admin-body) .public-service-timeline-dot{
  width:20px;
  height:20px;
  margin-top:4px;
  border-radius:999px;
  background:#2563eb;
  box-shadow:0 0 0 5px rgba(59,130,246,.12), 0 0 20px rgba(59,130,246,.35);
}
body:not(.admin-body) .public-service-timeline-content{
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}
body:not(.admin-body) .public-service-timeline-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}
body:not(.admin-body) .public-service-timeline-top strong{
  color:#fff;
  font-size:14px;
  font-weight:950;
}
body:not(.admin-body) .public-service-timeline-top time{
  color:#9facbf;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
body:not(.admin-body) .public-service-timeline-content p{
  margin:0!important;
  color:#d7e0ee!important;
  line-height:1.55!important;
  font-size:14px!important;
}
body:not(.admin-body) .public-service-empty-timeline{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-radius:16px;
  color:#b8c3d6;
  background:rgba(255,255,255,.035);
  border:1px dashed rgba(255,255,255,.14);
  font-weight:850;
}
body:not(.admin-body) .public-service-empty-timeline i{color:#2563eb;}
@media(max-width:640px){
  body:not(.admin-body) .public-service-timeline-top{display:block;}
  body:not(.admin-body) .public-service-timeline-top time{display:block;margin-top:4px;}
}

/* v2.6.5 - Public servis dosyaları */
.public-service-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}.public-service-file{border:1px solid rgba(15,23,42,.12);border-radius:14px;background:#fff;overflow:hidden;text-decoration:none;color:#111827;display:flex;flex-direction:column;min-height:132px}.public-service-file img{height:104px;width:100%;object-fit:cover;display:block}.public-service-file i{height:104px;display:flex;align-items:center;justify-content:center;font-size:34px;color:#2563eb;background:#eef2ff}.public-service-file span{padding:8px 10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* =========================================================
   v2.8.0 - Public servis takip modal kart boşlukları ve dosya görünümü
========================================================= */
body:not(.admin-body) .public-service-track-modal{z-index:10080!important;}
body:not(.admin-body) .public-service-track-dialog{
  width:min(1080px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
body:not(.admin-body) .public-service-track-modal-body{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  padding:24px 28px 30px!important;
  max-height:calc(100dvh - 150px)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .public-service-summary-row{
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
body:not(.admin-body) .public-service-summary-row>div{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(30,41,59,.72),rgba(15,23,42,.72))!important;
  padding:18px 20px!important;
  min-height:86px!important;
}
body:not(.admin-body) .public-service-detail-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  margin:0!important;
  align-items:start!important;
}
body:not(.admin-body) .public-service-detail-card{
  margin:0!important;
  border-radius:22px!important;
  padding:22px 24px!important;
  background:linear-gradient(145deg,rgba(30,41,59,.72),rgba(15,23,42,.72))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04)!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .public-service-detail-card + .public-service-detail-card{margin-top:0!important;}
body:not(.admin-body) .public-service-detail-card dl{grid-template-columns:145px minmax(0,1fr)!important;}
body:not(.admin-body) .public-service-files-card{min-height:0!important;}
body:not(.admin-body) .public-service-files{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(136px,160px))!important;
  gap:14px!important;
  margin-top:14px!important;
}
body:not(.admin-body) .public-service-file{
  min-height:148px!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
body:not(.admin-body) .public-service-file img,
body:not(.admin-body) .public-service-file i{height:110px!important;}
body:not(.admin-body) .public-service-file span{display:block!important;padding:9px 10px!important;color:#111827!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
@media(max-width:820px){
  body:not(.admin-body) .public-service-detail-grid,
  body:not(.admin-body) .public-service-summary-row{grid-template-columns:1fr!important;}
  body:not(.admin-body) .public-service-track-modal-body{padding:18px!important;}
}


/* v2.8.1 - Public servis takip detay kart hizalama */
body:not(.admin-body) .public-service-track-modal-body{padding:28px!important;}
body:not(.admin-body) .public-service-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
  margin:0 0 24px!important;
}
body:not(.admin-body) .public-service-detail-card{
  margin:0!important;
  height:100%!important;
  border-radius:28px!important;
  padding:28px!important;
  overflow:hidden!important;
}
body:not(.admin-body) .public-service-detail-card dl{display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;gap:0!important;margin:0!important;}
body:not(.admin-body) .public-service-detail-card dt,
body:not(.admin-body) .public-service-detail-card dd{padding:12px 0!important;border-bottom:1px solid rgba(148,163,184,.16)!important;min-height:46px!important;display:flex!important;align-items:center!important;}
body:not(.admin-body) .public-service-customer-note,
body:not(.admin-body) .public-service-files-card,
body:not(.admin-body) .public-service-timeline-card{margin-top:24px!important;border-radius:28px!important;}
@media(max-width:900px){body:not(.admin-body) .public-service-detail-grid{grid-template-columns:1fr!important;}body:not(.admin-body) .public-service-track-modal-body{padding:18px!important;}}

/* v2.8.2 - Public teknik servis takip modal kart hizalama */
body:not(.admin-body) .public-service-track-modal-body{
  padding:26px!important;
  overflow:auto!important;
}
body:not(.admin-body) .public-service-detail-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:22px!important;
  align-items:stretch!important;
}
body:not(.admin-body) .public-service-detail-card{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:24px!important;
  border-radius:24px!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .public-service-detail-card dl{
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr)!important;
  gap:0!important;
  margin:0!important;
}
body:not(.admin-body) .public-service-detail-card dt,
body:not(.admin-body) .public-service-detail-card dd{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
}
@media(max-width:980px){
  body:not(.admin-body) .public-service-detail-grid{grid-template-columns:1fr!important;}
}


/* v2.8.3 - Public servis takip modal kart aralığı düzeltmeleri */
body:not(.admin-body) .public-service-track-dialog{
  width:min(1120px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
}
body:not(.admin-body) .public-service-track-modal-body{
  padding:24px 30px 32px!important;
  max-height:calc(100dvh - 158px)!important;
  overflow:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:20px!important;
}
body:not(.admin-body) .public-service-summary-row{
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body:not(.admin-body) .public-service-detail-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:22px!important;
  margin:0!important;
  align-items:stretch!important;
}
body:not(.admin-body) .public-service-detail-card{
  margin:0!important;
  padding:24px 26px!important;
  border-radius:24px!important;
  min-width:0!important;
  overflow:hidden!important;
}
body:not(.admin-body) .public-service-detail-card + .public-service-detail-card{margin-top:0!important;}
body:not(.admin-body) .public-service-detail-card dl{
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr)!important;
  gap:0!important;
  margin:0!important;
}
body:not(.admin-body) .public-service-detail-card dt,
body:not(.admin-body) .public-service-detail-card dd{
  min-height:48px!important;
  padding:12px 0!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid rgba(148,163,184,.16)!important;
}
body:not(.admin-body) .public-service-customer-note,
body:not(.admin-body) .public-service-files-card,
body:not(.admin-body) .public-service-timeline-card{margin:0!important;}
body:not(.admin-body) .public-service-customer-note p{margin:0!important;line-height:1.65!important;}
body:not(.admin-body) .public-service-files{margin-top:12px!important;}
@media(max-width:820px){
  body:not(.admin-body) .public-service-summary-row,
  body:not(.admin-body) .public-service-detail-grid{grid-template-columns:1fr!important;}
  body:not(.admin-body) .public-service-track-modal-body{padding:18px!important;gap:16px!important;}
  body:not(.admin-body) .public-service-detail-card dl{grid-template-columns:1fr!important;}
  body:not(.admin-body) .public-service-detail-card dt{min-height:auto!important;padding-bottom:4px!important;border-bottom:0!important;}
  body:not(.admin-body) .public-service-detail-card dd{padding-top:0!important;}
}

/* v2.8.4 - Public servis takip modal kesin kart stabilizasyonu */
body:not(.admin-body) .public-service-track-modal-body{display:flex!important;flex-direction:column!important;gap:22px!important;padding:24px 30px 32px!important;}
body:not(.admin-body) .public-service-detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px!important;margin:0!important;align-items:stretch!important;}
body:not(.admin-body) .public-service-detail-card{display:block!important;margin:0!important;border-radius:24px!important;padding:24px 26px!important;min-height:92px!important;box-sizing:border-box!important;}
body:not(.admin-body) .public-service-customer-note,
body:not(.admin-body) .public-service-timeline-card,
body:not(.admin-body) .public-service-files-card{display:block!important;width:100%!important;margin:0!important;min-height:92px!important;}
body:not(.admin-body) .public-service-customer-note p{display:block!important;margin:0!important;color:#cbd5e1!important;line-height:1.7!important;font-size:15px!important;}
body:not(.admin-body) .public-service-empty-timeline{display:flex!important;align-items:center!important;gap:10px!important;margin-top:10px!important;}
@media(max-width:900px){body:not(.admin-body) .public-service-detail-grid{grid-template-columns:1fr!important;}body:not(.admin-body) .public-service-track-modal-body{padding:18px!important;gap:16px!important;}}

/* =========================================================
   v2.8.5 - Public servis takip modal timeline kesin düzeltme
   - Zaman çizelgesi kartı içerik kesilmesini engeller
   - Modal iç boşluklarını kompakt hale getirir
   - Müşteri notu / dosya / timeline kartlarını tam görünür yapar
========================================================= */
body:not(.admin-body) .public-service-track-dialog{
  width:min(1120px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:hidden!important;
}
body:not(.admin-body) .public-service-track-modal-head{
  flex:0 0 auto!important;
  padding:22px 82px 18px 26px!important;
}
body:not(.admin-body) .public-service-track-modal-body{
  max-height:calc(100dvh - 128px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:22px 28px 42px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  scroll-padding-bottom:36px!important;
}
body:not(.admin-body) .public-service-detail-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:20px!important;
  align-items:stretch!important;
  margin:0!important;
}
body:not(.admin-body) .public-service-detail-card{
  height:auto!important;
  min-height:auto!important;
  overflow:visible!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .public-service-customer-note,
body:not(.admin-body) .public-service-files-card,
body:not(.admin-body) .public-service-timeline-card{
  height:auto!important;
  min-height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px 26px!important;
}
body:not(.admin-body) .public-service-customer-note h4,
body:not(.admin-body) .public-service-files-card h4,
body:not(.admin-body) .public-service-timeline-card h4{
  margin:0 0 14px!important;
}
body:not(.admin-body) .public-service-customer-note p{
  margin:0!important;
  color:#cbd5e1!important;
  line-height:1.65!important;
  min-height:0!important;
}
body:not(.admin-body) .public-service-timeline{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:2px 0 2px 0!important;
  margin:0!important;
  overflow:visible!important;
  max-height:none!important;
}
body:not(.admin-body) .public-service-timeline-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  gap:12px!important;
  min-height:auto!important;
  overflow:visible!important;
}
body:not(.admin-body) .public-service-timeline-item:before{
  left:12px!important;
  top:30px!important;
  bottom:-14px!important;
  height:auto!important;
}
body:not(.admin-body) .public-service-timeline-dot{
  width:22px!important;
  height:22px!important;
  margin:10px 0 0 2px!important;
  flex:0 0 auto!important;
}
body:not(.admin-body) .public-service-timeline-content{
  display:block!important;
  min-height:auto!important;
  overflow:visible!important;
  padding:14px 16px!important;
  border-radius:18px!important;
}
body:not(.admin-body) .public-service-timeline-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 8px!important;
}
body:not(.admin-body) .public-service-timeline-content p{
  display:block!important;
  margin:0!important;
  color:#d7e0ee!important;
  line-height:1.55!important;
  white-space:normal!important;
}
body:not(.admin-body) .public-service-empty-timeline{
  margin:0!important;
  min-height:56px!important;
  overflow:visible!important;
}
@media(max-width:900px){
  body:not(.admin-body) .public-service-detail-grid,
  body:not(.admin-body) .public-service-summary-row{grid-template-columns:1fr!important;}
  body:not(.admin-body) .public-service-track-modal-body{padding:18px 18px 36px!important;gap:16px!important;}
  body:not(.admin-body) .public-service-timeline-top{display:block!important;}
  body:not(.admin-body) .public-service-timeline-top time{display:block!important;margin-top:5px!important;}
}

/* v2.8.8 - Public teknik servis durum renkleri */
.public-service-status-badge.is-success{background:rgba(34,197,94,.18);color:#86efac;border-color:rgba(34,197,94,.42);}
.public-service-status-badge.is-danger{background:rgba(239,68,68,.18);color:#fca5a5;border-color:rgba(239,68,68,.42);}
.public-service-status-badge.is-warning{background:rgba(245,158,11,.18);color:#fcd34d;border-color:rgba(245,158,11,.42);}
.public-service-status-badge.is-info{background:rgba(14,165,233,.18);color:#7dd3fc;border-color:rgba(14,165,233,.42);}
.public-service-status-badge.is-pending{background:rgba(148,163,184,.18);color:#cbd5e1;border-color:rgba(148,163,184,.42);}

/* ==========================================================
   V293 - 2. El Ürün Satış Formu: boşluk, mesafe ve eşitlik düzeni
   Amaç: Ürün cinsi/marka/model, kozmetik puan kartları ve alt alanlar
   arasında tek ölçülü, dengeli ve profesyonel boşluk sistemi oluşturmak.
   Görsel dil korunur; sadece hizalama/mesafe/eşitlik iyileştirilir.
   ========================================================== */
body.tamirhane-page #modalCta .used-product-form{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  margin-top:14px !important;
}

body.tamirhane-page #modalCta .used-product-form > br{
  display:none !important;
}

body.tamirhane-page #modalCta .used-product-row{
  display:grid !important;
  grid-template-columns:repeat(12, minmax(0, 1fr)) !important;
  column-gap:22px !important;
  row-gap:16px !important;
  width:100% !important;
  margin:0 !important;
}

body.tamirhane-page #modalCta .used-product-group{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  gap:0 !important;
}

body.tamirhane-page #modalCta .used-product-group.col-md-6{
  grid-column:span 6 !important;
}

body.tamirhane-page #modalCta .used-product-group.col-md-4{
  grid-column:span 4 !important;
}

body.tamirhane-page #modalCta .used-product-group label{
  display:block !important;
  margin:0 0 8px !important;
  line-height:1.25 !important;
}

body.tamirhane-page #modalCta .used-product-group input,
body.tamirhane-page #modalCta .used-product-group select,
body.tamirhane-page #modalCta .used-product-group textarea{
  margin-top:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
}

body.tamirhane-page #modalCta .used-product-group input,
body.tamirhane-page #modalCta .used-product-group select{
  min-height:54px !important;
}

body.tamirhane-page #modalCta .used-product-group textarea{
  min-height:94px !important;
  resize:vertical !important;
}

body.tamirhane-page #modalCta .used-condition-score-group{
  padding-top:0 !important;
}

body.tamirhane-page #modalCta .used-condition-help{
  margin:0 0 14px !important;
  line-height:1.48 !important;
}

body.tamirhane-page #modalCta .used-condition-options{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:12px !important;
  width:100% !important;
  margin:0 !important;
  align-items:stretch !important;
}

body.tamirhane-page #modalCta .used-condition-option{
  height:100% !important;
}

body.tamirhane-page #modalCta .used-condition-option span{
  min-height:92px !important;
  height:100% !important;
  padding:12px 9px !important;
  box-sizing:border-box !important;
}

body.tamirhane-page #modalCta .used-condition-option strong{
  margin-bottom:8px !important;
}

body.tamirhane-page #modalCta .used-sale-file-upload-field{
  padding-top:0 !important;
}

body.tamirhane-page #modalCta .used-product-btn{
  margin-top:2px !important;
}

@media (max-width:991px){
  body.tamirhane-page #modalCta .used-product-form{
    gap:14px !important;
    margin-top:12px !important;
  }

  body.tamirhane-page #modalCta .used-product-row{
    grid-template-columns:1fr !important;
    row-gap:14px !important;
    column-gap:0 !important;
  }

  body.tamirhane-page #modalCta .used-product-group.col-md-6,
  body.tamirhane-page #modalCta .used-product-group.col-md-4{
    grid-column:1 / -1 !important;
  }

  body.tamirhane-page #modalCta .used-condition-options{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  body.tamirhane-page #modalCta .used-condition-option span{
    min-height:86px !important;
  }
}

@media (max-width:420px){
  body.tamirhane-page #modalCta .used-product-form{
    gap:12px !important;
  }

  body.tamirhane-page #modalCta .used-condition-options{
    grid-template-columns:1fr !important;
  }
}

/* v4.2.96 — First visit welcome popup */
.ozker-welcome-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.55);backdrop-filter:blur(6px)}
.ozker-welcome-modal{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.28);padding:24px;text-align:center;display:grid;gap:14px;border:1px solid rgba(226,232,240,.9)}
.ozker-welcome-modal img{width:100%;max-height:240px;object-fit:cover;border-radius:18px;border:1px solid #e2e8f0}.ozker-welcome-modal h2{margin:0;color:#0f172a;font-size:28px;line-height:1.1;font-weight:900}.ozker-welcome-modal p{margin:0;color:#475569;font-weight:600;line-height:1.6}.ozker-welcome-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ozker-welcome-actions a,.ozker-welcome-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:0 18px;font-weight:800;text-decoration:none;border:1px solid #dbe5f1;background:#fff;color:#0f172a}.ozker-welcome-actions .primary{background:#2554d9;border-color:#2554d9;color:#fff}.ozker-welcome-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:14px;border:1px solid #dbe5f1;background:#fff;color:#0f172a;font-weight:900}
@media(max-width:560px){.ozker-welcome-modal{padding:20px}.ozker-welcome-modal h2{font-size:23px}.ozker-welcome-actions a,.ozker-welcome-actions button{width:100%}}

/* =========================================================
   v4.2.104 — KAYIT SAYFASI / YASAL ONAY + TERCİH MERKEZİ
   ========================================================= */
body.register-page{
  background:#0b1220;
  color:#f8fafc;
}
body.register-page .register-main{
  padding:48px 0 72px;
  min-height:calc(100vh - 78px);
  background:
    radial-gradient(circle at 8% 12%, rgba(37,99,235,.12), transparent 34%),
    radial-gradient(circle at 92% 6%, rgba(249,115,22,.08), transparent 30%),
    #0b1220;
}
body.register-page .register-container{max-width:1260px;}
body.register-page .register-shell{
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.35fr);
  border:1px solid rgba(148,163,184,.22);
  border-radius:28px;
  overflow:hidden;
  background:#0f172a;
  box-shadow:0 28px 72px rgba(0,0,0,.32);
}
body.register-page .register-benefits{
  padding:44px 38px;
  background:linear-gradient(160deg,#121d33 0%,#0c1527 100%);
  border-right:1px solid rgba(148,163,184,.18);
  display:flex;
  flex-direction:column;
  min-width:0;
}
body.register-page .register-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  align-self:flex-start;
  padding:8px 12px;
  border:1px solid rgba(96,165,250,.28);
  border-radius:999px;
  background:rgba(37,99,235,.12);
  color:#bfdbfe;
  font-weight:800;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.register-page .register-benefits h2{
  margin:24px 0 12px;
  color:#fff;
  font-size:38px;
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:900;
}
body.register-page .register-benefits > p{
  margin:0;
  color:#9fb0c7;
  font-size:16px;
  line-height:1.7;
}
body.register-page .register-benefit-list{
  display:grid;
  gap:14px;
  margin:30px 0;
}
body.register-page .register-benefit{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding:15px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
body.register-page .register-benefit > i{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(37,99,235,.14);
  color:#60a5fa;
  font-size:17px;
}
body.register-page .register-benefit span{min-width:0;}
body.register-page .register-benefit strong,
body.register-page .register-benefit small{display:block;}
body.register-page .register-benefit strong{color:#f8fafc;font-size:14px;font-weight:800;margin-bottom:3px;}
body.register-page .register-benefit small{color:#8fa1b9;font-size:12px;line-height:1.45;}
body.register-page .register-trust-note{
  margin-top:auto;
  display:flex;
  gap:11px;
  align-items:flex-start;
  padding:16px;
  border-radius:16px;
  background:rgba(16,185,129,.08);
  border:1px solid rgba(16,185,129,.18);
  color:#a7f3d0;
  font-size:12px;
  line-height:1.55;
}
body.register-page .register-trust-note i{margin-top:2px;color:#34d399;}
body.register-page .register-card{
  padding:42px 46px 46px;
  min-width:0;
  background:#111827;
}
body.register-page .register-card-head{margin-bottom:27px;}
body.register-page .register-step{
  display:block;
  color:#60a5fa;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:7px;
}
body.register-page .register-card-head h2{
  margin:0;
  color:#fff;
  font-size:36px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.035em;
}
body.register-page .register-card-head p{
  margin:9px 0 0;
  color:#9caec5;
  font-size:14px;
  line-height:1.55;
}
body.register-page .register-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 16px;
}
body.register-page .register-field-full{grid-column:1/-1;}
body.register-page .register-field label{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 8px;
  color:#e5e7eb;
  font-size:13px;
  font-weight:800;
}
body.register-page .register-field label > span[aria-hidden="true"]{color:#60a5fa;}
body.register-page .register-optional{
  margin-left:auto;
  color:#71849d!important;
  font-size:10px!important;
  font-weight:700!important;
  text-transform:uppercase;
  letter-spacing:.05em;
}
body.register-page .register-input-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
body.register-page .register-input-wrap > i{
  position:absolute;
  left:15px;
  z-index:2;
  color:#71849d;
  font-size:14px;
  pointer-events:none;
}
body.register-page .register-input-wrap .form-control{
  width:100%;
  height:50px;
  padding:0 43px 0 43px;
  border:1px solid #2c394d;
  border-radius:14px;
  background:#0a111e;
  color:#f8fafc;
  box-shadow:none;
  outline:none;
  font-size:14px;
  font-weight:650;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
body.register-page .register-input-wrap .form-control::placeholder{color:#5f718a;}
body.register-page .register-input-wrap .form-control:focus{
  border-color:#3b82f6;
  background:#0b1424;
  box-shadow:0 0 0 4px rgba(59,130,246,.12);
}
body.register-page .register-input-wrap.is-invalid .form-control{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.09);}
body.register-page .register-password-toggle{
  position:absolute;
  right:8px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#8192aa;
  cursor:pointer;
}
body.register-page .register-password-toggle:hover{background:rgba(148,163,184,.08);color:#dbeafe;}
body.register-page .register-password-meter{
  margin-top:13px;
  padding:13px 14px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}
body.register-page .register-strength-track{height:5px;border-radius:999px;background:#253248;overflow:hidden;margin-bottom:9px;}
body.register-page .register-strength-track span{display:block;width:0;height:100%;border-radius:inherit;background:#64748b;transition:width .2s ease,background .2s ease;}
body.register-page .register-strength-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;}
body.register-page .register-strength-copy strong{color:#d7e0ec;font-size:11px;}
body.register-page .register-strength-copy span{color:#71849d;font-size:10px;text-align:right;}
body.register-page .register-consent-section{
  margin-top:24px;
  padding:20px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:18px;
  background:#0d1626;
}
body.register-page .register-consent-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
body.register-page .register-consent-kicker{display:block;color:#60a5fa;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;}
body.register-page .register-consent-head h3{margin:0;color:#f8fafc;font-size:18px;font-weight:900;letter-spacing:-.02em;}
body.register-page .register-required-badge{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.18);color:#fdba74;font-size:10px;font-weight:900;}
body.register-page .register-consent-row{
  position:relative;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:11px;
  align-items:flex-start;
  padding:14px;
  margin:0 0 9px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:14px;
  background:rgba(255,255,255,.018);
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease;
}
body.register-page .register-consent-row:hover{border-color:rgba(96,165,250,.32);background:rgba(37,99,235,.035);}
body.register-page .register-consent-row.is-invalid{border-color:rgba(239,68,68,.58);background:rgba(127,29,29,.08);}
body.register-page .register-consent-row input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  pointer-events:none;
}
body.register-page .register-check-ui{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid #42516a;
  border-radius:7px;
  background:#08111f;
  color:transparent;
  margin-top:1px;
  transition:all .16s ease;
}
body.register-page .register-check-ui i{font-size:10px;}
body.register-page .register-consent-row input:checked + .register-check-ui{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
  box-shadow:0 0 0 3px rgba(37,99,235,.13);
}
body.register-page .register-consent-copy,
body.register-page .register-consent-copy strong,
body.register-page .register-consent-copy small{display:block;min-width:0;}
body.register-page .register-consent-copy strong{color:#e8eef7;font-size:12px;font-weight:800;line-height:1.45;}
body.register-page .register-consent-copy strong em{color:#60a5fa;font-style:normal;}
body.register-page .register-consent-copy small{margin-top:3px;color:#8192aa;font-size:10.5px;line-height:1.55;}
body.register-page .register-consent-copy a{color:#93c5fd;text-decoration:underline;text-underline-offset:2px;}
body.register-page .register-marketing-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding:13px 2px 9px;
  margin-top:3px;
}
body.register-page .register-marketing-title span{color:#dbe6f5;font-size:12px;font-weight:850;}
body.register-page .register-marketing-title small{color:#71849d;font-size:10px;}
body.register-page .register-accuracy-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:16px 0 0;
  color:#9fb0c7;
  font-size:11px;
  line-height:1.5;
  cursor:pointer;
}
body.register-page .register-accuracy-row input{margin:2px 0 0;accent-color:#2563eb;}
body.register-page .register-accuracy-row strong{color:#60a5fa;}
body.register-page .register-accuracy-row.is-invalid{color:#fca5a5;}
body.register-page .register-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
body.register-page .register-submit{
  width:100%;
  min-height:52px;
  margin-top:20px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:14px;
  font-weight:900;
  letter-spacing:.01em;
}
body.register-page .register-submit:disabled{opacity:.62;cursor:not-allowed;}
body.register-page .register-form-message{
  display:none;
  margin:14px 0 0;
  padding:12px 14px;
  border-radius:12px;
  font-size:12px;
  font-weight:750;
  line-height:1.5;
}
body.register-page .register-form-message.is-visible{display:block;}
body.register-page .register-form-message.is-error{color:#fecaca;background:rgba(127,29,29,.18);border:1px solid rgba(239,68,68,.28);}
body.register-page .register-form-message.is-success{color:#bbf7d0;background:rgba(6,78,59,.20);border:1px solid rgba(16,185,129,.25);}
body.register-page .register-form-message.is-loading{color:#bfdbfe;background:rgba(30,64,175,.18);border:1px solid rgba(59,130,246,.25);}
body.register-page .register-login-link{margin:18px 0 0;text-align:center;color:#8fa1b9;font-size:12px;}
body.register-page .register-login-link a{color:#f8fafc;font-weight:850;margin-left:4px;}
body.register-page .register-login-link a i{font-size:10px;margin-left:4px;}
@media (max-width:991px){
  body.register-page .register-main{padding:28px 14px 52px;}
  body.register-page .register-shell{grid-template-columns:1fr;}
  body.register-page .register-benefits{display:none;}
  body.register-page .register-card{padding:34px 28px 36px;}
}
@media (max-width:620px){
  body.register-page .register-main{padding:16px 10px 36px;}
  body.register-page .register-shell{border-radius:20px;}
  body.register-page .register-card{padding:26px 16px 28px;}
  body.register-page .register-card-head h2{font-size:30px;}
  body.register-page .register-grid{grid-template-columns:1fr;gap:14px;}
  body.register-page .register-field-full{grid-column:auto;}
  body.register-page .register-consent-section{padding:14px;border-radius:15px;}
  body.register-page .register-consent-head{align-items:flex-start;}
  body.register-page .register-marketing-title{display:block;}
  body.register-page .register-marketing-title small{display:block;margin-top:3px;}
  body.register-page .register-strength-copy{display:block;}
  body.register-page .register-strength-copy span{display:block;text-align:left;margin-top:3px;}
}

/* =========================================================
   v4.2.105 — PROFESYONEL GİRİŞ EKRANI + CANLI TELEFON DOĞRULAMA
   ========================================================= */
body.login-page{
  background:#0b1220;
  color:#f8fafc;
}
body.login-page .login-main{
  min-height:calc(100vh - 78px);
  padding:52px 0 74px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 10% 14%,rgba(37,99,235,.14),transparent 34%),
    radial-gradient(circle at 91% 8%,rgba(249,115,22,.09),transparent 30%),
    #0b1220;
}
body.login-page .login-container{max-width:1140px;}
body.login-page .login-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);
  border:1px solid rgba(148,163,184,.22);
  border-radius:28px;
  overflow:hidden;
  background:#0f172a;
  box-shadow:0 30px 80px rgba(0,0,0,.34);
}
body.login-page .login-benefits{
  min-width:0;
  padding:48px 42px;
  display:flex;
  flex-direction:column;
  background:linear-gradient(155deg,#14213a 0%,#0c1527 58%,#0b1322 100%);
  border-right:1px solid rgba(148,163,184,.18);
}
body.login-page .login-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  align-self:flex-start;
  padding:8px 12px;
  border:1px solid rgba(96,165,250,.28);
  border-radius:999px;
  background:rgba(37,99,235,.12);
  color:#bfdbfe;
  font-size:12px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.login-page .login-benefits h2{
  margin:26px 0 13px;
  color:#fff;
  font-size:42px;
  line-height:1.04;
  font-weight:900;
  letter-spacing:-.045em;
}
body.login-page .login-benefits > p{
  max-width:560px;
  margin:0;
  color:#9fb0c7;
  font-size:16px;
  line-height:1.72;
}
body.login-page .login-benefit-list{
  display:grid;
  gap:13px;
  margin:32px 0 28px;
}
body.login-page .login-benefit{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:13px;
  padding:15px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
body.login-page .login-benefit > i{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(37,99,235,.14);
  color:#60a5fa;
  font-size:18px;
}
body.login-page .login-benefit span,
body.login-page .login-benefit strong,
body.login-page .login-benefit small{display:block;min-width:0;}
body.login-page .login-benefit strong{margin-bottom:3px;color:#f8fafc;font-size:14px;font-weight:850;}
body.login-page .login-benefit small{color:#879ab3;font-size:12px;line-height:1.45;}
body.login-page .login-security-note{
  margin-top:auto;
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:16px;
  border:1px solid rgba(16,185,129,.18);
  border-radius:16px;
  background:rgba(16,185,129,.075);
  color:#a7f3d0;
  font-size:12px;
  line-height:1.55;
}
body.login-page .login-security-note i{margin-top:2px;color:#34d399;}
body.login-page .login-card{
  min-width:0;
  padding:46px 44px 48px;
  background:#111827;
}
body.login-page .login-card-head{margin-bottom:30px;}
body.login-page .login-step{
  display:block;
  margin-bottom:13px;
  color:#60a5fa;
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
body.login-page .login-title-row{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:14px;
  align-items:center;
}
body.login-page .login-title-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(37,99,235,.13);
  border:1px solid rgba(96,165,250,.19);
  color:#60a5fa;
  font-size:20px;
}
body.login-page .login-card-head h2{
  margin:0;
  color:#fff;
  font-size:32px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.035em;
}
body.login-page .login-card-head p{
  margin:7px 0 0;
  color:#92a5be;
  font-size:13px;
  line-height:1.55;
}
body.login-page .login-field{margin-bottom:18px;}
body.login-page .login-field label{
  display:block;
  margin:0 0 8px;
  color:#e5e7eb;
  font-size:13px;
  font-weight:850;
}
body.login-page .login-input-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
body.login-page .login-input-wrap > i{
  position:absolute;
  left:15px;
  z-index:2;
  color:#71849d;
  font-size:14px;
  pointer-events:none;
}
body.login-page .login-input-wrap .form-control{
  width:100%;
  height:52px;
  padding:0 46px 0 43px;
  border:1px solid #2c394d;
  border-radius:14px;
  background:#0a111e;
  color:#f8fafc;
  box-shadow:none;
  outline:none;
  font-size:14px;
  font-weight:650;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
body.login-page .login-input-wrap .form-control::placeholder{color:#5f718a;}
body.login-page .login-input-wrap .form-control:focus{
  border-color:#3b82f6;
  background:#0b1424;
  box-shadow:0 0 0 4px rgba(59,130,246,.12);
}
body.login-page .auth-password-toggle{
  position:absolute;
  right:8px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#8192aa;
  cursor:pointer;
}
body.login-page .auth-password-toggle:hover{background:rgba(148,163,184,.08);color:#dbeafe;}
body.login-page .login-assurance-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:2px 0 20px;
  padding:12px 13px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}
body.login-page .login-assurance-row span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#bbf7d0;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}
body.login-page .login-assurance-row span i{color:#34d399;}
body.login-page .login-assurance-row small{color:#71849d;font-size:10px;text-align:right;line-height:1.45;}
body.login-page .login-submit{
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:14px;
  font-size:14px;
  font-weight:900;
  letter-spacing:.01em;
}
body.login-page .login-submit:disabled{opacity:.62;cursor:not-allowed;}
body.login-page .login-form-message{
  display:none;
  margin:14px 0 0;
  padding:12px 14px;
  border-radius:12px;
  font-size:12px;
  font-weight:750;
  line-height:1.5;
}
body.login-page .login-form-message.is-visible{display:block;}
body.login-page .login-form-message.is-error{color:#fecaca;background:rgba(127,29,29,.18);border:1px solid rgba(239,68,68,.28);}
body.login-page .login-form-message.is-success{color:#bbf7d0;background:rgba(6,78,59,.20);border:1px solid rgba(16,185,129,.25);}
body.login-page .login-form-message.is-loading{color:#bfdbfe;background:rgba(30,64,175,.18);border:1px solid rgba(59,130,246,.25);}
body.login-page .login-divider{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:22px 0 16px;
  color:#64748b;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
body.login-page .login-divider::before{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(148,163,184,.16);}
body.login-page .login-divider span{position:relative;z-index:1;padding:0 10px;background:#111827;}
body.login-page .login-register-cta{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:15px;
  background:#0d1626;
  color:#e5edf7;
  text-decoration:none;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
body.login-page .login-register-cta:hover{
  border-color:rgba(96,165,250,.34);
  background:#101c30;
  color:#fff;
  transform:translateY(-1px);
  text-decoration:none;
}
body.login-page .login-register-cta > i:first-child{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(37,99,235,.13);
  color:#60a5fa;
}
body.login-page .login-register-cta > i:last-child{color:#71849d;font-size:12px;}
body.login-page .login-register-cta span,
body.login-page .login-register-cta strong,
body.login-page .login-register-cta small{display:block;min-width:0;}
body.login-page .login-register-cta strong{font-size:13px;font-weight:850;color:#f8fafc;margin-bottom:2px;}
body.login-page .login-register-cta small{font-size:10.5px;line-height:1.45;color:#8192aa;}

body.register-page .register-input-wrap.is-valid .form-control{
  border-color:#10b981;
  box-shadow:0 0 0 4px rgba(16,185,129,.08);
}
body.register-page .register-input-wrap.is-valid > i{color:#34d399;}
body.register-page .register-input-wrap.is-invalid > i{color:#f87171;}
body.register-page .register-phone-feedback{
  display:flex;
  align-items:flex-start;
  gap:6px;
  min-height:17px;
  margin:7px 2px 0;
  color:#71849d;
  font-size:10.5px;
  font-weight:700;
  line-height:1.4;
}
body.register-page .register-phone-feedback i{margin-top:1px;font-size:10px;}
body.register-page .register-phone-feedback.is-error{color:#fca5a5;}
body.register-page .register-phone-feedback.is-success{color:#86efac;}

@media (max-width:991px){
  body.login-page .login-main{padding:30px 14px 52px;align-items:flex-start;}
  body.login-page .login-shell{grid-template-columns:1fr;max-width:640px;margin:0 auto;}
  body.login-page .login-benefits{display:none;}
  body.login-page .login-card{padding:38px 32px 42px;}
}
@media (max-width:560px){
  body.login-page .login-main{padding:16px 10px 36px;}
  body.login-page .login-shell{border-radius:20px;}
  body.login-page .login-card{padding:27px 16px 30px;}
  body.login-page .login-card-head h2{font-size:28px;}
  body.login-page .login-title-row{grid-template-columns:46px minmax(0,1fr);gap:11px;}
  body.login-page .login-title-icon{width:46px;height:46px;border-radius:14px;font-size:18px;}
  body.login-page .login-assurance-row{display:block;}
  body.login-page .login-assurance-row small{display:block;margin-top:5px;text-align:left;}
}

/* =========================================================
   v4.2.121 — Dinamik marka kimliği ve profesyonel ilk giriş
   ========================================================= */
:root{
  --ozker-site-logo-desktop-width:205px;
  --ozker-site-logo-mobile-width:160px;
}
body:not(.admin-body) .header-logo img,
body:not(.admin-body) .header-logo .logo img{
  width:var(--ozker-site-logo-desktop-width)!important;
  max-width:min(var(--ozker-site-logo-desktop-width),100%)!important;
  height:auto!important;
  object-fit:contain!important;
}
@media(max-width:767px){
  body:not(.admin-body) .header-logo img,
  body:not(.admin-body) .header-logo .logo img{
    width:var(--ozker-site-logo-mobile-width)!important;
    max-width:min(var(--ozker-site-logo-mobile-width),72vw)!important;
  }
}

.ozker-welcome-v42121{
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
  background:
    radial-gradient(circle at 16% 12%,rgba(62,123,250,.22),transparent 34%),
    radial-gradient(circle at 85% 82%,rgba(64,210,181,.17),transparent 32%),
    rgba(5,14,31,.78)!important;
  backdrop-filter:blur(14px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
  padding:28px!important;
}
.ozker-welcome-v42121.is-visible{opacity:1;visibility:visible}
.ozker-welcome-v42121.is-closing{opacity:0;visibility:hidden}
.ozker-welcome-v42121 .ozker-welcome-modal{
  width:min(980px,100%)!important;
  max-height:min(780px,92vh)!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(310px,.92fr) minmax(420px,1.08fr)!important;
  gap:0!important;
  overflow:hidden!important;
  text-align:left!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:#fff!important;
  box-shadow:0 34px 100px rgba(2,8,23,.42),0 2px 10px rgba(15,23,42,.08)!important;
  transform:translateY(18px) scale(.985);
  transition:transform .24s cubic-bezier(.22,.8,.3,1),opacity .2s ease;
  opacity:.9;
}
.ozker-welcome-v42121.is-visible .ozker-welcome-modal{transform:translateY(0) scale(1);opacity:1}
.ozker-welcome-v42121 .ozker-welcome-close{
  z-index:5!important;
  top:16px!important;
  right:16px!important;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.25)!important;
  background:rgba(255,255,255,.9)!important;
  color:#0f172a!important;
  box-shadow:0 10px 28px rgba(15,23,42,.12)!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  transition:transform .18s ease,background .18s ease!important;
}
.ozker-welcome-v42121 .ozker-welcome-close:hover{transform:rotate(6deg) scale(1.04);background:#fff!important}
.ozker-welcome-v42121 .ozker-welcome-close span{font-size:26px;line-height:1;font-weight:400;transform:translateY(-1px)}
.ozker-welcome-visual{
  position:relative;
  min-height:560px;
  overflow:hidden;
  background:linear-gradient(145deg,#0b1b36 0%,#123c7a 52%,#17678a 100%);
}
.ozker-welcome-visual.has-image:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(3,12,28,.06),rgba(3,12,28,.55));
  pointer-events:none;
}
.ozker-welcome-feature-image{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border:0!important;border-radius:0!important;display:block!important}
.ozker-welcome-brand-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;isolation:isolate}
.ozker-welcome-brand-scene:before{
  content:"";position:absolute;inset:9%;border-radius:40%;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.26),rgba(255,255,255,.04) 50%,transparent 70%);
  filter:blur(2px);
}
.ozker-welcome-orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:ozkerWelcomeOrbit 14s linear infinite}
.ozker-welcome-orbit.orbit-one{width:310px;height:310px}
.ozker-welcome-orbit.orbit-two{width:430px;height:430px;animation-direction:reverse;animation-duration:20s}
.ozker-welcome-orbit:after{content:"";position:absolute;top:10%;left:12%;width:12px;height:12px;border-radius:50%;background:#62e5c5;box-shadow:0 0 24px rgba(98,229,197,.9)}
@keyframes ozkerWelcomeOrbit{to{transform:rotate(360deg)}}
.ozker-welcome-brand-logo{
  position:relative;z-index:2;width:230px;min-height:145px;padding:26px;border-radius:34px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.85);
  box-shadow:0 28px 70px rgba(2,8,23,.34),inset 0 1px 0 #fff;
  transform:rotate(-2deg);
}
.ozker-welcome-brand-logo img{width:100%!important;height:auto!important;max-height:120px!important;object-fit:contain!important;border:0!important;border-radius:0!important}
.ozker-welcome-tech-icons{position:absolute;z-index:3;inset:auto 22px 32px;display:flex;justify-content:center;gap:14px}
.ozker-welcome-tech-icons i{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}
.ozker-welcome-badge{
  position:absolute;z-index:4;left:24px;top:24px;display:inline-flex;align-items:center;gap:8px;
  min-height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.94);
  color:#13356d;font-size:12px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;
  box-shadow:0 12px 30px rgba(2,8,23,.18);
}
.ozker-welcome-badge i{color:#f5a623}
.ozker-welcome-content{padding:58px 54px 46px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
.ozker-welcome-eyebrow{display:block;color:#3159d6;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin:0 0 14px}
.ozker-welcome-v42121 .ozker-welcome-content h2{margin:0!important;color:#0b1730!important;font-size:clamp(30px,3.2vw,46px)!important;line-height:1.07!important;letter-spacing:-.04em!important;font-weight:950!important;text-align:left!important}
.ozker-welcome-v42121 .ozker-welcome-content p{margin:20px 0 0!important;color:#506078!important;font-size:16px!important;font-weight:600!important;line-height:1.72!important;text-align:left!important;max-width:580px}
.ozker-welcome-v42121 .ozker-welcome-actions{width:100%;justify-content:flex-start!important;gap:12px!important;margin-top:28px!important}
.ozker-welcome-v42121 .ozker-welcome-actions a,
.ozker-welcome-v42121 .ozker-welcome-actions button{
  min-height:50px!important;border-radius:15px!important;padding:0 20px!important;font-size:14px!important;font-weight:900!important;gap:10px!important;cursor:pointer!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.ozker-welcome-v42121 .ozker-welcome-actions .primary{
  background:linear-gradient(135deg,#2554d9,#2d72ed)!important;border-color:transparent!important;color:#fff!important;
  box-shadow:0 14px 30px rgba(37,84,217,.24)!important;
}
.ozker-welcome-v42121 .ozker-welcome-actions .primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(37,84,217,.32)!important}
.ozker-welcome-v42121 .ozker-welcome-actions .secondary{background:#f5f7fb!important;border-color:#dfe5ef!important;color:#344257!important}
.ozker-welcome-v42121 .ozker-welcome-actions .secondary:hover{background:#edf1f7!important;transform:translateY(-1px)}
.ozker-welcome-trust{margin-top:24px;padding-top:20px;border-top:1px solid #e9eef5;width:100%;display:flex;align-items:flex-start;gap:10px;color:#6b7890;font-size:12px;font-weight:800;line-height:1.45}
.ozker-welcome-trust i{color:#21a67a;margin-top:2px}
@media(max-width:820px){
  .ozker-welcome-v42121{padding:16px!important;align-items:flex-start!important;overflow:auto!important}
  .ozker-welcome-v42121 .ozker-welcome-modal{grid-template-columns:1fr!important;width:min(590px,100%)!important;max-height:none!important;margin:auto!important}
  .ozker-welcome-visual{min-height:245px}
  .ozker-welcome-brand-logo{width:190px;min-height:112px;padding:20px}
  .ozker-welcome-orbit.orbit-one{width:220px;height:220px}.ozker-welcome-orbit.orbit-two{width:310px;height:310px}
  .ozker-welcome-tech-icons{bottom:18px}.ozker-welcome-tech-icons i{width:38px;height:38px;border-radius:13px}
  .ozker-welcome-content{padding:36px 28px 30px}
  .ozker-welcome-v42121 .ozker-welcome-content h2{font-size:32px!important}
}
@media(max-width:560px){
  .ozker-welcome-v42121{padding:10px!important}
  .ozker-welcome-v42121 .ozker-welcome-modal{border-radius:24px!important}
  .ozker-welcome-visual{min-height:210px}
  .ozker-welcome-badge{left:16px;top:16px;max-width:calc(100% - 76px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ozker-welcome-content{padding:30px 20px 22px}
  .ozker-welcome-v42121 .ozker-welcome-content h2{font-size:27px!important}
  .ozker-welcome-v42121 .ozker-welcome-content p{font-size:14px!important;line-height:1.62!important;margin-top:15px!important}
  .ozker-welcome-v42121 .ozker-welcome-actions{display:grid!important;grid-template-columns:1fr!important;margin-top:22px!important}
  .ozker-welcome-v42121 .ozker-welcome-actions a,.ozker-welcome-v42121 .ozker-welcome-actions button{width:100%!important}
  .ozker-welcome-trust{margin-top:18px;padding-top:16px}
}
@media(prefers-reduced-motion:reduce){
  .ozker-welcome-v42121,.ozker-welcome-v42121 .ozker-welcome-modal,.ozker-welcome-orbit{animation:none!important;transition:none!important}
}


/* =========================================================
   v4.2.135 — Gerçek responsive ana sayfa slider oranları
   Masaüstü: 1440 × 398 (21 / 5.8)
   Mobil: 390 × 230 (39 / 23)
   ========================================================= */
body:not(.admin-body) .slider{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:21 / 5.8!important;
}
@media(max-width:768px){
  body:not(.admin-body) .slider{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:39 / 23!important;
  }
}

/* v4.2.214 — Özker logo & mavi marka paleti */
:root{
  --ozk-orange:#2563eb;
  --ozk-orange-2:#60a5fa;
  --ozk-brand-blue:#2563eb;
  --ozk-brand-blue-2:#0ea5e9;
  --ozk-brand-blue-soft:#dbeafe;
}
body:not(.admin-body) .header-logo img,
body:not(.admin-body) img[data-site-logo],
body:not(.admin-body) footer img[src*="logo"],
body:not(.admin-body) .yt-avatar{
  background:transparent!important;
  object-fit:contain!important;
}
body:not(.admin-body) .btn-primary,
body:not(.admin-body) .primary-btn,
body:not(.admin-body) .site-primary,
body:not(.admin-body) .cta-btn,
body:not(.admin-body) .btn,
body:not(.admin-body) button.primary,
body:not(.admin-body) a.primary{
  background:linear-gradient(135deg,var(--ozk-brand-blue),var(--ozk-brand-blue-2))!important;
  border-color:var(--ozk-brand-blue)!important;
}
body:not(.admin-body) .section-title span,
body:not(.admin-body) .accent,
body:not(.admin-body) .highlight,
body:not(.admin-body) .text-primary{
  color:var(--ozk-brand-blue)!important;
}

/* v4.2.215 — top header (telefon/e-posta/sosyal) mavi marka uyumu */
body:not(.admin-body) #top-header{
  background:linear-gradient(90deg,#111827 0%, #141c2b 48%, #101522 100%)!important;
  border-bottom:1px solid rgba(59,130,246,.22)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
}
body:not(.admin-body) #top-header .container{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
body:not(.admin-body) #top-header .header-links{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
body:not(.admin-body) #top-header .header-links li{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
}
body:not(.admin-body) #top-header .header-links a{
  color:#f8fbff!important;
  text-decoration:none!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  transition:all .18s ease!important;
}
body:not(.admin-body) #top-header .header-links.pull-left a{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(59,130,246,.14)!important;
}
body:not(.admin-body) #top-header .header-links.pull-left a:hover{
  background:rgba(37,99,235,.16)!important;
  border-color:rgba(96,165,250,.34)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
body:not(.admin-body) #top-header .header-links.pull-left i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  margin-right:0!important;
  border-radius:999px!important;
  color:#60a5fa!important;
  background:rgba(37,99,235,.16)!important;
}
body:not(.admin-body) #top-header .header-links.pull-right{
  gap:8px!important;
}
body:not(.admin-body) #top-header .header-links.pull-right a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  color:#60a5fa!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(59,130,246,.14)!important;
}
body:not(.admin-body) #top-header .header-links.pull-right a:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
  border-color:transparent!important;
  box-shadow:0 12px 22px rgba(37,99,235,.24)!important;
  transform:translateY(-1px)!important;
}
body:not(.admin-body) #top-header .header-links.pull-right i,
body:not(.admin-body) #top-header .header-links.pull-right a i{
  color:inherit!important;
  margin-right:0!important;
}
@media (max-width: 991px){
  body:not(.admin-body) #top-header{
    background:linear-gradient(180deg,#161d2a,#111827)!important;
    border-bottom:1px solid rgba(59,130,246,.20)!important;
    box-shadow:none!important;
  }
  body:not(.admin-body) #top-header .container{
    display:block!important;
    gap:0!important;
  }
  body:not(.admin-body) #top-header .header-links.pull-left,
  body:not(.admin-body) #top-header .header-links.pull-right{
    justify-content:center!important;
  }
  body:not(.admin-body) #top-header .header-links.pull-left a{
    min-height:34px!important;
    padding:0 12px!important;
    font-size:12.5px!important;
  }
  body:not(.admin-body) #top-header .header-links.pull-right a{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
}

/* =========================================================
   v4.2.216 — TÜM WEB SİTESİ PROFESYONEL MAVİ HOVER STANDARDI
   Hover yalnızca gerçek mouse/trackpad cihazlarında çalışır. Klavye kullanıcıları
   aynı marka geri bildirimini focus-visible ile alır; mobilde yapışkan hover oluşmaz.
   ========================================================= */
body:not(.admin-body){
  --ozk-hover-blue:#2563eb;
  --ozk-hover-cyan:#0ea5e9;
  --ozk-hover-soft:rgba(37,99,235,.12);
  --ozk-hover-border:rgba(96,165,250,.48);
  --ozk-hover-shadow:0 18px 42px rgba(37,99,235,.24);
  --ozk-hover-shadow-soft:0 14px 34px rgba(37,99,235,.15);
}

body:not(.admin-body) :is(
  a,button,[role="button"],input[type="button"],input[type="submit"],
  .product-card,.promo-card,.category,.accessory-grid .item,.highlight-card,
  .yt-card,.yt-channel-card,.proof-card,.cart-item-card,.favorite-card,
  .pt-dashboard-card,.pt-panel-box,.pt-list-row,.pt-address-card,
  .service-card,.technical-service-card,.used-product-card,.legal-page .card
){
  transition:color .18s ease,background-color .18s ease,border-color .18s ease,
             box-shadow .22s ease,transform .22s ease,filter .22s ease!important;
}

body:not(.admin-body) :is(a,button,[role="button"],input,select,textarea):focus-visible{
  outline:3px solid rgba(96,165,250,.72)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px rgba(37,99,235,.16)!important;
}

@media (hover:hover) and (pointer:fine){
  /* Ana aksiyonlar */
  body:not(.admin-body) :is(
    .primary-btn,.btn-primary,.site-primary,.cta-btn,.btn-add-cart,
    .cart-primary-btn,.technical-service-btn,.used-product-btn,
    .diagnostic-secondary-btn,.newsletter-btn,.live-btn-hard,
    button.primary,a.primary,input[type="submit"]
  ):not(:disabled):hover{
    color:#fff!important;
    background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%)!important;
    border-color:rgba(96,165,250,.72)!important;
    transform:translateY(-2px)!important;
    box-shadow:var(--ozk-hover-shadow)!important;
    filter:saturate(1.08) brightness(1.04)!important;
  }

  /* İkincil / çerçeveli aksiyonlar */
  body:not(.admin-body) :is(
    .ghost-btn,.secondary-btn,.outline-btn,.cart-outline-btn,.yt-btn-ghost,
    .tamirhane-secondary-cta,.back-link,.pt-side-link,.fav-btn,
    .category .buttons button,.category .buttons a.btn,.accessory-grid .btn
  ):not(:disabled):hover{
    color:#fff!important;
    background:linear-gradient(135deg,rgba(37,99,235,.24),rgba(14,165,233,.14))!important;
    border-color:var(--ozk-hover-border)!important;
    transform:translateY(-2px)!important;
    box-shadow:var(--ozk-hover-shadow-soft)!important;
  }

  /* Ana navigasyon */
  body:not(.admin-body) #navigation .main-nav > li > a:hover,
  body:not(.admin-body) #navigation .main-nav > li.dropdown:hover > a{
    color:#93c5fd!important;
    background:rgba(37,99,235,.10)!important;
    transform:translateY(-1px)!important;
  }
  body:not(.admin-body) #navigation .main-nav > li > a:hover i{
    color:#60a5fa!important;
    transform:translateY(-1px) scale(1.08)!important;
  }
  body:not(.admin-body) #navigation .main-nav > li > a::after{
    background:linear-gradient(90deg,#2563eb,#0ea5e9)!important;
  }
  body:not(.admin-body) .main-nav li.dropdown > ul.submenu a:hover{
    color:#fff!important;
    background:linear-gradient(90deg,rgba(37,99,235,.22),rgba(14,165,233,.08))!important;
    padding-left:20px!important;
  }

  /* Header arama ve hesap/sepet */
  body:not(.admin-body) .header-search-input:hover{
    border-color:#60a5fa!important;
    background:rgba(255,255,255,.09)!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
  }
  body:not(.admin-body) :is(.cart-icon-btn,.auth-state-btn,.site-action-btn):hover{
    color:#fff!important;
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    border-color:rgba(96,165,250,.68)!important;
    transform:translateY(-2px) scale(1.025)!important;
    box-shadow:var(--ozk-hover-shadow)!important;
  }

  /* Kartlar ve içerik blokları */
  body:not(.admin-body) :is(
    .product-card,.promo-card,.category,.accessory-grid .item,.highlight-card,
    .yt-card,.yt-channel-card,.proof-card,.cart-item-card,.favorite-card,
    .pt-dashboard-card,.pt-panel-box,.pt-list-row,.pt-address-card,
    .service-card,.technical-service-card,.used-product-card
  ):hover{
    border-color:var(--ozk-hover-border)!important;
    transform:translateY(-5px)!important;
    box-shadow:0 22px 54px rgba(0,0,0,.28),var(--ozk-hover-shadow-soft)!important;
  }
  body:not(.admin-body) :is(.product-card,.promo-card,.category,.accessory-grid .item):hover img{
    transform:scale(1.035)!important;
    filter:drop-shadow(0 16px 28px rgba(37,99,235,.20))!important;
  }
  body:not(.admin-body) :is(.product-card,.promo-card,.favorite-card):hover :is(h3,h4,.product-name,a.product-name){
    color:#60a5fa!important;
  }

  /* Hukuki/metin ve sade bilgi kartları */
  body:not(.admin-body) .legal-page .card:hover{
    border-color:rgba(96,165,250,.34)!important;
    box-shadow:0 24px 62px rgba(0,0,0,.28),0 0 0 1px rgba(37,99,235,.08)!important;
    transform:translateY(-2px)!important;
  }
  body:not(.admin-body) .legal-page .toc a:hover{
    color:#fff!important;
    background:linear-gradient(90deg,rgba(37,99,235,.24),rgba(14,165,233,.08))!important;
    transform:translateX(4px)!important;
  }

  /* Footer */
  body:not(.admin-body) :is(.ecommerce-footer,.modern-ecommerce-footer) a:hover{
    color:#60a5fa!important;
  }
  body:not(.admin-body) :is(.ecommerce-footer,.modern-ecommerce-footer) .footer-links a:hover{
    transform:translateX(4px)!important;
  }
  body:not(.admin-body) :is(.ecommerce-footer,.modern-ecommerce-footer) .footer-social-icons a:hover{
    color:#fff!important;
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    border-color:transparent!important;
    transform:translateY(-3px) scale(1.04)!important;
    box-shadow:var(--ozk-hover-shadow-soft)!important;
  }

  /* Form alanları */
  body:not(.admin-body) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):hover{
    border-color:rgba(96,165,250,.62)!important;
  }

  /* Tablolar ve liste satırları */
  body:not(.admin-body) :is(table tbody tr,.cart-summary-row,.public-service-timeline-item):hover{
    background-color:rgba(37,99,235,.055)!important;
  }

  /* Breadcrumb, sekme, küçük bağlantılar */
  body:not(.admin-body) :is(
    #breadcrumb a,.section-tab-nav a,.pt-link-btn,.product-link,
    .favorite-toggle-btn,.highlight-click-hint a
  ):hover{
    color:#60a5fa!important;
  }

  /* Slider / carousel yönleri */
  body:not(.admin-body) :is(.slider-nav button,.slick-arrow,.carousel-control,.owl-nav button):hover{
    color:#fff!important;
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    border-color:rgba(96,165,250,.7)!important;
    transform:scale(1.06)!important;
    box-shadow:var(--ozk-hover-shadow-soft)!important;
  }

  /* Semantik aksiyonlar marka rengini bozmaz, yalnızca profesyonel hareket alır */
  body:not(.admin-body) :is(.floating-contact-cta,.whatsapp-checkout-btn,.btn-add-cart--whatsapp):hover{
    transform:translateY(-3px)!important;
    filter:brightness(1.06) saturate(1.05)!important;
    box-shadow:0 18px 40px rgba(37,211,102,.30)!important;
  }
  body:not(.admin-body) :is(.cart-remove-btn,.danger-btn,.delete-btn):hover{
    transform:translateY(-2px)!important;
    box-shadow:0 14px 30px rgba(239,68,68,.22)!important;
  }

  /* Pasif elemanlara hareket uygulanmaz */
  body:not(.admin-body) :is(button,input[type="submit"],[role="button"]):disabled:hover,
  body:not(.admin-body) .disabled:hover{
    transform:none!important;
    box-shadow:none!important;
    filter:none!important;
  }
}

/* Görsellerde akıcı hover için */
body:not(.admin-body) :is(.product-card,.promo-card,.category,.accessory-grid .item) img{
  transition:transform .28s ease,filter .28s ease!important;
}

/* Hareket azaltma tercihine saygı */
@media (prefers-reduced-motion:reduce){
  body:not(.admin-body) *,
  body:not(.admin-body) *::before,
  body:not(.admin-body) *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}

/* v4.2.217 — ana menüde hover arka planını kaldır, sadece çizgi efekti kalsın */
@media (min-width: 992px){
  body:not(.admin-body) #navigation .main-nav.navbar-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a,
  body:not(.admin-body) #navigation ul.main-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a{
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body:not(.admin-body) #navigation .main-nav.navbar-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a:hover,
  body:not(.admin-body) #navigation .main-nav.navbar-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a:focus,
  body:not(.admin-body) #navigation .main-nav.navbar-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a:focus-visible,
  body:not(.admin-body) #navigation ul.main-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a:hover,
  body:not(.admin-body) #navigation ul.main-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a:focus,
  body:not(.admin-body) #navigation ul.main-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a:focus-visible{
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
  }
  body:not(.admin-body) #navigation .main-nav.navbar-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a i,
  body:not(.admin-body) #navigation ul.main-nav > li:not(.main-search-item):not(.cart-btn):not(.auth-action):not(.sell-btn) > a i{
    transition:color .18s ease!important;
  }
}

/* v4.2.218 — mobil top-header ikon yerleşimi */
@media (max-width: 991px){
  body:not(.admin-body) #top-header{
    padding:10px 0!important;
  }
  body:not(.admin-body) #top-header .container{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    padding:0 14px!important;
  }
  body:not(.admin-body) #top-header .header-links.pull-left,
  body:not(.admin-body) #top-header .header-links.pull-right{
    width:auto!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    margin:0!important;
  }
  body:not(.admin-body) #top-header .header-links.pull-left{
    justify-content:flex-start!important;
    flex:0 0 auto!important;
  }
  body:not(.admin-body) #top-header .header-links.pull-right{
    justify-content:flex-end!important;
    flex:0 0 auto!important;
    margin-left:auto!important;
  }
  /* telefon ve mail mobilde sadece ikon olarak görünsün */
  body:not(.admin-body) #top-header .header-links.pull-left a{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    gap:0!important;
    border-radius:10px!important;
    justify-content:center!important;
    font-size:0!important;
    line-height:0!important;
    overflow:hidden!important;
    text-indent:0!important;
  }
  body:not(.admin-body) #top-header .header-links.pull-left a i{
    width:18px!important;
    height:18px!important;
    font-size:14px!important;
    line-height:1!important;
    margin:0!important;
    flex:0 0 18px!important;
  }
  /* sağdaki sosyal ikonlar aynı hizada kalsın */
  body:not(.admin-body) #top-header .header-links.pull-right a{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:10px!important;
  }
}

@media (max-width: 420px){
  body:not(.admin-body) #top-header .container{
    padding:0 10px!important;
    gap:10px!important;
  }
  body:not(.admin-body) #top-header .header-links.pull-left,
  body:not(.admin-body) #top-header .header-links.pull-right{
    gap:6px!important;
  }
  body:not(.admin-body) #top-header .header-links.pull-left a,
  body:not(.admin-body) #top-header .header-links.pull-right a{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:10px!important;
  }
}

/* v4.2.219 — mobil top-header kesin tek satır yerleşim kilidi */
@media (max-width: 991px){
  html body:not(.admin-body) #top-header > .container{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html body:not(.admin-body) #top-header .header-links.pull-left,
  html body:not(.admin-body) #top-header .header-links.pull-right{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
  }
  html body:not(.admin-body) #top-header .header-links.pull-left{
    justify-content:flex-start!important;
    flex:0 0 auto!important;
  }
  html body:not(.admin-body) #top-header .header-links.pull-right{
    justify-content:flex-end!important;
    flex:0 0 auto!important;
    margin-left:auto!important;
  }
  html body:not(.admin-body) #top-header .header-links li{
    flex:0 0 auto!important;
  }
}

@media (max-width: 420px){
  html body:not(.admin-body) #top-header > .container{
    gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* v4.2.221 — Üye Merkezi / Admin profil entegrasyonu */
body:not(.admin-body) .pt-account-page .pt-server-field{
  cursor:default!important;
  color:#bfdbfe!important;
  background:rgba(37,99,235,.08)!important;
  border-color:rgba(96,165,250,.26)!important;
  font-weight:850!important;
}