@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap');
/* Maritsa Style — tema stilleri (v2)

   01  Fontlar ve değişkenler
   02  Header · ikonlar ve menü
   03  Tema tabanı (Ticimax FE8)
   04  Ürün Detay · ölçü ve fiyat hesaplama
   05  Ürün Detay · numune talep butonu
   06  Ürün Detay · renk seçimi uyarısı
   07  Sayfa · Blog
   08  Sayfa · Hakkımızda
   09  Sayfa · Kurumsal
   10  Sayfa · Sözleşmeler
   11  Sayfa · İletişim
   12  Sayfa · SSS
   13  Sayfa · İşlem Rehberi
   14  Sayfa · Kampanyalar
   15  Sayfa · Ödeme Yöntemleri
   16  Sayfa · Sipariş Takip
   17  Sayfa · Maritsa Club
   18  Sayfa · Perde Ölçü Asistanı
   19  Sayfa · Perde Seçim Asistanı
   20  Sayfa · Kumaş Numune Talebi
   21  Sayfa · Kişiselleştirilmiş Perde
   22  Sayfa · Tedarikçi ve İş Ortaklığı
   23  Tema tabanı · kapsayıcı ve ekran boyutları
   24  Düzeltmeler
   25  Ana Sayfa · bloklar
   26  Footer
   27  Genel · mini sepet, WhatsApp, rozetler, bildirim
   28  Kategori · SEO metni
   29  Üye Girişi
   30  Ürün Detay · taksit, hazırlık süresi, kampanya bandı, butonlar
   31  Yeni tasarım (önizleme) · header, kartlar, kategori, ürün detay
*/


:root { --mx-ana: #616c70; --mx-ana-koyu: #4a5558; --mx-gumus: #c0c0c0; --mx-kampanya: #c0392b; --mx-metin: #333; --mx-metin-soluk: #555; --mx-zemin: #f9f9f9; --mx-cizgi: #e5e5e5; --mx-font: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --mx-font-rakam: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --mx-kose: 8px; --mx-golge: 0 2px 8px rgba(0, 0, 0, .06); }

/* ==========================================================================
   02 · Header · ikonlar ve menü
   ========================================================================== */
/* --- 2. Header İkonları (Favori, Sepet, Hesap) --- */
.header-favori-item a.favori-link i, #divHeaderUyeV2 a.account-link.headerButon i, .cart-item a.header-cart-link.headerButon .cart-icon { color: #616c70 !important; font-size: 24px !important; border-radius: 50% !important; background-color: transparent !important; transition: all 0.3s ease !important; display: flex !important; justify-content: center !important; align-items: center !important; }
.header-favori-item a.favori-link i { padding: 8px !important; }
#divHeaderUyeV2 a.account-link.headerButon i, .cart-item a.header-cart-link.headerButon .cart-icon { width: 40px !important; height: 40px !important; padding: 0 !important; }
.cart-item a.header-cart-link.headerButon { color: #616c70 !important; transition: color 0.3s ease !important; }

/* --- İkon Hover Efektleri --- */
.header-favori-item a.favori-link:hover i, #divHeaderUyeV2 a.account-link.headerButon:hover i, .cart-item a.header-cart-link.headerButon:hover .cart-icon { color: #FFFFFF !important; background-color: #616c70 !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; }
.account-item .nav-dropdown .header-member-name { background: #616c70 !important; font-size: 12px !important; color: #fff !important; padding: 10px 15px !important; }

/* --- Mobil İkon Düzenlemeleri (max-width: 1099px) --- */
@media (max-width: 1099px) {
  #headerNew .newMenuBtnClick a, #headerNew .newSearcBtnClick a, #headerNew .mobile-user-item .account-link, #headerNew .mobile-cart-item .cart-icon, .header-favori-item a.favori-link i { width: auto !important; height: auto !important; padding: 0 !important; background-color: transparent !important; box-shadow: none !important; border-radius: 0 !important; display: inline-block !important; color: #616c70 !important; font-size: 24px !important; transition: color 0.3s ease; }
  #headerNew .newMenuBtnClick a:hover, #headerNew .newSearcBtnClick a:hover, .header-favori-item a.favori-link:hover i, #headerNew .mobile-user-item .account-link:hover, #headerNew .mobile-cart-item .cart-icon:hover { color: #c0c0c0 !important; background-color: transparent !important; }
  #headerNew .cart-item { position: static !important; top: auto !important; right: auto !important; width: auto !important; height: auto !important; }
  .cart-item, #divHeaderSepetV2, .header-cart-link.headerButon, .header-cart-link.headerButon .cart-icon { display: none !important; visibility: hidden !important; }
}

/* --- 3. Navigasyon & Menü İkonları --- */
.newHeaderNavigation.mobileStyle .menu-wrap.active, #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu.active { margin-top: 40px !important; }
.newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop .menuBackBtn.active { gap: 25px !important; margin-top: 30px !important; }
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a:after { content: ''; left: 0; right: 0; height: 3px; background: #616c70; position: absolute; bottom: 0; }
.newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop::before { content: "KATEGORİLER"; display: none; padding: 43px 190px 28px 1px; margin-bottom: 10px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #333; letter-spacing: 0.5px; }
#headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl > li > a { font-weight: 600 !important; }
.newHeaderNavigation.mobileStyle .newHeaderNavUl { display: contents !important; }

/* --- Web İkonları --- */
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a { position: relative !important; padding-left: 35px !important; }
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a::before { content: '' !important; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); display: block !important; width: 28px; height: 28px; background-size: contain; background-repeat: no-repeat; background-position: center; }

/* --- Mobil İkonlar --- */
.newHeaderNavigation.mobileStyle .nav-item-link { position: relative !important; padding-left: 50px !important; }
.newHeaderNavigation.mobileStyle .nav-item-link::before { content: '' !important; position: absolute !important; left: 12px; top: 50%; transform: translateY(-50%); display: block !important; width: 28px; height: 28px; background-size: contain; background-repeat: no-repeat; background-position: center; }

/* --- İkon URL Atamaları (Toplu) --- */
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a[href="/yeni-urunler"]::before, .newHeaderNavigation.mobileStyle .nav-item-link[href="/yeni-urunler"]::before { background-image: url('https://static.ticimax.cloud/63950/uploads/images/ikon/yeni-ikon.png') !important; }
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a[href="/perde"]::before, .newHeaderNavigation.mobileStyle .nav-item-link[href="/perde"]::before { background-image: url('https://static.ticimax.cloud/63950/uploads/images/ikon/perde-ikon.png') !important; }
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a[href="/salon"]::before, .newHeaderNavigation.mobileStyle .nav-item-link[href="/salon"]::before { background-image: url('https://static.ticimax.cloud/63950/uploads/images/ikon/salon-ikon.png') !important; }
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a[href="/sofra-ve-mutfak"]::before, .newHeaderNavigation.mobileStyle .nav-item-link[href="/sofra-ve-mutfak"]::before { background-image: url('https://static.ticimax.cloud/63950/uploads/images/ikon/masa-ikon.png') !important; }
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a[href="/kumas"]::before, .newHeaderNavigation.mobileStyle .nav-item-link[href="/kumas"]::before { background-image: url('https://static.ticimax.cloud/63950/uploads/images/ikon/kumas-ikon.png') !important; }
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a[href="/perde-aksesuar-ve-yedek-parca"]::before, .newHeaderNavigation.mobileStyle .nav-item-link[href="/perde-aksesuar-ve-yedek-parca"]::before { background-image: url('https://static.ticimax.cloud/63950/uploads/images/ikon/aksesuar-ikon.png') !important; }
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a[href="/indirim"]::before, .newHeaderNavigation.mobileStyle .nav-item-link[href="/indirim"]::before { background-image: url('https://static.ticimax.cloud/63950/uploads/images/ikon/indirim-ikon.png') !important; }

/* --- ALT MENÜ LOGO ANİMASYON --- */
@media (min-width: 1100px) {
  /* --- Alt menü linkleri için genel yapı --- */
  .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl li ul li a.nav-item-link { position: relative !important; transition: padding-left 0.4s ease, color 0.3s ease !important; }

  /* --- Görünmez İkonun (Amblemin) Başlangıç Durumu --- */
  .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl li ul li a.nav-item-link::before { content: "" !important; position: absolute !important; left: 5px !important; top: 50% !important; transform: translateY(-50%) translateX(-15px) rotate(-180deg) !important; width: 16px !important; height: 16px !important; background-image: url('https://static.ticimax.cloud/63950/uploads/images/logo/menu-secici.png') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; opacity: 0 !important; pointer-events: none !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }

  /* --- Mouse ile Üzerine Gelindiğinde (Hover) Olacaklar --- */
  .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl li ul li a.nav-item-link:hover { padding-left: 28px !important; color: #616c70 !important; }

  /* --- Üzerine Gelindiğinde İkonun Hareketi --- */
  .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl li ul li a.nav-item-link:hover::before { opacity: 1 !important; transform: translateY(-50%) translateX(0) rotate(0) !important; }
}

/* ==========================================================================
   03 · Tema tabanı (Ticimax FE8)
   ========================================================================== */
/* --- FE8 SC --- */
:root { --theme-color: #616c70; }
* { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* --- reset Css --- */
[hidden] { display: none !important; }
[role="button"] { cursor: pointer; }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
template { display: none; }
[tabindex="-1"]:focus { outline: none !important; }
html { max-width: 1920px; margin: 0 auto; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }
body { font-family: 'Archivo', sans-serif; margin: 0; padding: 0; font-size: 0.8rem; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
textarea { overflow: auto; }
input[type="search"] { -webkit-appearance: none; }
input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }
label { display: inline-block; margin-bottom: 0; }
input, button, select, textarea { line-height: inherit; }
img { display: block; border: none; max-width: 100%; }
i { font-style: normal; }
a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }
a { text-decoration: none; color: #666; transition: background .1s ease-in-out,color .1s ease-in-out; }
a:active, a:hover { outline-width: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; }
select, input { font-family: 'Archivo', sans-serif !important; }
button { -moz-appearance: none; -webkit-appearance: none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; }
textarea { resize: vertical; overflow: auto; }
#divAdminPopupText { float: left; width: 100%; }
.ProductList ul { margin: 0; padding: 0; }
.blokSonYazilar ul { margin: 0; padding: 0; list-style: none; }
.blogKategori ul { margin: 0; padding: 0; list-style: none; }
.blogCenter ul { margin: 0; padding: 0; list-style: none; }
.blogRight ul { margin: 0; padding: 0; list-style: none; }

/* --- colgrid --- */
.pull-center { display: inline-block; vertical-align: top; }
.pull-left { float: left; }
.pull-right { float: right; }
.row { margin-right: -15px; margin-left: -15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col { padding-right: 15px; padding-left: 15px; position: relative; width: 100%; min-height: 1px; }
.col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
.col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.fa-facebook-f:before { content: "\f39e" !important; }
.hesabimBolumuTutucu i { vertical-align: middle; font-weight: 300; }
.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0 !important; }
#cb3DSecureOdeme { margin-right: 8px; }
#txtbxCep { border: solid 1px #a9a9a9; height: 26px; color: #777777; background-color: transparent; }
.clear { clear: both; }
.textarea { font-family: 'Archivo', sans-serif; border: solid 1px #a9a9a9; padding: 4px; width: 100%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.textbox { font-family: 'Archivo', sans-serif; color: #666666; display: block; font-size: 14px; width: 100%; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.button { font-family: 'Archivo', sans-serif; cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none; text-align: center; }
.selectboxx { height: 26px; line-height: 26px; padding: 0 5px; background-color: none !important; width: 100%; margin-bottom: 4px; }
.validate, .validateSol, .validateOrta { position: absolute; right: 0; left: 0; bottom: 0; background-color: #a94442; color: #fff; border-radius: 5px; padding: 0 10px; }
.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk { background-color: #a94442; position: absolute; right: 0; bottom: 0; left: 0; height: 10px; display: block; border-radius: 0 0 5px 5px; }
.cloudzoom-zoom { z-index: 999; }
.clearfix { content: ''; clear: both; display: block; float: left; width: 100%; }
.clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; }
.KasaOnuFirsatlarContent ul li a.button { border: none !important; }
.Magazalar #header { margin-bottom: 50px; }
.Magazalar .magazaSelect { background: #fff; border: 1px solid #eeeff0; color: #222222; font-size: 13px; margin-right: 20px; width: calc(25% - 20px); }
.Magazalar #searchStore { width: 25%; margin: 0; }
.Magazalar #searchStore input { background: #fff; border: 1px solid #eeeff0; color: #222222; font-size: 13px; width: calc(100% - 115px); }
.Magazalar #searchStore .buton { width: 105px; background: #222; border-color: #222; }
.Magazalar #searchStore .buton:hover { color: #222; }
.Magazalar .magazalarContent { float: left; width: 100%; margin-top: 50px; }
.Magazalar #nearStores { float: left; width: 100%; }
.Magazalar #nearStores >h2 { font-weight: 600 !important; color: #222; font-size: 18px; }

/* --- iletisim --- */
.iletisimContent { float: left; width: 100%; }
.iletisimContent .row { margin: 0; }
.iletisimContent .AdBan { float: left; width: 50%; }
.iletisimContent .iletisimLeft { float: left; padding: 0; margin: 0 0 40px; width: 100%; display: block; }
.iletisimContent .categoryTitle { float: left; padding: 0; margin: 0 0 30px; width: 100%; text-align: left; }
.iletisimContent .categoryTitle .categoryTitleText { margin-bottom: 0; font-size: 24px; font-weight: bold; line-height: 80px; text-align: left; }
.iletisimContent .categoryTitle:after { clear: left; content: ''; width: 70px; height: 1px; background: #e5e5e5; float: left; }
.iletisimContent .iletisimLeft .Left { display: none; }
.iletisimContent .iletisimLeft .Center { display: none; }
.iletisimContent .iletisimLeft .span { float: left; width: 100%; margin-top: 20px; }
.iletisimContent .iletisimLeft .Right { display: block; color: #343434; font-size: 14px; line-height: 20px; }
.iletisimContent .iletisimLeft .Right:before { color: #bababa; font-size: 20px; font-family: 'FontAwesome'; width: 35px; text-align: left; font-weight: 300; float: left; }
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right { font-size: 20px; font-weight: bold; }
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right { font-size: 24px; }
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before { content: '\f2a0'; }
.iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before { content: '\f1ac'; }
.iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before { content: '\f3c5'; }
.iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before { content: '\f2b6'; }
.iletisimContent .iletisimRight { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimRight .iletisimbanka { float: left; padding: 0; width: 100%; margin: 0; }
.iletisimContent .iletisimRight .iletisimbanka .span { float: left; padding: 0; width: 100%; margin: 0; }
.iletisimContent .iletisimRight .iletisimbanka .span > div { display: block; font-size: 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 20px; margin: 0 0 20px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div span { display: inline-block; vertical-align: top; width: auto !important; color: #343434; font-size: 14px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div div { display: inline-block; vertical-align: top; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span { display: block; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 { text-align: center; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1 { text-align: left; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4 { text-align: right; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div { display: inline-block; vertical-align: top; width: 25%; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1) { margin-bottom: 10px; }
.iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 { float: right; }
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) { border-top: 4px solid; margin-top: 20px; padding-top: 20px; }
.iletisimContent .iletisimForm { float: left; width: 50%; padding-left: 80px; }
.iletisimContent .iletisimForm .rowLeft { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span { float: left; padding: 0; margin: 0 0 10px; width: 100%; }
.iletisimContent .iletisimForm .rowLeft .span .Center { display: none; }
.iletisimContent .iletisimForm .rowLeft .span .Left { display: block; font-size: 12px; color: #222222; font-weight: 600; line-height: 30px; }
.iletisimContent .iletisimForm .rowLeft .span .Right { display: block; position: relative; }
.iletisimContent .iletisimForm .rowLeft .span .Right input { height: 40px; border-color: #e3e3e3; background: transparent; width: 100%; border-style: solid; border-width: 1px; }
.iletisimContent .iletisimForm .rowRight { float: left; padding: 0; margin: 0; width: 100%; }
.iletisimContent .iletisimForm .rowRight .span { float: left; padding: 0; margin: 0 0 10px; width: 100%; }
.iletisimContent .iletisimForm .rowRight .span .Center { display: none; }
.iletisimContent .iletisimForm .rowRight .span .Left { display: block; font-size: 12px; color: #222222; font-weight: 600; line-height: 30px; width: auto !important; }
.iletisimContent .iletisimForm .rowRight .span .Right { display: block; position: relative; width: auto !important; }
.iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox { display: block; margin-bottom: 10px; }
.iletisimContent .iletisimForm .rowRight .span .Right input { height: 40px; border-color: #e3e3e3; background: transparent; padding: 0 10px; border-style: solid; border-width: 1px; }
.iletisimContent .iletisimForm .rowRight .span .Right textarea { border-color: #e3e3e3; background: transparent; padding: 10px; }
.iletisimContent .iletisimForm .rowRight .iletisimBtn { margin-top: 20px; }
.iletisimContent .iletisimForm .rowRight .iletisimBtn input { padding: 0; display: block; height: 55px; font-size: 16px; color: #fff; font-weight: normal; text-transform: uppercase; float: left; width: 100%; }
.iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk { left: 0; right: 0; bottom: 0; width: 100%; height: 2px; background-color: #ff0d0d; border-radius: 2px; }
.iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta { left: 0; right: 0; bottom: 0; top: auto; display: block; border-radius: 2px; }

/* --- Uye Ol --- */
.uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: 26px; text-align: center; }
.uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: #fff; border: 1px solid #eee; width: calc(50% - 10px); }
.uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) { margin-right: 0; }
.uyeOlContainer .uyeOlRow { margin: 0; }
.uyeOlContainer .uyeOlCol .uyeOlCol { width: auto; padding: 0; }
.uyeOlContainer .uyeOlCol .uyeOlCol-3 { padding-left: 0; }
.uyeOlContainer .uyeOlCol label { font-size: 14px; margin-bottom: 10px; display: inline-block; }
.uyeOlContainer .uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto !important; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
.uyeOlContainer .dateofbirth select.selectboxx { width: 31%; float: left; margin-right: 1%; }
.uyeOlContainer .gender { float: left; width: 100%; }
.uyeOlContainer .gender label { float: left; width: 70px; margin-top: 10px; display: block; }
.uyeOlContainer .gender input { float: left; margin-top: 14px; margin-right: 3px; }
.uyeOlContainer .intl-tel-input { margin-bottom: 15px; }
.uyeOlContainer #mainHolder_rblCinsiyet { float: left; }
.uyeOlContainer input.uyeol { height: auto; padding: 15px 0; line-height: normal; font-weight: 500; font-size: 16px; width: 100%; }
.uyeOlContainer .intl-tel-input input[type=tel] { padding-left: 48px !important; line-height: 1; }
.uyeOlContainer .uyeOlColItem.checkboxItem label span { display: inline-block; vertical-align: top; float: left; font-size: 13px; line-height: 14px; width: calc(100% - 26px); }
.uyeOlContainer .uyeol { width: 100%; text-align: center; padding: 2px; margin: 30px 0; height: 45px; font-size: 15px; line-height: 48px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label input { margin-left: -20px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label:before { margin-right: 10px; }
.uyeOlContainer .uyeOlCol .uyeOlCol { margin-right: 20px; }
.uyeOlContainer #chkSozlesme { margin: 0 !important; }
.uyeOlContainer #chkSozlesme + label { width: calc(100% - 20px); float: right; line-height: 15px; font-size: 13px; }
.userContainer { float: left; width: 100%; margin: 30px 0; }
.userContainer .userDivLeft, .userContainer .userDivRight { padding: 0; }
.userContainer .userMail, .userContainer .userSms, .userContainer .userSozlesmeDiv { float: left; width: 100%; margin: 10px 0 0; }
.userContainer .userMail label, .userContainer .userSms label, .userContainer .userSozlesmeDiv label { width: 93%; float: right; }
.userContainer #chkSozlesme+label { width: 93%; float: right; }
.userContainer .userLeftBox, .userContainer .userRightBox { width: 100%; float: left; margin: 0; padding: 25px; }
.userContainer .userLoginBtn, .userContainer .userSignBtn { float: left; width: 100%; }
.userContainer .uyeGirisBeniHatirla { margin: 20px 0; }
.userContainer .uyeGirisBeniHatirla input, .userContainer .uyeGirisBeniHatirla span { float: left; }
.userContainer .uyeGirisBeniHatirla input { width: 16px; height: 16px; margin-right: 10px; }
.userContainer .userPassBtn { margin: 20px 0; }

/* --- Sifremi Unuttum --- */
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum p { line-height: 25px; }
.pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum .userWrapper { float: left; margin-bottom: 20px; }

/* --- Uye Ol Basarili --- */
.userLogin { float: left; width: 100%; text-align: center; margin: 50px 0; }
.userLogin .newuserForm .uyelikonay.basariliUyelik { display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title { color: #000; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title:before { content: '\f00c'; font-family: 'FontAwesome'; display: block; font-size: 40px; color: #097d2d; font-weight: bold; margin-bottom: 10px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title h4 { font-size: 25px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title span { font-size: 15px; margin: 10px 0; display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik a { padding: 15px; display: inline-block; vertical-align: top; font-size: 14px; }

/* --- Taksit Secenekleri --- */
#divTaksitContainer { float: left; width: 100%; margin-top: 10px; }
.urunOzellik .taksitWrapper .taksitBlock .taksitBlockContent { max-width: 100%; }

/* --- Header-Footer --- */
#header:before { content: ''; display: table; }
#header:after { content: ''; display: table; }
.hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 10; clear: none; display: block !important; }
#header { width: 100%; position: relative; float: left; z-index: 1000; background: #fff; }
.headerContent:before { content: ''; display: block; clear: both; }
.headerContent:after { content: ''; display: block; clear: both; }

/* --- logo --- */
#logo { display: inline-block; vertical-align: top; float: left; }
#logo .logo { display: inline-block; vertical-align: top; margin: 0; }
#logo .logo img { display: block; max-width: 100%; }

/* --- headerButton --- */
.headerButton { float: right; margin-top: 30px; }
.favi { float: right; margin: 0 15px; }
.favi a { float: left; text-align: center; color: #000; font-size: 12px; line-height: 30px; fill: #000; }
.favi a .svgIcon { display: block; margin: 0 auto; line-height: 0; }
.favi a span { display: block; }

/* --- sepet --- */
.mycart { float: right; z-index: 99; position: relative; }
.mycart > a { display: block; color: #000; font-size: 12px; text-align: center; fill: #000; }
.mycart .svgIcon { display: block; margin: 0 auto; line-height: 0; }

/* --- sepettext --- */
.mycart .sepetTecxt { display: block; float: left; line-height: 30px; }
.mycart .sepetUrunSayisi { display: block; position: absolute; right: 0; top: -5px; width: 16px; height: 16px; line-height: 16px; background: #000; border-radius: 100%; color: #fff; font-size: 11px; }
.mycart .sepetUrun { display: none; }
.sepetTopTutar { display: none !important; }

/* --- sepetacilir --- */
.CartProduct p { margin-top: 0; margin-bottom: 0; }
.CartProduct { width: 450px; background: #fff; float: left; padding: 20px; z-index: 99999; position: absolute; top: 100%; right: -1px; margin-left: -150px; border: 1px solid #f0f0f0; border-radius: 3px; box-shadow: 0 0 16px -10px #000; opacity: 0; visibility: hidden; }
.mycart:after { display: none; position: absolute; left: 0; right: 0; bottom: -15px; height: 15px; content: ''; }
@media(min-width: 768px) {
  .mycart:hover .CartProduct { display: block !important; visibility: visible; opacity: 1; top: 100%; }
  .mycart:hover:after { display: block; }
}
.CartProduct:before, .CartProduct:after { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.CartProduct:before { border-color: transparent; border-bottom-color: #f0f0f0; border-width: 9px; margin-left: -9px; }
.CartProduct:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; right: 11px; }
.CartProduct ul { padding: 0; margin: 0; }
.CartProduct .SProduct { float: left; width: 100%; max-height: 288px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; }
.CartProduct .SProduct li { float: left; width: 100%; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.CartProduct .SProduct li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
.CartProduct .SProduct li a { float: left; width: 100%; text-align: left; color: #000; padding-right: 30px; }
.CartProduct .SProduct li a img { margin-right: 20px; float: left; height: 90px !important; }
.CartProduct .SProduct li a .SepettopAd { width: calc(100% - 110px); float: left; }
.CartProduct .SProduct li a .SepettopAd .urunAd { margin-bottom: 10px; }
.CartProduct .SProduct li a .SepettopAd .urunAd span { font-weight: 600; font-size: 15px; display: block; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block !important; }
.CartProduct .SProduct li a .SepettopAd .varyAd { margin-bottom: 5px; }
.CartProduct .SProduct li a .SepettopAd .varyAd span { font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet { margin-bottom: 10px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 14px; }
.CartProduct .SProduct li a .SepettopAd .sptAdet span:first-child { margin-left: 10px; }
.CartProduct .SProduct li a .sepetTopSatisBirimi { display: inline-block !important; vertical-align: middle; float: left; }
.CartProduct .SProduct li a .sepetTopFiyat { display: block !important; font-weight: 600; font-size: 16px; margin: 0; color: #000; line-height: 16px; }
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 50%; margin-top: -20px; width: auto !important; font-size: 15px; padding: 0; }
.CartProduct .SProduct li a .sepetTopBirimFiyat { display: none !important; }
.CartProduct .SProduct li a .fa-times { font-family: 'FontAwesome'; font-weight: 300; }
.CartProduct .SProduct li a .fa-times:before { content: '\f2ed'; }
.CartProduct .SPrice { float: left; width: 100%; font-size: 14px; font-weight: 600; padding: 10px 0; margin: 20px 0 10px; display: none; }
.CartProduct .SPrice li { font-size: 0; }
.CartProduct .SPrice li span { float: left; color: #000; font-size: 14px; text-transform: uppercase; }
.CartProduct .SPrice .sepetToplamTutar { float: right; text-align: right; font-size: 16px; }
.CartProduct .button { margin: 0 !important; float: left; width: calc(50% - 10px); font-size: 14px !important; line-height: 35px; border-radius: 0; padding: 0; text-transform: uppercase; font-weight: 600; }
.CartProduct .headerCartBtn { line-height: 45px; border: 1px solid #ccc; background: transparent; color: #000; }
.CartProduct .headerOrderBtn { line-height: 47px; float: right; }
.CartProduct .headerCartBtn:hover { color: #fff; }
.CartProduct.more .SPrice { display: block; }
.CartProduct.more .Title { display: block; }
.CartProduct.more .cart-footer { display: block; }
.CartProduct.more .headerCartBtn { display: block !important; }
.CartProduct.more .headerOrderBtn { display: block !important; }
.sepetimBody .mycart:hover .CartProduct { visibility: hidden; opacity: 0; top: 0; }
.sepetimBody .mycart:hover:after { display: none; }

/* --- hesabim --- */
.welcome { float: right; z-index: 99; position: relative; }
.welcome > div { float: left; }
.welcome ul { float: left; margin: 0; list-style: none; padding: 0; }
.uyeGirisWelcome, .uyeGirisUyeAdi { display: none; }
.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis { float: left; color: #000; font-size: 12px; line-height: 30px; }
.welcome .svgIcon { float: none; display: block; margin: 0 auto; line-height: 0; }

/* --- socialbutton --- */
.welcome li { display: inline-block; vertical-align: top; }
.headerSocialConnect { display: none !important; float: right; margin-left: 25px; }
.headerSocialConnect .baglanButton { background: transparent !important; border: none; margin: 0; padding: 0; line-height: 0; }
.headerSocialConnect .baglanButton a { line-height: 43px; color: #fff; text-indent: 0; font-size: 12px; font-weight: normal; padding: 0; }
.headerSocialConnect .baglanButton a:before { content: '\f39e'; font-family: 'FontAwesomeBrands'; margin-right: 10px; font-size: 12px; line-height: 43px; vertical-align: top; font-weight: normal; }
.usernav { display: none; }

/* --- Arama --- */
.searchContent { display: inline-block; vertical-align: top; width: 250px; position: relative; z-index: 5; }
#divAramaKategori { display: none !important; position: absolute; left: 0; top: 5px; }
#divAramaKategori select { cursor: pointer; background: #fff; display: block; height: 40px; border: none; border-right: 1px solid #000; width: 135px; padding: 0 0 0 15px; border-radius: 0; text-transform: uppercase; color: #807e7e; font-size: 12px; font-weight: 300; }
#divAramaKategori option { text-transform: capitalize; }
.search { float: left; width: 100%; position: relative; }
.ButtonMic { display: none !important; position: absolute; right: 75px; top: 1px; padding: 0; border: none; border-radius: 0; background: transparent; color: #795f52; font-size: 14px; width: 20px; height: 40px; }
#txtbxArama { float: left; width: 100%; height: 40px; font-size: 12px; font-weight: normal; border: none; color: #000; padding: 0 55px 0 15px; background: #fff; border-radius: 0; letter-spacing: 0; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#txtbxArama::-webkit-input-placeholder { color: #000; }
#txtbxArama:-moz-placeholder { color: #000; }
#txtbxArama::-moz-placeholder { color: #000; }
#txtbxArama:-ms-input-placeholder { color: #000; }
#txtbxArama:focus { color: #000; }
#btnKelimeAra { background: transparent; width: 55px; line-height: 40px; font-size: 14px; color: #000; font-weight: normal; text-align: center; text-transform: uppercase; position: absolute; right: 0; top: 0; border: none; border-radius: 0; padding: 0; cursor: pointer; z-index: 9; -moz-appearance: none; -webkit-appearance: none; }

/* --- menu --- */
.navigation { float: left; width: 100%; }
.navigation > div { z-index: 1; text-align: center; padding: 0 !important; }
.navigation .navUl { display: inline-block; font-size: 0; float: left; width: 100%; position: relative; padding: 0; margin: 0; }
.navigation .navUl ul { padding: 0; margin: 0; list-style: none; }
.navigation .navUl > li { display: inline-block; vertical-align: middle; }
.navigation .navUl > li > a { float: left; color: #000; font-size: 14px; line-height: 40px; }

/* --- menuacilir --- */
.navigation .altMenu { position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; display: none; }
.navigation .navUl > li:hover > .altMenu { display: block; }
.navigation .altMenu .altmenuSol > span { display: none; }
.navigation .altMenu .altMenuler { display: block; text-align: left; }
.navigation .altMenu .altMenuler .altMenuSag { float: right; }
.navigation .altMenu .altMenuler .altMenuSag > a > img { display: block; }
.navigation .altMenu .altMenuler .altmenuSol { float: left; width: 100%; }
.navigation .altMenu .altMenuler .altmenuSol ul { display: block; }
.navigation .altMenu .altMenuler .altmenuSol ul li { display: block; }
.navigation .altMenu .altMenuler .altmenuSol ul li li { float: left; clear: left; }
.navigation .altMenu .altMenuler .altmenuSol ul li a { display: block; }
.navigation .altMenu .altMenuler .altmenuSol ul li ul a:hover { text-decoration: underline; }
.navigation .altMenu.picTrue .altMenuler .altMenuSag { width: 320px; }
.navigation .altMenu.picTrue .altMenuler .altmenuSol { width: calc(100% - 320px); }

/* --- yanresimlimenu --- */
#header .yanResimliMenu { display: none; }

/* --- dilsecenegi --- */
#lang_flag_container { top: 0 !important; left: 0 !important; right: auto; bottom: auto; z-index: 9999 !important; position: relative !important; float: right; margin-left: 25px; }
#lang_flag_container:after { position: absolute; width: 100%; right: 0; top: 18px; height: 20px; content: ''; display: none; }
#lang_flag_container #lang-detail { display: none; left: auto !important; top: 100% !important; right: 0; border-top: none !important; box-shadow: 0 7px 10px -2px rgba(0, 0, 0, .3) !important; box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3); -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; transform: translateY(30px); }
#lang_flag_container:hover #lang-detail { display: block !important; visibility: visible; opacity: 1; -webkit-transform: none; transform: none; }
#lang_flag_container:hover:after { display: block; }
#lang { float: left; color: #000 !important; font-size: 14px !important; font-weight: normal; padding: 0 0 0 25px !important; line-height: 13px !important; }
#lang span { font-weight: normal; float: left; line-height: 13px !important; }
#lang_flag_container:hover #lang { color: #000 !important; font-weight: normal; }
#langHover { padding: 8.5px 0 !important; float: left; }
#langHover.white { background: transparent !important; }
a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; }
#lang-detail .language a { font-size: 11px !important; text-align: left; }
#lang-detail .currency a { font-size: 11px !important; }
#lang-detail p { font-size: 12px !important; }

/* --- Footer --- */
#footer { float: left; width: 100%; position: relative; background: #fff; }
.FooterSC { float: left; width: 100%; position: relative; }
.FooterTop { float: left; width: 100%; position: relative; }
.FooterMiddle { float: left; width: 100%; position: relative; }
.FooterBottom { float: left; width: 100%; position: relative; }

/* --- ebulten --- */
.ebultenDiv { float: left; position: relative; }
.ebultenGelecek { display: block; width: 100%; float: left; }
#divNewsLetter { float: left; width: 100%; position: relative; display: none; }
.ebultenGelecek #divNewsLetter { display: block; padding: 0; }
#divNewsLetter label { display: none; margin-bottom: 25px; text-align: center; color: #000; line-height: 1.2; font-size: 12px; }
#UpdatePanel1 { position: relative; float: right; width: 100%; margin-top: 40px; }
#txtbxNewsletterMail { height: 40px; font-size: 12px; color: #000; padding: 0 40px 0 10px; background: #fff; border: none; border-radius: 0; display: inline-block; width: 100%; text-align: left; font-weight: normal; opacity: 1; }
#txtbxNewsletterMail::-webkit-input-placeholder { color: #000; }
#txtbxNewsletterMail:-moz-placeholder { color: #000; }
#txtbxNewsletterMail::-moz-placeholder { color: #000; }
#txtbxNewsletterMail:-ms-input-placeholder { color: #000; }
#txtbxNewsletterMail:focus { color: #000; }
.ebultenDiv .newsbutton { color: #000; background: transparent; width: 40px; height: 40px; line-height: 40px; font-size: 13px; font-weight: 600; display: inline-block; position: absolute; right: 0; top: 0; text-align: center; border: none; border-radius: 0; padding: 0; margin: 0 !important; text-decoration: none; }
.ebultenDiv .newsbutton:hover { color: #000; background: transparent; }

/* --- footerlink --- */
#footer .linkler { float: left; width: 100%; position: relative; padding: 55px 0; }
#footer .linkler .blink { float: left; width: 100%; margin: 0; }
#footer .linkler .blink ul { margin: 0; padding: 0; list-style: none; }
#footer .linkler .blink > ul { float: left; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -webkit-justify-content: space-between; -ms-justify-content: space-between; }
#footer .linkler .blink > ul > li { float: left; }
#footer .linkler .blink > ul > li:last-child { margin-bottom: 0; }
#footer .linkler .blink > ul li { display: block; }
#footer .linkler .blink > ul >li> span { display: table; clear: left; font-size: 14px; color: #000; font-weight: normal; margin-bottom: 10px; position: relative; }
#footer .linkler .blink > ul >li> span .ackapabtn { display: none; }
#footer .linkler .blink > ul >li >ul { display: inline-block; vertical-align: top; }
#footer .linkler .blink > ul >li >ul >li >a { float: left; width: 100%; font-size: 12px; color: #000; font-weight: normal; margin-bottom: 10px; }
#footer .linkler .blink > ul >li >ul >li:last-child >a { margin-bottom: 0; }
#footer .linkler .blink > ul >li >ul >li >a:hover { text-decoration: underline; }
@media screen and (min-width:769px) {
  #footer .linkler .blink > ul >li >ul { display: inline-block !important; }
}

/* --- footersocial --- */
#footer .socialdiv { float: left; clear: left; }
#footer .socialdiv ul { padding: 0; margin: 0; list-style: none; }
#footer .socialdiv ul li { float: left; margin-right: 20px; }
#footer .socialdiv ul li:last-child { margin-right: 0; }
#footer .socialdiv ul li a { float: left; color: #c4c4c4; font-size: 17px; }
#footer .socialdiv ul li a i { display: inline-block; vertical-align: top; line-height: 17px; }

/* --- store --- */
#footer .store { float: left; clear: left; }
#footer .store ul { padding: 0; margin: 0; list-style: none; }
#footer .store ul li { float: left; margin-right: 20px; }
#footer .store ul li:last-child { margin-right: 0; }
#footer .store ul li a { float: left; color: #c4c4c4; font-size: 17px; }
#footer .store ul li a i { display: inline-block; vertical-align: top; line-height: 17px; }

/* --- yukaribtn --- */
#back-to-top { float: right; position: fixed; right: 5px; bottom: 5%; z-index: 9999; display: none; }
#back-to-top a { float: left; width: 40px; height: 40px; border-radius: 100%; background: #fff; fill: #212121; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: none; display: none; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border: 1px solid #D3D3D3; }
#back-to-top a svg { height: 14px; }

/* --- Footer --- */

/* --- Vitrin urunleri --- */
.homeContainer .ProductListContent { float: left; width: 100%; margin: 30px 0; position: relative; }
.homeContainer .ProductListContent .ProductList { display: block; margin: 0 auto; }
.homeContainer .ProductListContent .ItemOrj { padding: 0 10px; margin-bottom: 20px; width: 25%; max-width: 25%; }
.homeContainer .ProductListContent .productItem { margin-bottom: 0; }

/* --- URUN KART --- */
.categoryContainer .ProductList.PlSc_hrz .ItemOrj { width: 100%; max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
.categoryContainer .ProductList.PlSc_2 .ItemOrj { width: 50%; max-width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
.categoryContainer .ProductList.PlSc_3 .ItemOrj { width: 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
.categoryContainer .ProductList.PlSc_4 .ItemOrj { width: 25%; max-width: 25%; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }
.categoryContainer .ProductList.PlSc_5 .ItemOrj { width: 20%; max-width: 20%; -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; }
.ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductList { margin: 0 -5px; }
.categoryContainer .ProductListContent .productItem { margin-bottom: 10px; }
.ItemOrj { float: left; padding: 0 5px; width: 25%; max-width: 25%; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }

/* --- urun --- */
.productItem { width: 100%; position: relative; text-align: center; display: inline-block; float: left; }
.productItem .productIcon { width: 100%; float: left; }

/* --- urunresim --- */
.productItem .productImage { position: relative; overflow: hidden; width: 100%; padding: 0; float: left; border-radius: 8px; }
.productItem .productImage a, body .productItem .productImage a.Videolu { display: block; position: relative; padding-bottom: 150%; }
.productItem .productImage img, .productItem .productImage .Videolu video { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; }

/* --- urunaciklama --- */
.productItem .productDetail { display: block; float: left; width: 100%; text-align: left; padding: 15px 0 10px 0; }

/* --- urunad --- */
.productItem .productName { position: relative; margin: 0 0 10px 0 !important; display: block !important; float: left !important; width: 100% !important; clear: both !important; }
.productItem .productName a { display: block !important; float: none !important; width: 100%; padding: 0; margin-bottom: 5px; line-height: 1.4; min-height: 55px; height: auto; font-weight: 700; font-size: 13px; font-family: var(--mx-font) !important; color: #4a5356; white-space: normal; }

/* --- urunfiyat --- */
.productItem .productPrice { display: inline-block; vertical-align: top; position: relative; bottom: 0px; float: right; }
.productItem .discountPrice { display: block; float: right; }
.productItem .discountPrice span { color: #333; font-size: 14px; line-height: 25px; font-weight: 700; font-family: var(--mx-font) !important; }
.productItem .discountKdv, .productItem .regularKdv { display: none; }
.productItem .regularPrice { display: block !important; float: left; margin-right: 10px; }
.productItem .regularPrice span { font-size: 13px; color: #a4afb3; text-decoration: line-through; line-height: 25px; font-weight: 400; font-family: var(--mx-font) !important; }

/* --- urunpuan --- */
.productItem .productPoints { float: left; width: 100%; clear: both !important; margin-bottom: 12px; height: 22px; }

/* --- 2. Yıldız Grubu --- */
.productItem .productPoints .rating { margin: 0; display: flex; align-items: center; }

/* --- 3. Yıldız İkonları (Büyük ve Estetik) --- */
.productItem .productPoints .rating i { color: #e0e0e0; font-size: 20px !important; margin-right: 2px; font-weight: 400 !important; line-height: 1; }
.productItem .productPoints .rating i:last-child { margin-right: 0; }

/* --- 4. Dolu Yıldız Renkleri --- */
.productItem .productPoints [data-rating^='1'] .star-1, .productItem .productPoints [data-rating^='2'] .star-1, .productItem .productPoints [data-rating^='2'] .star-2, .productItem .productPoints [data-rating^='3'] .star-1, .productItem .productPoints [data-rating^='3'] .star-2, .productItem .productPoints [data-rating^='3'] .star-3, .productItem .productPoints [data-rating^='4'] .star-1, .productItem .productPoints [data-rating^='4'] .star-2, .productItem .productPoints [data-rating^='4'] .star-3, .productItem .productPoints [data-rating^='4'] .star-4, .productItem .productPoints [data-rating^='5'] i { color: #fbc02d !important; }

/* --- RAKAM TAMAMEN KALDIRILDI --- */
.productItem .productPointTxt { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }

/* --- Urun Iconlari --- */
.favori, .examineIcon, .discountIcon div, .discountIcon .discountIcon_s2, .mycartIcon { z-index: 3; display: none; }
.favori a, .examineIcon a, .mycartIcon a { display: block; }

/* --- tukendi --- */
.TukendiIco { z-index: 5; border-radius: 0; background: transparent; position: absolute; right: 0; left: 0; top: 0; height: 100%; overflow: hidden; }
.TukendiIco span { line-height: 40px; background: rgba(255,255,255,0.8); position: absolute; left: 0; bottom: 50%; right: 0; max-width: 200px; border: none; color: #000; font-size: 13px; font-weight: normal; padding: 0; border-radius: 0; text-transform: uppercase; margin: 0 auto; }

/* --- stokyok --- */
.StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none !important; }

/* --- playbuton --- */
body .productItem .divVideoPlayButton { position: absolute; right: 0; left: 0; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto; overflow: hidden; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay { color: #fff; float: left; width: 100%; height: 100%; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i { font-family: 'FontAwesome'; font-weight: 300; font-size: 40px; display: inline-block; vertical-align: top; margin-top: 0; text-shadow: 0 0 4px #848484; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before { content: '\f144'; }
body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before { content: '\f28b'; }

/* --- ekbutonlar --- */
.productItem .urunListeAdet, .productItem.StokYok .urunListeAdet, .boxBedenlerContent, .productIcon .quickViewIco, .productItem:hover .productIcon .quickViewIco { display: none !important; }

/* --- KATEGORi --- */
.Block_Title { display: none; }
.noProduct { background: url('/Uploads/Images/urunyok.png') center center no-repeat !important; width: 212px; height: 214px; }
.noProduct * { display: none !important; }
#divUstFiltreKategori { display: none; }
#divUstFiltreMarka { display: none; }

/* --- breadcrumb --- */
.breadList.breadActive { display: none !important; }
.breadcrumbContent { float: left; }
body ul.breadcrumb { margin: 0 auto; display: block !important; padding: 0; border-radius: 0; float: none; list-style: none; clear: none; max-width: 100% !important; }
body ul.breadcrumb * { color: #A4A4A4; font-size: 12px !important; line-height: 14px !important; float: left; font-weight: normal; }
body ul.breadcrumb li { font-size: 0 !important; float: none !important; vertical-align: middle; }
body ul.breadcrumb li:after { content: '/'; display: inline-block; margin: 0 5px; color: #A4A4A4; font-size: 12px; line-height: 14px; float: left; font-weight: normal; }
body ul.breadcrumb li:nth-last-of-type(1):after { display: none; }
body ul.breadcrumb li:nth-last-of-type(1) * { font-weight: 700; }
body a#linkOncekiSayfa { line-height: 30px; display: block; color: #000; font-size: 12px !important; font-weight: normal; display: none; }
.leftImage a#linkOncekiSayfa { display: none; }

/* --- ustalan --- */
.categoryTitleText { float: left; width: 100%; margin: 20px 0; }
.categoryTitle { float: left; width: 100%; }
body #divSayfalamaUst { float: right; margin: 70px 0 25px; padding: 0; text-align: center; }
.urunListRel { width: 100%; float: left; position: relative; }
.brandlistselection { display: inline-block; vertical-align: top; float: left; margin: 0; width: 100%; }
.brandlistselection .clear { clear: none; display: none; }
.brandlistselection ul { padding: 0; margin: 0; list-style: none; }
.brandlistselection .sortingContent { background: none; border-top: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4; }
.brandlistselection .sortingContent li { float: right; background: transparent; border-radius: 0 !important; }
.brandlistselection .sortingContent li a { background: transparent; border-radius: 0 !important; padding: 19.5px 6px; }
.brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); padding: 0; text-indent: 0; }
.blockSelect .sort_hrz { display: none; }
.blockSelect .sort_2 { display: none; }
.blockSelect .sort_5 { display: none; }
.category-vertical-filters .vertical-filter-panel .list-group { list-style: none; padding: 0; margin: 0; }
.category-vertical-filters .vertical-filter-panel .list-group ul { list-style: none; padding: 0; margin: 0; }
body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst { display: none; }
body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo { display: none; }
body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn { display: none; }
body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum { display: none; }

/* --- filtresecili --- */
body #divSayfalamaUst .filterDeleteContent { float: left; margin: 10px 0 0; padding: 0; width: 100%; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter { padding: 0; margin: 0 15px 0 0; height: auto; background: transparent; border: 1px solid #666; width: auto; border-radius: 0; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a { width: 25px; margin: 0; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i { font-family: 'FontAwesome'; line-height: 30px; color: #040404; font-size: 15px; font-weight: 300; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before { content: '\f00d'; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span { color: #666; font-size: 12px; text-align: left; margin-top: 7px; font-weight: normal; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span { color: #666; margin-top: 3px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir { display: block; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a { width: 100%; background: transparent; line-height: 1; margin: 0; padding: 0 5px; }
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span { line-height: 30px; font-weight: normal; font-size: 12px; text-align: center; margin: 0; width: 100%; }

/* --- sayfalama --- */
.brandlistselectionBottom { margin-bottom: 0; display: none; }
#divSayfalamaAlt { width: 100%; margin: 0; }
.pageNumber { float: right; text-align: right; margin: 0; display: none; }
.pageNumberBottom { float: right; text-align: center; margin: 50px 0; padding: 0; width: 100%; display: block; vertical-align: middle; }
.pageNumberContent, .pageBorder { display: inline-block; vertical-align: top; border: 1px solid #D3D3D3; border-radius: 3p; }
.pageNumberContent a, .pageBorder a { min-width: 48px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 400; color: #767676; background: transparent; border-radius: 0; border: none; float: left; position: relative; display: block; text-align: center; margin: 0; }
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled { opacity: 1 !important; }
.pageNumberContent a:hover, .pageBorder a:hover { color: #212121; }
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa { color: #212121; font-weight: 600; }
.KategoriFilitrelemeContent .Block_Title { display: none; }

/* --- kategoriAciklama --- */
.categorydesign { float: left; width: 100%; max-width: 1920px; }
.categorydesign .Blok { margin: 0; }
.leftBlock .categorydesign { display: block; }
.categorydesign strong { font-weight: bold; }
.categorydesign strong * { font-weight: bold; }
.categorydesign img { display: inline-block; vertical-align: middle; }

/* --- KATEGORi --- */

/* --- URUN DETAY --- */
.RightDetail > .clear { clear: none; }
.ProductDetailMain { float: left; width: 100%; }
.ProductDetailMainRow { float: left; width: 100%; }
.TopDet { float: left; width: 100%; position: relative; margin: 0; }
.leftImage { width: 50%; float: left; position: relative; padding: 0 10px 0 0; }
.RightDetail { width: 50%; float: left; position: relative; padding: 15px 15px 15px 10px; }

/* --- Urun Resim --- */
.leftImage .ProductGallery { float: left; width: 100%; }
.leftImage .ProductGallery .gallery-container { float: left; width: 100%; position: relative; }
.leftImage .ProductGallery .gallery-container .GalleryArea { float: right; width: 100%; margin: 0; padding: 0; display: none; }
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb { float: left; width: 100%; border: none; background: transparent; height: 100%; display: block; position: static; }
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list { float: left; width: 100%; padding: 0; margin: 0; overflow-y: auto; overflow-x: hidden; max-height: 100%; }
.leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item { float: left; clear: left; width: 100%; margin-bottom: 15px; }
.leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots { display: none; }
.UrunDetayLeft { margin: 0 !important; overflow: hidden; }
.Images, #divVideoGoruntulemeAlan { float: right; width: 500px; padding-bottom: 150%; position: relative; display: none !important; }
.Images img, #vdUrunVideo { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages { display: block !important; float: left; width: 100%; }
.SmallImages div { float: left; width: 100%; margin-bottom: 5px; }
.SmallImages div img { max-width: 100%; max-height: 100%; }
.leftImage .productTimer { display: none !important; }
.DetayYeniUrun { display: none !important; }

/* --- sagalan --- */
.RightDetail .TopList { float: left; width: 100%; position: relative; }
.RightDetail .MiddleList { float: left; width: 100%; position: relative; }
.RightDetail .BottomList { float: left; width: 100%; position: relative; }

/* --- urunadi --- */
.ProductName { float: left; position: relative; margin: 0; width: calc(100% - 300px); }
.ProductName h1 { margin: 0; float: left; width: 100%; }
.ProductName h1 span { float: left; width: 100%; display: inline-block; color: #212121; font-size: 32px; font-weight: 400; }

/* --- stokkodu --- */
#divUrunKodu { float: left; clear: left; color: #A4A4A4; font-size: 13px; font-weight: normal; line-height: n; padding: 0; margin: 10px 0 0; }
#divUrunKodu span { display: inline-block; vertical-align: top; color: #A4A4A4; font-size: 13px; font-weight: normal; position: relative; line-height: normal; float: left; }
#divUrunKodu span:after { content: ':'; margin: 0 4px; }

/* --- taksitaciklama --- */
#divTaksitAciklama { display: block; float: left; clear: left; margin-top: 10px; }
#divTaksitAciklama .taksitSatir { color: #000; font-size: 14px; line-height: 14px; }

/* --- paunver --- */
.RightDetail .puanVer { float: left; clear: left; }
.RightDetail #PuanVer { float: left; margin-top: 10px; }
.RightDetail .PuanVerSag { float: left; color: #000; font-size: 15px; line-height: 15px; margin: 10px 0 0 10px; }
.RightDetail ul.rating { float: left; padding: 0; margin: 0; list-style: none; }
.RightDetail ul.rating li { float: left; margin-right: 0; width: auto; height: auto; padding: 0 2px 0 0; font-size: 0; }
.RightDetail ul.rating li i.starItem { font-size: 15px; line-height: 15px; height: auto; font-weight: 300; font-family: 'FontAwesome'; position: static; }
.RightDetail ul.rating li i.starItem:before { content: '\f005'; }
.RightDetail ul.rating li i.starItem:hover { font-size: 15px; font-weight: 600; }
.RightDetail ul.rating li.filled i { font-weight: 600; }
.RightDetail .rating-stars ul>li.star.hover>i.fa { font-weight: 600; }
.RightDetail .rating-stars ul>li.star.selected>i.fa { font-weight: 600; }
.RightDetail ul.rating li i.starItem, .RightDetail ul.rating li.filled i, .RightDetail .rating-stars ul>li.star.hover>i.fa, .RightDetail .rating-stars ul>li.star.selected>i.fa { color: #ff8a00; }

/* --- markaresmi --- */
.markaresmi { float: left; position: relative; z-index: 1; display: none !important; }
.markaresmi a { float: left; }
.markaresmi img { max-width: 100%; float: left; }

/* --- magazastok --- */
#divMagazaStok { float: left; clear: left; margin: 10px 0 0 !important; }
#divMagazaStok a { display: inline-block; vertical-align: top; color: #000; font-size: 14px; font-weight: normal; line-height: 14px; }

/* --- on yazi --- */
#divOnyazi { float: left; width: 100%; }
#divOnyazi .teksatir { margin-top: 10px; float: left; width: 100%; }
#divOnyazi h2 { font-weight: normal; font-size: 100%; }
#divOnyazi * { font-family: 'Archivo', sans-serif !important; }
#divOnyazi strong { font-weight: bold; }
#divOnyazi strong * { font-weight: bold; }
#divOnyazi i { font-family: 'FontAwesome' !important; margin-right: 12px; }

/* --- fiyatlar --- */
.PriceList { float: right; position: relative; width: auto; padding: 0; margin: 0; }
#pnlFiyatlar { display: inline-block; vertical-align: top; float: left; }
#divIndirimliFiyat { display: block; }

/* --- ekbilgi --- */
#divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi, #divIndirimOrani { float: left; clear: left; margin-top: 15px; line-height: normal; }
#divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line, #divIndirimOrani .left_line { display: inline-block; vertical-align: top; color: #A4A4A4; font-size: 13px; font-weight: normal; line-height: normal; }
#divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line, #divIndirimOrani .center_line { display: inline-block; vertical-align: top; color: #A4A4A4; font-size: 13px; font-weight: normal; line-height: normal; }
#divMarka .right_line, #divMarka .right_line *, #divTedarikci .right_line, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line, #divTahminiTeslimatSuresi .right_line, #divIndirimOrani .indirimliOrani, #divIndirimOrani .indirimliOrani * { display: inline-block; vertical-align: top; color: #A4A4A4; font-size: 13px; font-weight: normal; line-height: normal; width: auto; }

/* --- piyasa fiyati --- */
.PiyasafiyatiContent { display: block; float: left; margin-right: 10px; }
.PiyasafiyatiContent .left_line, .PiyasafiyatiContent .center_line { display: none; }
.PiyasafiyatiContent .right_line { display: inline-block; vertical-align: top; }
.PiyasafiyatiContent .right_line * { display: inline-block; vertical-align: top; font-weight: normal; text-decoration: line-through; }
.PiyasafiyatiContent .right_line .spanKdv { display: none !important; vertical-align: top; }

/* --- indirimli fiyati --- */
.IndirimliFiyatContent { display: block; float: left; }
.IndirimliFiyatContent .left_line, .IndirimliFiyatContent .center_line { display: none; }
.IndirimliFiyatContent .right_line { display: inline-block; vertical-align: top; }
.IndirimliFiyatContent .right_line * { display: inline-block; vertical-align: top; }
.IndirimliFiyatContent .right_line .spanKdv { display: none !important; vertical-align: bottom; font-size: 12px; line-height: 1; }

/* --- turk lirasi fiyati --- */
#divTurkLirasiFiyat { display: block; }
#divTurkLirasiFiyat .left_line, #divTurkLirasiFiyat .center_line { display: none; }
#divTurkLirasiFiyat .right_line { display: inline-block; }
#divTurkLirasiFiyat .right_line * { display: inline-block !important; vertical-align: top; }

/* --- indirimsiz fiyati --- */
#divIndirimsizFiyat { display: block; }
#divIndirimsizFiyat .left_line, #divIndirimsizFiyat .center_line { display: none; }
#divIndirimsizFiyat .right_line { display: inline-block; font-weight: normal; }
#divIndirimsizFiyat .right_line * { display: inline-block !important; vertical-align: top; }
#divIndirimsizFiyat .right_line .spanKdv { display: none !important; vertical-align: top; }

/* --- kdv dahil fiyati --- */
#divKDVDahilFiyat { display: block; float: left; margin-top: 8px; }
#divKDVDahilFiyat .left_line { display: inline-block; vertical-align: top; font-weight: normal; margin-right: 5px; }
#divKDVDahilFiyat .center_line { display: none; }
#divKDVDahilFiyat .right_line * { display: inline-block !important; vertical-align: top; }

/* --- fiyatrenk --- */
.PiyasafiyatiContent .right_line * { color: #212121; font-size: 32px; }
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line, #divIndirimsizFiyat .left_line { color: #212121; }
.IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line * { font-size: 32px; font-weight: normal; }
#divKDVDahilFiyat .left_line, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .left_line, .IndirimliFiyatContent, .IndirimliFiyatContent .right_line *, .PiyasafiyatiContent, .PiyasafiyatiContent .right_line *, #divTurkLirasiFiyat, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat, #divKDVDahilFiyat { line-height: normal; }

/* --- Stok yok --- */
body #divStokYok { float: left; width: 100%; margin: 20px 0 0; font-size: 14px; color: #000; font-weight: normal; text-align: center; padding: 5% 0; background-color: #f2f5f6; border-radius: 0; }
body #divStokYok:before { content: '\f057'; font-family: 'FontAwesome'; font-weight: 300; width: 100%; float: left; font-size: 30px; margin-bottom: 20px; }

/* --- Urun ekstrabilgileri --- */
#divEkstraBilgiler { float: left; clear: left; margin-top: 10px; }
#divEkstraBilgiler img { max-width: 100%; display: block; }
.btnnostok i.fa { font-family: 'FontAwesome'; }

/* --- varyasyonlar --- */
#divUrunEkSecenek { float: left; width: 100%; position: relative; margin-top: 41px; }
#divUrunEkSecenek .eksecenekLine { clear: none !important; margin: 0 0 10px; float: left; width: 100%; position: relative; }
#divUrunEkSecenek .eksecenekLine:last-child { margin-bottom: 0 !important; border: none; padding-bottom: 0; }
#divUrunEkSecenek .eksecenekLine .left_line { float: left; width: 100%; line-height: normal; color: #212121; font-size: 12px; font-weight: bold; text-transform: none; margin-bottom: 10px; }
#divUrunEkSecenek .eksecenekLine .center_line { display: none; }
#divUrunEkSecenek .eksecenekLine .right_line { display: inline-block; vertical-align: top; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box { float: left; cursor: pointer; text-align: center; font-size: 14px; position: relative; color: #212121; font-weight: normal; margin-right: 10px; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display: block; }

/* --- selectvaryasyon --- */
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line { width: 100%; }
#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select { min-width: 100%; float: left; height: 40px; border: 1px solid #e5e5e5; color: #000; font-size: 14px; font-weight: normal; padding: 0 0px; background: #fff; border-radius: 0; }

/* --- resimlivaryasyon --- */
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box { width: 25px; border-radius: 50%; overflow: hidden; }
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected { border: 1px solid #000; }

/* --- kutuvaryasyon --- */
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line { width: 100%; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box { min-width: calc(100% / 6); height: 50px; line-height: 48px; text-align: center; border: 1px solid #c0c0c0; border-radius: 0; padding: 0 4px; margin: 2px; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child { margin-right: 0; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover { color: #fff; background: #535e61; }
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected { color: #fff; background: #616c70; }

/* --- stokyokvaryasyon --- */
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative; background: #f5f3f3 !important; color: #7a7979 !important; border-color: #e4dfdd; }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after { content: ''; height: 1px; max-width: 65px; margin: 0 auto; background: #cecece; left: 0; right: 0; top: 50%; position: absolute; transform: rotate(140deg); -webkit-transform: rotate(140deg); }

/* --- ilgili Urunler --- */
#IlgiliUrunDiv { float: left; width: 100%; }
.TopDet #IlgiliUrunDiv { display: block; float: left; width: 100%; margin: 0; padding: 0; }
.TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; margin: 0; background: transparent; border: none; }
.TopDet #IlgiliUrunDiv .JKatAdi { float: left; width: 100%; margin: 0 !important; padding: 0 !important; text-align: left; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold { padding: 0; margin: 0; text-align: left; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold:before { display: none; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold:after { display: none; }
.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1 { background: transparent; padding: 0 !important; margin: 0; border: none; font-size: 13px; line-height: 40px; font-weight: normal; color: #000; }
.TopDet #IlgiliUrunDiv .clear { display: none; }
.TopDet #IlgiliUrunDiv ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none; }
.TopDet #IlgiliUrunDiv ul li { float: left; width: 50px; margin-right: 10px; margin-bottom: 10px; border-radius: 0; overflow: hidden; }
.TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0; box-shadow: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productTimer { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productImage { padding: 0; }
.TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productIcon { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet { display: none !important; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail { padding: 0; margin: 0; display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .productName { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco { display: none; }
.TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent { display: none !important; }

/* --- satinal --- */
#divSatinAl { float: left; width: 100%; margin: 25px 0 8px 0; padding: 0; }
.BasketBtn { float: left; position: relative; width: 100%; }
#divAdetCombo .right_line, .RightDetail .riSingle { width: 90px; }
#txtbxurunSiparisAdedi, #divAdetCombo select, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown, .basketBtn input, .buyfast input { height: 45px !important; }
.Basketinp p, #divKombinSatinAl a, #divAdetCombo .left_line, .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown { line-height: 40px; }

/* --- Adet Select --- */
#divAdetCombo { float: left; clear: left; }
#divAdetCombo .center_line { display: none !important; float: left; }
#divAdetCombo .right_line { float: left; max-width: 100% !important; }
#divAdetCombo select { width: 100%; padding: 0 10px; text-align: left; }

/* --- Adet input --- */
.RightDetail .riSingle { position: relative; display: inline-block; vertical-align: top; border-radius: 0; }
.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown { width: 30px !important; font-size: 0; background: transparent; top: 0; font-weight: normal; position: absolute; margin: 0 !important; float: left; cursor: pointer; text-indent: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.RightDetail .riSingle a.riUp svg, .RightDetail .riSingle a.riDown svg { width: 10px; }
.RightDetail .riSingle a.riUp path, .RightDetail .riSingle a.riDown path { fill: #616c70; }
.RightDetail .riSingle a.riUp { left: auto; right: 0; }
.RightDetail .riSingle a.riDown { left: 0; }

/* --- adetveselect --- */
.Basketinp { float: left; clear: left; }
.BasketBtn .pSatisBirimi, .BasketBtn .left_line.lineTitle2 { color: #000; font-size: 14px; font-weight: normal; margin: 0; float: left; clear: left; line-height: 40px; }
#txtbxurunSiparisAdedi_wrapper { float: left; width: 100% !important; position: relative; padding: 0 !important; }
#txtbxurunSiparisAdedi { width: 100% !important; text-align: center; display: inline-block; padding: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#txtbxurunSiparisAdedi, #divAdetCombo select { background: #fff; color: #616c70; border: 1px solid #c0c0c0; font-size: 16px; font-weight: 500; float: left; margin: 0; border-radius: 0; }

/* --- sepete Ekle --- */
#divKombinSatinAl, .basketBtn, .buyfast { float: left; margin: 0; }
#divKombinSatinAl a, .buyfast input, .basketBtn input { color: #fff; font-weight: 500; font-size: 21px; width: 100%; display: inline-block; vertical-align: top; padding: 0; margin-top: 12px; letter-spacing: 0; border: none; border-radius: 0; text-transform: none; -moz-appearance: none; -webkit-appearance: none; }
.basketBtn { width: 100%; }

/* --- Hemen Al --- */
.buyfast { width: 100%; margin: 20px 0 0 0; display: none; }

/* --- kombin Al --- */
#divKombinSatinAl { margin: 20px 0 0 0; width: 100%; }
#divKombinSatinAl a { font-size: 14px; margin: 0 !important; }

/* --- Iconlar --- */
.ProductIcon { float: left; width: 100%; display: none; }
.ProductIcon .box1 { padding: 0; margin: 0; min-width: 0; background: transparent; display: inline-block; vertical-align: top; color: #767676; font-size: 13px; font-weight: 3; }
.ProductIcon .box1 i { display: none; }
.ProductIcon .boxIcon { fill: #767676; width: auto; height: 19px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; margin-right: 5px; }
.ProductIcon .boxIcon svg { height: 19px; }
.ProductIcon > div { float: left; position: relative; margin-right: 50px; width: auto; margin-bottom: 10px; }
.ProductIcon > div > a { float: left; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: flex-start; -webkit-justify-content: flex-start; padding: 0; background: none !important; color: #767676; font-weight: 300; font-size: 13px; }

/* --- yazdiryorumtavsiye --- */
.ProductIcon2 { float: left; width: 100%; }
.ProductIcon2 .clear { display: none; }
.ProductIcon2 #divSocialButtons { width: 100%; }
.ProductIcon2 > div { float: left; width: 33.33%; margin-bottom: 15px; position: relative; }
.ProductIcon2 > div > a { margin: 0; padding: 0; font-size: 14px; background: transparent; color: #000; float: left; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: flex-start; -webkit-justify-content: flex-start; }
.ProductIcon2 > div > a:hover { color: #000; background: transparent !important; }
.ProductIcon2 .boxIcon { fill: #000; width: 50px; height: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.ProductIcon2 .boxIcon svg { height: 22px; }

/* --- paylas --- */
.TopDet .product_social_icon_wrapper { float: left; width: 100%; display: block !important; font-size: 0; margin-top: 10px; }
.TopDet .product_social_icon_wrapper .PaylasTit { float: left; color: #000; font-size: 14px; font-weight: 600; line-height: 30px; margin-right: 10px; }
.TopDet .product_social_icon_wrapper ul { display: inline-block; vertical-align: top; list-style: none; padding: 0; margin: 0; }
.TopDet .product_social_icon_wrapper ul li { float: left; margin-right: 10px; }
.TopDet .product_social_icon_wrapper ul li:last-child { margin-right: 0; }
.TopDet .product_social_icon_wrapper ul li a { float: left; fill: #fff; background: #000; font-size: 14px; border-radius: 100%; text-align: center; width: 30px; height: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.TopDet .product_social_icon_wrapper ul li a svg { width: 15px; }
.TopDet .product_social_icon_wrapper ul li:nth-child(1) a { background: #3b5999; }
.TopDet .product_social_icon_wrapper ul li:nth-child(2) a { background: #55acee; }
.TopDet .product_social_icon_wrapper ul li:nth-child(3) a { background: #bd081c; }
.TopDet .product_social_icon_wrapper .UWhatsApp { float: left; margin-right: 0; }
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp { float: left; color: #fff; background: #6dc33a; font-size: 0; border-radius: 100%; text-align: center; width: 30px; }
.TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp i { line-height: 30px; display: inline-block; vertical-align: top; font-size: 14px; }

/* --- whatsapp --- */
.socialButons { float: right !important; width: 100%; position: relative; margin: 0 !important; }
.socialButons iframe { float: left; }
.product-social { float: left; margin-right: 10px; }
.product-social span { float: left; line-height: 32px; display: inline-block; color: #000; font-size: 12px; font-weight: 300; margin-right: 5px; }
.product-social ul { float: left; }
.product-social ul li { float: left; margin-right: 13px; }
.product-social ul li a { display: block; color: #323232; font-size: 18px; }

/* --- urun ozellik Bolumu --- */
.urunOzellikTab { display: none; }
.urunOzellik { float: left; width: 100%; margin: 5px 0 15px; display: block; }
.urunOzellik .urunTab { float: left; width: 100%; border-top: 1px solid #212121; }
.urunOzellik .urunTab ul { display: inline-block; vertical-align: top; float: left; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: space-between; }
.urunOzellik .urunTab >ul > li { float: left; }
.urunOzellik .urunTab >ul > li:last-child { margin-right: 0; }
.urunOzellik .urunTab >ul > li > a { cursor: pointer; color: #A4A4A4; font-size: 14px; float: left; font-weight: 500; text-transform: uppercase; line-height: 55px; }
.urunOzellik .urunTab >ul > li > a span { font-weight: normal; }
.urunOzellik .urunTab >ul > li.active > a { color: #212121; }
.urunDetayPanel { float: left; width: 100%; clear: none !important; border: none; padding: 15px 0; }
.urunTabAlt strong { font-weight: bold; }
.urunTabAlt #txtOneriMail { margin: 0; height: 30px; padding: 0 10px; width: 100% !important; border-width: 1px; }
.urunTabAlt #txtOneriNot { margin: 0; padding: 10px; width: 100% !important; background: #fff; }
.urunTabAlt { font-family: 'Archivo',sans-serif !important; padding: 0; float: left; width: 100%; font-size: 14px; color: #212121; line-height: 1.5; height: auto !important; min-height: 0 !important; max-height: 500px !important; overflow-y: auto !important; }
.urunTabAlt * { font-family: 'Archivo',sans-serif !important; }
.urunTabAlt i { font-family: 'FontAwesome' !important; }
.urunTabAlt img { max-width: 100% !important; }
.urunTabAlt iframe { max-width: 100% !important; }
.urunTabAlt .button { padding: 10px 5px; color: #fff; }
.tabUrunOneriler ul { list-style: none; padding: 0; margin: 0; }
.tabUrunOneriler ul li { float: left; width: 100%; }
.oneriValidate .validate { top: 0; padding: 5px; }
.urunTabAlt ul li { margin-bottom: 5px; clear: both; }
.urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; }
.urunTabAlt ul li label { float: left; width: auto !important; line-height: normal; }
.urunTabAlt ul li input[type="checkbox"] { margin-top: 0; }

/* --- Etiketler --- */
#divEtiketler { float: left; width: 100%; padding: 0 20px 20px; margin: 50px 0 0; background: #fff; text-align: center; }
#divEtiketler .productModuleTitle { float: left; color: #202122; font-size: 15px; font-weight: bold; width: 100%; text-align: center; line-height: 30px; margin: 10px 0; }
#divEtiketler a { color: #696d71; font-size: 13px; }
#divEtiketler a:hover { text-decoration: underline; }

/* --- Slider Alanlar --- */

/* --- Baslik --- */
#mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative; width: 100%; padding: 0 !important; margin: 0 0 25px !important; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display: block; float: left; width: 100%; text-align: left; position: relative; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1 { line-height: normal; color: #212121; font-size: 20px; font-weight: 400; display: inline-block; vertical-align: top; padding: 0 !important; position: relative; z-index: 1; text-transform: u; }

/* --- ilerigeributon --- */
#divInstashopResim .owl-carousel .owl-nav { display: block !important; }
#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav { z-index: 2; position: absolute; right: 0; left: 0; top: 40%; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev { left: 0; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .InstaGallerynext { right: 0; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext, #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext { background: #fff; border-radius: 0; border: none; width: 30px; height: 30px; cursor: pointer; text-align: center; position: absolute; font-size: 0; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .InstaGalleryprev:before, .owl-carousel .owl-nav .ProductListprev:before { content: '\f177'; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before, .owl-carousel .owl-nav .InstaGallerynext:before, .owl-carousel .owl-nav .ProductListnext:before { content: '\f178'; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListnext:before, .owl-carousel .owl-nav .InstaGalleryprev:before, .owl-carousel .owl-nav .InstaGallerynext:before, #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before { font-family: 'FontAwesome'; font-size: 16px; line-height: normal; color: #666666; font-weight: 400; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover:before, .owl-carousel .owl-nav .InstaGalleryprev:hover:before, .owl-carousel .owl-nav .ProductListprev:hover:before, #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover:before, .owl-carousel .owl-nav .InstaGallerynext:hover:before, .owl-carousel .owl-nav .ProductListnext:hover:before { color: #212121; }
#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots { display: none; float: left; width: 100%; text-align: center; margin-top: 20px; }
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot { width: 12px; height: 12px; background: #fff; border: 1px solid #616c70; margin: 0px 0px 25px 5px; border-radius: 100%; display: inline-block; vertical-align: top; }
#mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot.active { background: #616c70; }

/* --- urunslider --- */
.sliderBannerContainer { float: left; width: 100%; position: relative; margin: 0; }
.sliderBannerContainer .Block_Link { display: none; }
.sliderBannerContainer .ProductList { display: block !important; margin: 0 auto; }
.sliderBannerContainer .Jbutonlar { display: none; }
.sliderBannerContainer .jCarouselLite { float: left; width: 100%; }

/* --- detayurunslider --- */
.detaySliderContainer { float: left; width: 100%; position: relative; margin: 70px 0; }
.detaySliderContainer .ProductList { display: block !important; margin: 0 auto; }
.detaySliderContainer .Jbutonlar { display: none; }
.detaySliderContainer .jCarouselLite { float: left; width: 100%; }

/* --- pnlSlider --- */
#pnlSlider { position: relative; float: left; width: 100%; margin: 0; padding: 0; }
#pnlSlider ul { list-style: none; padding: 0; margin: 0; }
#pnlSlider ul li { display: block; }
#pnlSlider ul li a { display: block; }
#pnlSlider ul li a img { width: 100%; display: block; }
#pnlSlider .flex-control-nav { position: absolute; bottom: 20px; right: 0; left: 0; }
#pnlSlider .flex-control-paging li { margin: 0 2px; }
#pnlSlider .flex-control-paging li a { float: right; width: 11px; height: 11px; border-radius: 100%; border: none; box-shadow: none; text-shadow: none; background: #fff; }
#pnlSlider .flex-control-paging li a.flex-active { background: #000; }
#pnlSlider .flex-direction-nav { position: absolute; left: 20px; right: 20px; top: 45%; }
#pnlSlider .flex-direction-nav li { display: inline-block; vertical-align: top; }
#pnlSlider .flex-direction-nav .flex-nav-prev { float: left; }
#pnlSlider .flex-direction-nav .flex-nav-next { float: right; }
#pnlSlider .flex-direction-nav .flex-prev, #pnlSlider .flex-direction-nav .flex-next { color: #fff; border: none; background: transparent; width: auto; height: auto; border-radius: 0; top: 0; margin: 0; padding: 0; box-shadow: none; opacity: 1; font-size: 0; position: relative; text-shadow: none; text-align: center; }
#pnlSlider .flex-direction-nav .flex-prev { left: 0; }
#pnlSlider .flex-direction-nav .flex-next { right: 0; }
#pnlSlider .flex-direction-nav .flex-prev:before, #pnlSlider .flex-direction-nav .flex-next:before { font-size: 0; }
#pnlSlider .flex-direction-nav a:before { text-shadow: none; }
#pnlSlider .flex-direction-nav a:after { text-shadow: none; }
#pnlSlider .HPSItems .flex-control-thumbs { position: static; background: #fff; text-align: center; }
#pnlSlider .HPSItems .flex-control-thumbs li { display: inline-block; vertical-align: top; float: none; max-width: 100%; }
#pnlSlider .HPSItems .flex-control-thumbs img { opacity: 1; }
.HomePageSlideShowContainer { float: left; width: 100%; position: relative; }
.HomePageSlideShowContainer .HomePageSlideShow { padding: 0; width: 100%; }
.HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; }
.HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; }

/* --- sitekodlari --- */
.hesabimAnasayfaMenuler ul li a:hover .fa { color: #fff; }
.siparisTakipSayfasi { background: #fff; }
.siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0 !important; }
.sepetiTemizle { float: right; line-height: 43px; padding: 0 10px; }
.popupSepet { width: 99%; }
.popupSepet #hed div { width: 94%; }
.sayfaIcerik * { font-family: 'Archivo', sans-serif !important; }
#mainHolder_UrunDetay_imgCookie { display: none !important; }
.product_social_icon_wrapper { display: none; }
.HesabimContainer .urunDetayPanel { max-height: 100%; }
.orders { width: 100%; }
.TumKategoriler { display: none; }
.mobilMenuAcButton, .searchClick, .mycartClick, .welcomeOpen { display: none; }
.userLoginBtn, .userSignBtn { border: none !important; }
.magazaTeslimatBilgisiContent { display: none; }
#store_region_container { display: none; }
#ticimaxCopyright { float: left; width: 100%; }
section { float: left; width: 100%; }
.sepetimBody .Basketstep ul li.pasif { opacity: 1; }
.sepetimBody ul { padding: 0; margin: 0; list-style: none; }
.sepetimBody .sepetItemB1 span.KampanyaTanimSpan { display: inline-block; }

/* --- Site ici scroll alanlar --- */
#divOnyazi::-webkit-scrollbar, .urunTabAlt::-webkit-scrollbar, .SmallImages::-webkit-scrollbar, .SepetBlockInfo::-webkit-scrollbar, .searchContent ul::-webkit-scrollbar, body .kombinContent ul::-webkit-scrollbar, .CartProduct .SProduct::-webkit-scrollbar, .yanResimliMenu .KatMenu1::-webkit-scrollbar, .UrunGuruplari .Block_Text::-webkit-scrollbar, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar, .mobilMenu .menuIcerikAlan::-webkit-scrollbar, .mobilMenu .navUl > li > ul::-webkit-scrollbar, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar, #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar { width: 2px; }
#divOnyazi::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, .searchContent ul::-webkit-scrollbar-track, body .kombinContent ul::-webkit-scrollbar-track, .CartProduct .SProduct::-webkit-scrollbar-track, .yanResimliMenu .KatMenu1::-webkit-scrollbar-track, .UrunGuruplari .Block_Text::-webkit-scrollbar-track, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track, #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-track { background: #D3D3D3; }
#divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-webkit-scrollbar-thumb, .searchContent ul::-webkit-scrollbar-thumb, .CartProduct .SProduct::-webkit-scrollbar-thumb, body .kombinContent ul::-webkit-scrollbar-thumb, .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb, .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb, #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-thumb { background: #212121; }

/* --- Sabit Renkler --- */

/* --- sepetvebutonrenk --- */
body .button, .baglanButton, .siparisOzetTakip, body.sepetimBody .basketCompletebtn, #AdresContent .button, .BasketPage .OdemeMenu ul li.activeMenu > a, .pageNumberContent a:hover, .menuUstBolum, body .category-vertical-filters.top-filters .FiltreUst, .SepetUst, .urunOzellikTab .urunTab >ul >li[onofftip="true"] > a, .tooltip-inner, .welcome.active, .sepetimBody .Basketstep ul li.aktif { background: var(--theme-color); }

/* --- bordercolor --- */
.iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover, .OdemeMenu ul li.activeMenu { border-color: #212121; }

/* --- tooltip --- */
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #212121; }
.tooltip.right .tooltip-arrow { border-right-color: #212121; }
.tooltip.left .tooltip-arrow { border-left-color: #212121; }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #212121; }
.baglanButton { border-color: transparent; }
.Basketstep ul li:before { border: 1px solid #212121; }
.sepetimBody .Basketstep ul li.aktif:after { border-top-color: #212121; }

/* --- color --- */
.sepetTitle .st_1, body .sepetTitle2 .st_1, body .BasketRigth ul li.genelToplam .tut, body .sepetTitle2 .st_1:before, .sepetTitle .st_1:before, .TeslimatAdresTittle, .Basketstep ul li.gecti span, body #divToplamOdeme, .TeslimatAdresTittle, a.YeniAdresEkle, .Basketstep ul li.onestepsec span, .Basketstep ul li.pasif i, .BasketPage .Basketstep ul li.pasif i, .BasketPage .cargoInformation div.cargoName span, .BasketPage .faturaAdresBtn.active, .adresAyniBtn.active, .BasketPage .sepetItemB4, .BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check, .iletisimContent .categoryTitle .categoryTitleText, body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span, body .siparisUrunUyariSecenek .siparisUrunDurumBaslik, body.sepetimBody .mobileAddition > .addition-content > .TotalPrice, body.sepetimBody .mobileAddition > .addition-content::before { color: #212121; }

/* --- HoverRenk --- */
.button:hover, .userLoginBtn:hover, .userSignBtn:hover, .BasketPage .OdemeMenu ul li:hover >a, .BasketPage .alisverisedevamet:hover, .BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover, #AdresContent .button:hover, .basketCompletebtn:hover, .KasaOnuFirsatlarContent ul li a.button:hover, .ProductIcon2 > div > a:hover { background: #212121; }

/* --- colorhover --- */
.BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover, .headerSocialConnect .baglanButton a:hover, .CartProduct .SProduct li a:nth-child(2):hover * { color: #212121; }

/* --- bordercolorhover --- */
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover >a, .BasketPage .alisverisedevamet:hover, .CartProduct .headerCartBtn:hover { border-color: #212121; }

/* --- color --- */
.siparisOzetTakip { color: #fff; }
.BasketDetail table tbody tr td a { display: inherit; }
.BasketDetail table tbody tr td:last-child a { display: block; }
.sepetimBody #header:after { display: none; }
body .alisverisedevamet { background: #fff; }

/* --- bordercolor --- */
.KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; }
.BasketPage a.YeniAdresEkle:hover { color: #fff !important; }
.baglanButton:hover { background: transparent; }
body .adresGir .kirmiziButon:hover { background: #9e1a20 !important; color: #fff !important; }
body .adresGir .yesilButon:hover { background: #406d20 !important; color: #fff !important; }

/* --- Sabit Renkler --- */
.divRelatedProductsPopup .ulRelatedProducts { list-style: none; padding: 0; margin: 0; }
.bottomHead { display: none; }
#divSliderYani { display: none; }
body { background: #fff; }

/* --- siteozelalan --- */
.cart-item a.header-cart-link.headerButon .sepetUrunSayisi { display: none; }
.header-wrapper .header-main { padding: 0 25px; }
.newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl { margin: 0; padding: 0; list-style: none; }
.homeBody #top-bar { display: flex; }
#top-bar { padding: 0 25px; display: none; }
#top-bar .flex-col { width: 33.3333%; }
#top-bar .custom.html_1 { float: left; width: 100%; }
#top-bar .custom.html_2 a { font-size: 13px; font-weight: 500; color: #F2F2F2; }
#top-bar .custom.html_2 span { margin: 0 10px; font-size: 13px; font-weight: 500; color: #F2F2F2; }
.htop-slider { float: left; width: 100%; }
.htop-slider ul { margin: 0; padding: 0; list-style: none; text-align: center; height: 0; overflow: hidden; }
.htop-slider ul li { font-size: 13px; font-weight: 300; color: #fff; }
.htop-slider .owl-carousel { height: auto; overflow: visible; }
.htop-slider .owl-carousel .owl-nav { left: 0; right: 0; top: 0; }
.htop-slider .owl-carousel .owl-nav .owl-prev, .htop-slider .owl-carousel .owl-nav .owl-next { position: absolute; font-size: 14px; }
.htop-slider .owl-carousel .owl-nav .owl-prev { left: 0; }
.htop-slider .owl-carousel .owl-nav .owl-next { right: 0; }
body .logo-left .logo { margin-right: 75px; }
body #mainHolder_divDesign .t-vw-8 .ticiContainer { width: calc(100% - 320px) !important; }
body .stories.carousel { display: flex; justify-content: center; gap: 25px; }
body .stories.carousel .story { width: auto; max-width: none; margin: 0; }
body .stories.carousel .story > .item-link > .item-preview { max-height: none; height: auto; }
body .stories.carousel .story > .item-link > .info { margin-top: 10px; font-size: 12px; color: #212121; }
body .stories.carousel .story > .item-link > .info .name { font-weight: 700; }
body .stories.carousel .story > .item-link:hover > .info .name { text-decoration: underline; }
.productItem .productList-Image-Owl .owl-dots .owl-dot span { display: none; }
.productItem .productList-Image-Owl .owl-dots { bottom: 10px; }
.productItem .itemCategory { float: left; width: 100%; margin-bottom: 10px; }
.productMarka { float: left; width: 100%; margin-bottom: 10px; }
.productOnYazi { float: left; width: 100%; margin-bottom: 10px; }
.productStokKodu { float: left; width: 100%; margin-bottom: 10px; }
.productSatisBirimi { float: left; width: 100%; margin-bottom: 10px; }
.discountIcon { float: right; font-size: 13px; font-weight: 500; color: #212121; margin-left: 0px; line-height: 14px; float: left; }
.discountIcon:before { content: '(-'; }
.discountIcon:after { content: ')'; }
.productIconEx { position: absolute; left: 16px; top: 10px; z-index: 1; text-align: left; }
.newIcon, .cargoIcon { float: left; clear: left; font-size: 11px; letter-spacing: 0.55px; color: #212121; margin-bottom: 3px; }
.firsatIcon { display: block !important; float: left; clear: left; font-size: 11px; letter-spacing: 0.55px; color: #212121; margin-bottom: 3px; }
.favori { display: block; float: left; clear: left; margin-bottom: 3px; }
.favori a { font-size: 0; color: #212121; }
.favori a:before { content: '\f004'; font-family: 'FontAwesome'; font-size: 14px; }
.favori a.listfavoriAktif { font-weight: 700; }
.productIconEx2 { position: absolute; right: 20px; top: 20px; z-index: 1; }
.ozelAlan1, .ozelAlan2, .ozelAlan3, .ozelAlan4 { float: left; clear: left; background: #fff; font-size: 11px; color: #A4A4A4; line-height: 18px; padding: 0 3px; margin-bottom: 3px; }
.ozelAlan1 { background: #E50000; color: #ffff; }
.ozelAlan5 { float: left; width: 100%; font-size: 11px; font-weight: 700; color: #E50000; margin-top: 10px; }
.urunListStokUyari { float: left; width: 100%; margin-bottom: 10px; }
body #mainHolder_divDesign .ticimaxTabHead { margin-bottom: 25px; text-align: right; }
body #mainHolder_divDesign .ticimaxTabHead ul { margin: 0; padding: 0; font-size: 0; }
#mainHolder_divDesign .ticimaxTabHead li { margin: 0 5px; }
body #mainHolder_divDesign .ticimaxTabHead li a { font-size: 12px; color: #767676; background: none !important; padding: 0; line-height: 26px; }
body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a { color: #212121; font-weight: 700; }
body #mainHolder_divDesign .ticimaxTabHead li:first-child a:after { content: '\f111'; font-family: 'FontAwesome'; width: 50px; height: 26px; border: 1px solid #A4A4A4; border-radius: 13px; float: right; padding: 2px; text-align: right; font-size: 20px; color: #212121; font-weight: 700; line-height: 21px; margin-left: 10px; }
body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active:first-child a:after { text-align: left; }
#divOzelAlan1, #divOzelAlan2, #divOzelAlan3, #divOzelAlan4, #divOzelAlan5 { margin-top: 10px; float: left; clear: left; background: #f6f6f6; font-size: 11px; color: #A4A4A4; line-height: 18px; padding: 0 3px; }
#divOzelAlan1 { background: #E50000; color: #fff; }
#divOzelAlan5 { font-size: 11px; font-weight: 700; color: #E50000; background: none; }
#divKombinSatinAl a:hover, .buyfast input:hover, .basketBtn input:hover { background: #535e61; }
.RightDetail.scroll-to-fixed-fixed { right: 0; margin-top: 20px; }
.bedenT { position: relative; float: left; clear: left; margin: 0 0 0px; }
.bedenT a { font-size: 13px; color: #A4A4A4; text-decoration: underline; display: none; }
.urunOzellik .teknikDetay { border: 0; margin: 0; }
#IlgiliUrunDiv .productItemV3 { width: calc(25% - 10px); float: left; margin-bottom: 30px; margin-right: 10px; }
#IlgiliUrunDiv .productItemV3 .ItemV3_col2 { padding: 10px 0 0; }
#IlgiliUrunDiv .productItemV3 .ItemV3_col3 p.pSatisBirimi { margin: 0; }
#IlgiliUrunDiv .productItemV3 .ItemV3_col3 a.ItemV3_SepetEkleButton.btnAddToCart { padding: 0 13px; background: #000; color: #fff; font-size: 15px; font-weight: 500; line-height: 29px; display: inline-block; margin-top: 5px; }
.categorydesign h1 { font-size: 20px; font-weight: bold; color: #212121; }
.categorydesign p { font-size: 13px; color: #212121; line-height: 1.5; }
.categoryContainer .categoryTitleText { float: left; width: auto; margin: 0; }
.categoryContainer .middleTopBlock { float: left; width: 100%; margin-top: 50px; }
.pageNumberContent a.SelectedSayfa:after, .pageBorder a.SelectedSayfa:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; width: 25px; height: 1px; background: #212121; }
body .footerTemp { background: #f1f1f1; padding: 80px 160px; margin-top: 50px; }
body .footerTemp .elementor-column[data-col="25"]:first-child { width: 56%; padding-right: 13.5%; }
body .footerTemp .elementor-column[data-col="25"] { width: 13.3%; }
body .footerTemp .newsletterContent #btnMailKaydet { background: url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim40/send.svg) no-repeat center; cursor: pointer; }
body .footerTemp .footerMenuTitle { display: block; border-bottom: 1px solid #212121; padding: 0 0 10px 0; margin-bottom: 20px; }
body .footerTemp .socialMedia li a i { padding: 0 !important; width: auto !important; margin-right: 25px; }
body .footerTemp .eTempTitle2 { line-height: 1.5; }
body .footerTemp .elementor-column[data-col="50"]:first-child { width: 56%; }
body .footerTemp .elementor-column[data-col="50"] { width: 44%; }
body .footerTemp .footerMenuAlt a:hover { text-decoration: underline; }
body .social-fixed .footerText { position: fixed; right: 44px; bottom: 0; width: auto; flex-direction: column; align-items: center; gap: 17px; z-index: 999; }
body .social-fixed .footerText .sf-text { transform: rotate(270deg); position: absolute; right: 15px; top: 0; transform-origin: right top; transition: .2s; }
body .social-fixed .footerText .sf-list { float: left; width: 18px; opacity: 0; visibility: hidden; transition: .2s; }
body .social-fixed .footerText .sf-list ul { display: flex; flex-direction: column; gap: 15px; }
body .social-fixed .footerText .sf-list ul li { justify-content: center; }
body .social-fixed .footerText:after { content: ''; width: 1px; height: 70px; display: block; background: #212121; }
body .social-fixed .footerText:hover .sf-text { opacity: 0; visibility: hidden; }
body .social-fixed .footerText:hover .sf-list { opacity: 1; visibility: visible; }
body #divUrunDetayKombin { float: left; width: 100%; position: relative; }
body #divUrunDetayKombin:before { content: 'KOMBİN ÜRÜNLER'; float: left; width: 100%; font-size: 18px; font-weight: 500; color: #000000; line-height: 21px; margin: 40px 0 25px; }
body .kombinContent { float: left; width: 100%; }
body .kombinContent ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; }
body .kombinContent ul li.kombinToplamTutar { display: none; }
body .kombinItem { border: none; padding: 0; display: block; width: calc(33.33% - 11px); max-width: 400px; }
body .kombinItem .kombinleftImage { width: 100%; }
body .kombinItem .kombinImages img { border: none; max-width: 100%; }
body .kombinItem .kombinImages .selectedImagesLink { display: none; }
body .kombinItem .kombinRightDetail { float: left; width: 100%; padding: 13px 0 0; }
body .kombinFormline .kombinright_line { float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 17px; height: 17px; color: #101010; font-weight: 400; }
body .PriceListKombin { float: left; width: 100%; }
body .PriceListKombin #divFiyatAlanlari { float: left; width: 100%; margin: 9px 0 0; }
body #divFiyatAlanlari .kombinFiyat3 { display: none; }
body #divFiyatAlanlari .kombinFiyat2 span { display: none; }
body #divFiyatAlanlari .kombinFormline { float: left; font-size: 15px; font-weight: 500; color: #101010; line-height: 19px; }
body #divFiyatAlanlari .kombinFiyat2 { font-size: 15px; line-height: 19px; }
body #divFiyatAlanlari .kombinFiyat1 { display: none; }
body .kombinItem .kombinRightDetail .divKombinUrunEkSecenek { display: none; }
body .PriceListKombin > a { margin-top: 14px !important; padding: 0 13px; line-height: 29px; color: #FFFFFF; font-size: 14px; font-weight: 500; }
body .fancybox-inner .kombinContent ul { padding: 20px; }
body .header-dil-content #lang_flag_container #lang { padding: 0 !important; background: none !important; color: #F2F2F2 !important; font-size: 13px !important; }
body .header-dil-content #lang_flag_container #lang span { font-weight: 500; }
body .header-dil-content #lang_flag_container:before { content: '/'; float: left; }
body .header-dil-content #lang_flag_container #langHover.white #lang { color: #F2F2F2 !important; }
body .header-dil-content #lang_flag_container #lang-detail { right: 0; }
body .header-dil-content #lang_flag_container #langHover { padding: 0 0 0 10px !important; }
.account-item .nav-dropdown ul { margin: 0; padding: 0; }
.header-cart-hover ul { list-style: none; }
.account-item .header-button-useLogin > ul { margin: 0; padding: 0; }
@media (min-width:1042px) {
  .homeBody #headerNew:not(.fixed) { position: fixed; top: 0; left: 0; right: 0; z-index: 2; background: linear-gradient(180deg, rgba(33,33,33,1) 0%, rgba(33,33,33,1) 45px, rgba(0,0,0,0) 100%); }
  .svgIcon { display: none; }
}
@media (min-width:1042px) {
  .sortingContent { display: block !important; }
  .col-5li { width: 20%; }
  .mobilMenu { display: none; }
  select#filterOrderSelect { height: 65px; border: 0; background: none; font-size: 14px; font-weight: 700; color: #212121; }
  .brandlistselection .sortingContent li a.filterOrderInStock { display: none; }
  .brandlistselection .sortingContent .blockSelect { display: none; }
  .brandlistselection .appliedFilter.FiltrelemeUrunAdet span { font-size: 14px; color: #212121; font-weight: 700; line-height: 65px; margin: 0; }
  .FiltreBtn { position: absolute; left: 0; bottom: 0; display: flex; align-items: center; gap: 10px; cursor: pointer; }
  .FiltreBtn span { font-size: 14px; font-weight: 700; color: #212121; line-height: 65px; text-transform: uppercase; }
  .FiltreicerikAlan { float: left; width: 100%; display: flex; flex-wrap: wrap; }
  body #divSayfalamaUst .filterBlock { float: left; border: none; border-radius: 0; width: 100%; background: #fff; position: absolute; top: 100%; right: 0; padding: 0; display: none !important; box-sizing: border-box; z-index: 2; opacity: 1 !important; }
  body #divSayfalamaUst .filterBlock.active { display: block !important; border-top: 1px solid #000; }
  body #divSayfalamaUst .category-vertical-filters.top-filters { padding: 0; margin: 0; background: #fff; position: absolute; left: 0; right: 0; padding-bottom: 70px; width: 100%; border: 1px solid #D3D3D3; border-top: 0; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .panel { width: 25% !important; margin: 0; padding: 0; width: auto; position: relative; padding-bottom: 60px; padding: 23px 30px; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .panel.div-kategori { display: none; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading { padding: 0; border: none; margin: 0; min-width: auto; border-right: none; background-color: transparent !important; margin-bottom: 25px !important; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a { line-height: 1; text-align: left; color: #000; font-size: 14px; padding: 0; font-weight: 300; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after { display: none; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown>li { float: left; text-align: left; margin: 0; width: 100%; padding: 0; background: 0 0 !important; margin-bottom: 10px; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown>li { width: 100%; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a { font-size: 14px; color: #212121; line-height: normal; display: inline-block; vertical-align: middle; font-weight: 300; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a:hover { text-decoration: underline; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown>li ul { display: block; width: 100%; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown>li ul>li { width: 100%; }
  body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:before { display: inline-block; width: 9px; height: 9px; border-color: #212121; border-radius: 0 !important; margin: 0; margin-right: 5px; vertical-align: middle; float: none; }
  body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { border-color: #212121; background: #212121; }
  body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { background: 0 0; content: ''; display: inline-block; border-color: #212121; margin: 0 5px 0 0; background: #212121; }
  body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background: 0 0 !important; height: auto; }
  body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item a { color: #000; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown { top: 100%; width: auto; display: block !important; position: static; box-shadow: none; -webkit-box-shadow: none; border: 0; padding: 0; margin: 0; font-size: 0; max-height: 140px; background: none; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range { background: #D3D3D3; height: 2px; width: 100%; margin: 11px 0 0; border: none; float: left; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range { background: #D3D3D3; height: 2px; margin-top: 0; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle { background: #212121; border-radius: 100%; width: 8px; height: 8px; border: none; margin-top: -3px; margin-right: 0; top: 0; box-shadow: none; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .amount { color: #212121; font-size: 14px; font-weight: 300; left: 0; padding: 10px 0 0; float: left; width: 100%; text-align: center; margin-bottom: 0; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn { display: block; position: absolute; right: 30px; bottom: 30px; font-size: 14px; cursor: pointer; color: #212121; }
}

/* ==========================================================================
   04 · Ürün Detay · ölçü ve fiyat hesaplama
   ========================================================================== */
/* --- Perde hesaplama modülü - stiller --- */
:root { --maritsa-primary: #616c70; --maritsa-secondary: #4a5356; --maritsa-accent: #616c70; --maritsa-accent-light: #c0c0c0; --maritsa-accent-dark: #4a5356; --maritsa-brand-gradient: linear-gradient(135deg, #616c70 0%, #c0c0c0 50%, #616c70 100%); --maritsa-bg-primary: #fafafa; --maritsa-bg-secondary: #ffffff; --maritsa-bg-tertiary: #f5f5f5; --maritsa-text-primary: #111827; --maritsa-text-secondary: #4b5563; --maritsa-text-muted: #9ca3af; --maritsa-border-light: rgba(97,108,112,0.1); --maritsa-border-medium: rgba(97,108,112,0.2); --maritsa-glass-bg: rgba(255,255,255,0.95); --maritsa-shadow-xs: 0 1px 2px rgba(0,0,0,0.04); --maritsa-shadow-sm: 0 2px 8px rgba(0,0,0,0.06); --maritsa-shadow-md: 0 4px 16px rgba(0,0,0,0.08); --maritsa-shadow-lg: 0 8px 32px rgba(0,0,0,0.1); --maritsa-shadow-xl: 0 16px 48px rgba(0,0,0,0.12); --maritsa-shadow-glow: 0 0 30px rgba(97,108,112,0.2); --maritsa-shadow-inner: inset 0 2px 4px rgba(0,0,0,0.04); --maritsa-font-main: var(--mx-font); --maritsa-font-mono: var(--mx-font-rakam); --maritsa-space-xs: 4px; --maritsa-space-sm: 8px; --maritsa-space-md: 16px; --maritsa-space-lg: 24px; --maritsa-space-xl: 32px; --maritsa-space-2xl: 48px; --maritsa-radius-sm: 6px; --maritsa-radius-md: 10px; --maritsa-radius-lg: 14px; --maritsa-radius-xl: 20px; --maritsa-ease-smooth: cubic-bezier(0.4,0,0.2,1); --maritsa-ease-bounce: cubic-bezier(0.68,-0.55,0.265,1.55); }
#frmDinamikForm { opacity: 1 !important; transition: none; min-height: auto; position: relative; }
#frmDinamikForm:not(.maritsa-loaded) > div[class*="divDFElementContent"], #frmDinamikForm:not(.maritsa-loaded) > .ng-scope { display: none !important; }
body.maritsa-active #divBasketInputTextBox { display: none !important; }

/* --- Skeleton --- */
.maritsa-skeleton-wrapper { display: none; padding: var(--maritsa-space-md) 0; width: 100%; z-index: 1; border-radius: var(--maritsa-radius-lg); margin-bottom: var(--maritsa-space-lg); }
.maritsa-skeleton-wrapper.active { display: block; animation: maritsa-fadeIn 0.4s var(--maritsa-ease-smooth); }
.maritsa-loading-skeleton { background: linear-gradient(110deg, var(--maritsa-bg-tertiary) 0%, var(--maritsa-bg-tertiary) 40%, rgba(255,255,255,0.9) 50%, var(--maritsa-bg-tertiary) 60%, var(--maritsa-bg-tertiary) 100%); background-size: 200% 100%; border-radius: var(--maritsa-radius-md); position: relative; overflow: hidden; margin-bottom: var(--maritsa-space-md); animation: maritsa-shimmer 1.8s ease-in-out infinite; }
.maritsa-loading-skeleton::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(97,108,112,0.1) 50%, transparent 100%); animation: maritsa-shimmer-brand 2.5s ease-in-out infinite; }
@keyframes maritsa-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@keyframes maritsa-shimmer-brand { 0%, 100% { opacity: 0; transform: translateX(-100%); } 50% { opacity: 1; transform: translateX(100%); } }
.maritsa-skeleton-box { height: 56px; margin-bottom: var(--maritsa-space-md); border-radius: var(--maritsa-radius-md); }
.maritsa-skeleton-row { display: flex; gap: var(--maritsa-space-md); margin-bottom: var(--maritsa-space-md); }
.maritsa-skeleton-col { flex: 1; height: 56px; border-radius: var(--maritsa-radius-md); }
.maritsa-skeleton-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: var(--maritsa-space-md); margin-bottom: var(--maritsa-space-lg); }
.maritsa-skeleton-card { height: 120px; border-radius: var(--maritsa-radius-md); }
.maritsa-loading-dots { display: inline-flex; gap: 4px; }
.maritsa-loading-dots span { width: 8px; height: 8px; background: var(--maritsa-accent); border-radius: 50%; animation: maritsa-dotPulse 1.4s ease-in-out infinite both; }
.maritsa-loading-dots span:nth-child(1) { animation-delay: 0s; }
.maritsa-loading-dots span:nth-child(2) { animation-delay: 0.2s; }
.maritsa-loading-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes maritsa-dotPulse { 0%, 80%, 100% { transform: scale(0.6); opacity: 0.5; } 40% { transform: scale(1); opacity: 1; } }

/* --- Group Box --- */
.maritsa-group-box { background: var(--maritsa-glass-bg); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid var(--maritsa-border-light); border-radius: var(--maritsa-radius-xl); padding: var(--maritsa-space-xl); margin-bottom: var(--maritsa-space-xl); box-shadow: var(--maritsa-shadow-md); position: relative; overflow: visible; transition: all 0.25s var(--maritsa-ease-smooth); }
.maritsa-group-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, var(--maritsa-accent-light) 50%, transparent 100%); opacity: 0.6; }
.maritsa-group-box:hover { box-shadow: var(--maritsa-shadow-lg); border-color: rgba(97,108,112,0.2); }
.maritsa-group-title, .productDetailDynamicForm .form_bilgilendirme, .imageboxRadio .priceDiv, .imageboxRadio span[style*="color"] { display: none !important; }
.productDetailDynamicForm label:not(.imageboxRadio) { font-family: var(--maritsa-font-main) !important; font-size: 14px !important; font-weight: 600 !important; color: var(--maritsa-text-primary) !important; margin-bottom: 10px !important; display: block; letter-spacing: -0.01em; position: relative; transition: color 0.15s var(--maritsa-ease-smooth); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.maritsa-label-wrapper { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 10px !important; width: 100% !important; }
.maritsa-label-wrapper label { margin-bottom: 0 !important; flex-shrink: 0; }

/* --- Seçenek grupları arasındaki boşluk --- */
.divDFElementContent, .divDFElementContent_select, .divDFElementContent_radio, .divDFElementContent_textarea, .divDFElementContent_file { margin-bottom: var(--maritsa-space-lg) !important; }

/* --- Row Wrapper - MOBİL UYUMLU --- */
.maritsa-row-wrapper { display: flex !important; flex-direction: row !important; gap: var(--maritsa-space-md); align-items: flex-start; margin-bottom: var(--maritsa-space-md); }
.maritsa-row-wrapper > div { flex: 1 1 0 !important; min-width: 0 !important; max-width: 50% !important; margin-bottom: 0 !important; }
.maritsa-row-wrapper label { font-size: 13px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.productDetailDynamicForm input.textbox, .productDetailDynamicForm select, .productDetailDynamicForm input[type="number"], .productDetailDynamicForm input[type="text"] { border: 1px solid var(--maritsa-border-medium) !important; background: var(--maritsa-bg-secondary) !important; border-radius: var(--maritsa-radius-md) !important; padding: 0 var(--maritsa-space-md) !important; height: 48px !important; width: 100% !important; box-shadow: var(--maritsa-shadow-inner) !important; font-size: 15px !important; color: var(--maritsa-text-primary) !important; font-family: var(--maritsa-font-main) !important; font-weight: 500 !important; box-sizing: border-box !important; transition: border-color 0.2s var(--maritsa-ease-smooth), box-shadow 0.2s var(--maritsa-ease-smooth) !important; -webkit-appearance: none !important; appearance: none !important; }

/* --- Sayı kutularında yukarı/aşağı oklarını göster --- */
.productDetailDynamicForm input[type="number"] { -moz-appearance: textfield !important; }
.productDetailDynamicForm input[type="number"]::-webkit-outer-spin-button, .productDetailDynamicForm input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: inner-spin-button !important; opacity: 1 !important; cursor: pointer; height: 100%; margin-left: 8px; }

/* --- Hover state --- */
.productDetailDynamicForm input.textbox:hover, .productDetailDynamicForm select:hover, .productDetailDynamicForm input[type="number"]:hover, .productDetailDynamicForm input[type="text"]:hover { border-color: var(--maritsa-accent) !important; box-shadow: var(--maritsa-shadow-sm) !important; }
.productDetailDynamicForm input.textbox:focus, .productDetailDynamicForm select:focus, .productDetailDynamicForm input[type="number"]:focus, .productDetailDynamicForm input[type="text"]:focus { border-color: var(--maritsa-accent) !important; border-width: 2px !important; box-shadow: var(--maritsa-shadow-sm) !important; outline: none !important; }

/* --- Select dropdown arrow --- */
.productDetailDynamicForm select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23616c70' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: calc(100% - 12px) center !important; padding-right: 40px !important; cursor: pointer !important; }

/* --- Textarea --- */
.productDetailDynamicForm textarea { border: 1px solid var(--maritsa-border-medium) !important; background: var(--maritsa-bg-secondary) !important; border-radius: var(--maritsa-radius-md) !important; width: 100% !important; box-shadow: var(--maritsa-shadow-inner) !important; font-size: 14px !important; color: var(--maritsa-text-primary) !important; font-family: var(--maritsa-font-main) !important; padding: var(--maritsa-space-md) !important; min-height: 100px !important; line-height: 1.5 !important; box-sizing: border-box !important; resize: vertical !important; transition: border-color 0.2s var(--maritsa-ease-smooth), box-shadow 0.2s var(--maritsa-ease-smooth) !important; }
.productDetailDynamicForm textarea:focus { border-color: var(--maritsa-accent) !important; border-width: 2px !important; box-shadow: var(--maritsa-shadow-sm) !important; outline: none !important; }

/* --- Placeholder yazı stili --- */
.productDetailDynamicForm input::placeholder, .productDetailDynamicForm textarea::placeholder { color: var(--maritsa-text-muted) !important; opacity: 1 !important; font-family: var(--maritsa-font-main) !important; font-size: 14px !important; font-weight: 400 !important; }

/* --- Select içindeki "Seçiniz" option stili --- */
.productDetailDynamicForm select option:first-child, .productDetailDynamicForm select option[value=""], .productDetailDynamicForm select option:disabled { color: var(--maritsa-text-muted) !important; font-weight: 400 !important; }

/* --- Info Hint --- */
.maritsa-input-hint { font-size: 12px; color: var(--maritsa-text-secondary); margin-bottom: var(--maritsa-space-sm); line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; font-family: var(--maritsa-font-main); font-weight: 400; }
.maritsa-input-hint::before { content: ''; width: 16px; height: 16px; min-width: 16px; background-color: var(--maritsa-accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM288 224C288 206.3 302.3 192 320 192C337.7 192 352 206.3 352 224C352 241.7 337.7 256 320 256C302.3 256 288 241.7 288 224zM280 288L328 288C341.3 288 352 298.7 352 312L352 400L360 400C373.3 400 384 410.7 384 424C384 437.3 373.3 448 360 448L280 448C266.7 448 256 437.3 256 424C256 410.7 266.7 400 280 400L304 400L304 336L280 336C266.7 336 256 325.3 256 312C256 298.7 266.7 288 280 288z'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM288 224C288 206.3 302.3 192 320 192C337.7 192 352 206.3 352 224C352 241.7 337.7 256 320 256C302.3 256 288 241.7 288 224zM280 288L328 288C341.3 288 352 298.7 352 312L352 400L360 400C373.3 400 384 410.7 384 424C384 437.3 373.3 448 360 448L280 448C266.7 448 256 437.3 256 424C256 410.7 266.7 400 280 400L304 400L304 336L280 336C266.7 336 256 325.3 256 312C256 298.7 266.7 288 280 288z'/%3E%3C/svg%3E") no-repeat center; -webkit-mask-size: contain; mask-size: contain; flex-shrink: 0; margin-top: 1px; }

/* --- Error Message --- */
.maritsa-error-msg { color: var(--maritsa-primary) !important; background: var(--maritsa-bg-tertiary) !important; font-size: 12px; margin-top: var(--maritsa-space-sm); padding: 8px 12px; border-radius: 0 var(--maritsa-radius-sm) var(--maritsa-radius-sm) 0; font-weight: 500; font-family: var(--maritsa-font-main); display: none; border-left: 3px solid var(--maritsa-primary); line-height: 1.4; }

/* --- En/Boy sırasıyla girilmezse çıkan uyarı --- */
.maritsa-sequence-msg { color: var(--maritsa-primary) !important; background: var(--maritsa-bg-tertiary) !important; font-size: 12px; margin-top: var(--maritsa-space-sm); padding: 8px 12px; border-radius: 0 var(--maritsa-radius-sm) var(--maritsa-radius-sm) 0; font-weight: 500; font-family: var(--maritsa-font-main); display: none; border-left: 3px solid var(--maritsa-primary); line-height: 1.4; animation: maritsa-slideIn 0.3s var(--maritsa-ease-smooth); }
.maritsa-sequence-msg.active { display: block; }

/* --- File Upload --- */
.divDFElementContent_file .jfilestyle { display: flex !important; align-items: center !important; gap: var(--maritsa-space-md) !important; background: var(--maritsa-bg-secondary) !important; border: 2px dashed var(--maritsa-border-medium) !important; border-radius: var(--maritsa-radius-md) !important; padding: var(--maritsa-space-md) !important; box-shadow: none !important; transition: all 0.25s var(--maritsa-ease-smooth); }
.divDFElementContent_file .jfilestyle:hover { border-color: var(--maritsa-accent) !important; background: rgba(97,108,112,0.03) !important; }
.divDFElementContent_file .jfilestyle input[type="text"] { border: none !important; background: transparent !important; flex-grow: 1 !important; padding: 0 !important; height: auto !important; color: var(--maritsa-text-secondary) !important; font-size: 13px !important; box-shadow: none !important; font-family: var(--maritsa-font-main) !important; }
.divDFElementContent_file .jfilestyle label { background: var(--maritsa-primary) !important; color: #fff !important; padding: 10px 20px !important; border-radius: var(--maritsa-radius-sm) !important; font-weight: 600 !important; font-size: 12px !important; border: none !important; width: auto !important; cursor: pointer !important; margin: 0 !important; transition: all 0.25s var(--maritsa-ease-smooth); font-family: var(--maritsa-font-main) !important; }
.divDFElementContent_file .jfilestyle label:hover { background: var(--maritsa-accent-dark) !important; transform: translateY(-1px); }
.divDFElementContent_file .jfilestyle img { width: 48px !important; height: 48px !important; object-fit: cover !important; border-radius: var(--maritsa-radius-sm) !important; border: 2px solid var(--maritsa-border-light) !important; }

/* --- TEMEL SIFIRLAMALAR --- */
.dinamikFormContainer label.radioChecked > img, .dinamikFormContainer label.imageboxRadio > img, .dinamikFormContainer label.imageboxRadio.radioChecked > img { border: none !important; box-shadow: none !important; outline: none !important; }
.dinamikFormContainer label.radioChecked>img, label.imageboxRadio.radioChecked>img, .imageboxRadio.radioChecked img, .radioChecked > img { border: 2px solid transparent !important; outline: none !important; }

/* --- Visual Grid Container --- */
.maritsa-visual-grid { position: relative; overflow: visible !important; }
.maritsa-group-box.maritsa-colors { max-width: 100% !important; overflow: visible !important; box-sizing: border-box !important; }
.maritsa-colors > .divDFElementContent_radio:not(:last-child) { padding-bottom: var(--maritsa-space-lg) !important; margin-bottom: var(--maritsa-space-lg) !important; border-bottom: 1px solid var(--maritsa-border-light) !important; }

/* --- DESKTOP GRID - 6 Kolon --- */
.maritsa-visual-grid fieldset { display: grid !important; grid-template-columns: repeat(6, 1fr) !important; gap: 14px !important; max-height: none !important; border: none !important; margin: 0 0 var(--maritsa-space-md) 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; box-sizing: border-box !important; }

/* --- KART TASARIMI - DESKTOP --- */
.maritsa-visual-grid .imageboxRadio { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; border: 2px solid var(--maritsa-border-light) !important; border-radius: var(--maritsa-radius-lg) !important; padding: 12px !important; margin: 0 !important; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1.15 !important; cursor: pointer !important; background: var(--maritsa-bg-secondary) !important; transition: all 0.25s var(--maritsa-ease-smooth) !important; overflow: visible !important; float: none !important; touch-action: manipulation; box-sizing: border-box !important; z-index: 1; min-width: 0 !important; }
.maritsa-visual-grid .imageboxRadio:hover { border-color: var(--maritsa-accent) !important; transform: translateY(-3px); box-shadow: var(--maritsa-shadow-lg), var(--maritsa-shadow-glow) !important; z-index: 9999 !important; }
.maritsa-visual-grid .imageboxRadio.radioChecked { border-color: var(--maritsa-accent) !important; background: linear-gradient(135deg, rgba(97,108,112,0.08) 0%, rgba(255,255,255,1) 100%) !important; box-shadow: 0 0 0 2px var(--maritsa-accent), var(--maritsa-shadow-md) !important; }

/* --- Checkmark --- */
.maritsa-visual-grid .imageboxRadio.radioChecked::after { content: ''; position: absolute; top: -8px; right: -8px; width: 22px; height: 22px; background: #616c70; border-radius: 50%; z-index: 2 !important; box-shadow: var(--maritsa-shadow-md); animation: maritsa-checkPop 0.3s var(--maritsa-ease-bounce); }
.maritsa-visual-grid .imageboxRadio.radioChecked::before { content: '✓'; position: absolute; top: -8px; right: -8px; width: 22px; height: 22px; color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; z-index: 3 !important; }
@keyframes maritsa-checkPop { 0% { transform: scale(0); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }

/* --- Görsel --- */
.maritsa-visual-grid .imageboxRadio > img { order: 1 !important; width: 100% !important; height: auto !important; max-height: 75% !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; border-radius: 10px !important; margin-bottom: 8px !important; display: block !important; transition: transform 0.25s var(--maritsa-ease-smooth); border: none !important; }
.maritsa-visual-grid .imageboxRadio:hover > img { transform: scale(1.05); }

/* --- Text --- */
.maritsa-visual-grid .imageboxRadio .radioButtonText { order: 2 !important; visibility: visible !important; position: static !important; opacity: 1 !important; font-family: var(--maritsa-font-main) !important; font-size: 11px !important; line-height: 1.3 !important; color: var(--maritsa-text-primary) !important; font-weight: 600 !important; display: block !important; width: 100% !important; white-space: normal !important; transition: color 0.15s var(--maritsa-ease-smooth); margin-top: auto !important; }
.maritsa-visual-grid .imageboxRadio.radioChecked .radioButtonText { color: var(--maritsa-accent-dark) !important; }
.imageboxRadio input[type="radio"] { display: none !important; }
.maritsa-preview-popup { position: absolute !important; bottom: calc(100% + 10px) !important; left: 50% !important; transform: translateX(-50%) !important; width: 200px; min-height: 140px; display: none; flex-direction: column; align-items: center; justify-content: center; background: var(--maritsa-bg-secondary); border: 1px solid var(--maritsa-border-light); border-radius: var(--maritsa-radius-lg) !important; box-shadow: 0 15px 35px rgba(0,0,0,0.3) !important; padding: var(--maritsa-space-sm); z-index: 100000 !important; pointer-events: none; }
.maritsa-preview-popup img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 180px !important; object-fit: contain !important; border: none !important; border-radius: 8px !important; }
.maritsa-preview-popup::after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: var(--maritsa-bg-secondary) transparent transparent transparent; }
.maritsa-visual-grid .imageboxRadio:hover .maritsa-preview-popup { display: flex !important; animation: maritsa-popUp 0.25s var(--maritsa-ease-bounce); }
@keyframes maritsa-popUp { 0% { opacity: 0; transform: translateX(-50%) translateY(8px) scale(0.95); } 100% { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); } }

/* --- Toggle Button --- */
.maritsa-toggle-btn { display: flex !important; align-items: center; justify-content: center; gap: var(--maritsa-space-sm); width: 100% !important; padding: 12px var(--maritsa-space-md); background: transparent; border: 2px solid var(--maritsa-border-medium); border-radius: var(--maritsa-radius-md); color: var(--maritsa-text-secondary); font-size: 13px; font-weight: 600; font-family: var(--maritsa-font-main); cursor: pointer; text-align: center; transition: all 0.25s var(--maritsa-ease-smooth); box-sizing: border-box; clear: both; margin-top: var(--maritsa-space-md); position: relative; overflow: hidden; }
.maritsa-toggle-btn:hover { border-color: var(--maritsa-accent); color: var(--maritsa-accent-dark); transform: translateY(-2px); box-shadow: var(--maritsa-shadow-sm); background: rgba(97,108,112,0.05); }
.maritsa-step-hidden { display: none !important; }
.maritsa-step-reveal { animation: maritsa-stepReveal 0.5s var(--maritsa-ease-smooth) forwards; }
@keyframes maritsa-stepReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }

/* --- Info mesaj stilleri (kural uyarıları) --- */
.maritsa-info-msg { display: none; font-size: 12px; margin-top: var(--maritsa-space-sm); padding: 8px 12px; border-radius: 0 var(--maritsa-radius-sm) var(--maritsa-radius-sm) 0; font-weight: 500; font-family: var(--maritsa-font-main); line-height: 1.4; color: var(--maritsa-text-secondary); background: var(--maritsa-bg-tertiary); border-left: 3px solid var(--maritsa-border-medium); animation: maritsa-slideIn 0.3s var(--maritsa-ease-smooth); }
.maritsa-info-msg.active { display: block !important; }
.maritsa-info-msg.warning { color: var(--maritsa-primary) !important; background: rgba(97,108,112,0.06) !important; border-left-color: var(--maritsa-primary) !important; }
@keyframes maritsa-slideIn { 0% { opacity: 0; transform: translateX(-10px); } 100% { opacity: 1; transform: translateX(0); } }
.maritsa-disabled { display: none !important; pointer-events: none !important; color: var(--maritsa-text-muted) !important; opacity: 0.4 !important; }
select option.maritsa-disabled, select option[disabled] { display: none !important; }
.maritsa-visual-grid .imageboxRadio[style*="display: none"] { display: none !important; }

/* --- TABLET - 4 Kolon (769-1024px) --- */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .maritsa-visual-grid fieldset { grid-template-columns: repeat(4, 1fr) !important; gap: 12px !important; }
  .maritsa-visual-grid .imageboxRadio { aspect-ratio: 1 / 1.15 !important; padding: 10px !important; }
  .maritsa-visual-grid .imageboxRadio > img { max-height: 75% !important; }
}

/* --- MacBook / Küçük Masaüstü (1025-1440px) --- */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .maritsa-visual-grid fieldset { grid-template-columns: repeat(6, 1fr) !important; gap: 10px !important; }
  .maritsa-visual-grid .imageboxRadio { padding: 8px !important; }
  .maritsa-visual-grid .imageboxRadio .radioButtonText { font-size: 10px !important; }
}

/* --- MOBİL - 4 Kolon (max-width: 768px) --- */
@media only screen and (max-width: 768px) {
  .maritsa-visual-grid fieldset, .divDFElementContent_radio.maritsa-visual-grid fieldset { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 5px !important; width: 100% !important; margin: 0 !important; padding: 0 2px !important; min-width: 0 !important; box-sizing: border-box !important; }
  .maritsa-visual-grid .imageboxRadio { padding: 5px !important; aspect-ratio: 1 / 1.2 !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; }
  .maritsa-visual-grid .imageboxRadio > img { max-height: 65% !important; margin-bottom: 4px !important; }
  .maritsa-visual-grid .imageboxRadio .radioButtonText { font-size: 9px !important; line-height: 1.1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .maritsa-visual-grid .imageboxRadio.radioChecked::after, .maritsa-visual-grid .imageboxRadio.radioChecked::before { width: 18px !important; height: 18px !important; top: -6px !important; right: -6px !important; font-size: 9px !important; }
  .maritsa-preview-popup { width: 130px !important; min-height: 90px !important; bottom: calc(100% + 10px) !important; padding: 4px !important; display: none; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; align-items: center !important; justify-content: center !important; }
  .maritsa-preview-popup img { max-height: 110px !important; width: 100% !important; border-radius: 6px !important; }
  .maritsa-preview-popup::after { top: 100% !important; left: 50% !important; margin-left: -6px !important; right: auto !important; border-width: 6px !important; }
  @keyframes maritsa-mobilePopUpFix { 0% { opacity: 0; transform: translateX(-50%) translateY(5px) scale(0.95); } 100% { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); } }
  .maritsa-visual-grid .imageboxRadio:hover .maritsa-preview-popup { display: flex !important; animation: maritsa-mobilePopUpFix 0.2s ease-out !important; }
}

/* --- Modal Koruması --- */
.window_main fieldset, .window_main .imageboxRadio, #divWebWindow fieldset, #divWebWindow .imageboxRadio, .fancybox-content fieldset, .fancybox-content .imageboxRadio, .modal-body fieldset, .modal-body .imageboxRadio { display: inline-block !important; width: auto !important; height: auto !important; aspect-ratio: auto !important; margin: 5px !important; vertical-align: top !important; transform: none !important; box-shadow: none !important; border: 1px solid #eee !important; background: #fff !important; }
.window_main .imageboxRadio > img, #divWebWindow .imageboxRadio > img { max-width: 120px !important; height: auto !important; object-fit: contain !important; border-radius: 4px !important; }
.window_main .imageboxRadio.radioChecked, #divWebWindow .imageboxRadio.radioChecked { background: #f8f9fa !important; border-color: #616c70 !important; }
.window_main .imageboxRadio.radioChecked::after, .window_main .imageboxRadio.radioChecked::before { display: none !important; }

/* --- Label wrapper --- */
.maritsa-label-with-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; width: 100%; }
.maritsa-label-with-info label { margin-bottom: 0 !important; flex: 1; }

/* --- Info icon container --- */
.maritsa-dim-info { position: relative; display: inline-flex; align-items: center; justify-content: center; margin-left: 8px; cursor: pointer; }
.maritsa-dim-info:focus-visible { outline: 2px solid var(--maritsa-accent) !important; outline-offset: 2px !important; border-radius: 50%; }

/* --- SVG icon --- */
.maritsa-dim-icon { cursor: pointer; transition: all 0.2s ease; flex-shrink: 0; opacity: 0.85; }
.maritsa-dim-info:hover .maritsa-dim-icon, .maritsa-dim-info:focus .maritsa-dim-icon { opacity: 1; transform: scale(1.15); }
.maritsa-dim-tooltip { position: absolute; bottom: calc(100% + 12px); right: 0; left: auto; top: auto; transform: none; width: 420px; max-width: 420px; background: var(--maritsa-bg-secondary); border-radius: var(--maritsa-radius-xl); box-shadow: var(--maritsa-shadow-xl); z-index: 99990; display: none; font-family: var(--maritsa-font-main); box-sizing: border-box; overflow: hidden; }

/* --- Desktop arrow --- */
.maritsa-dim-tooltip::after { content: ''; position: absolute; bottom: -8px; right: 16px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.08)); }

/* --- Tooltip header - kompakt --- */
.maritsa-tooltip-header { padding: 12px var(--maritsa-space-lg); border-bottom: 1px solid var(--maritsa-border-light); display: flex; align-items: center; gap: 8px; background: var(--maritsa-bg-tertiary); font-family: var(--maritsa-font-main); font-size: 15px; font-weight: 700; color: var(--maritsa-text-primary); margin: 0; }
.maritsa-tooltip-header .maritsa-tooltip-emoji { font-size: 15px; }

/* --- Tooltip content - daha kompakt, geniş alan --- */
.maritsa-tooltip-content { padding: 14px var(--maritsa-space-lg); font-size: 13px; line-height: 1.6; color: var(--maritsa-text-secondary); background: var(--maritsa-bg-secondary); }
.maritsa-tooltip-content strong { color: var(--maritsa-text-primary); font-weight: 600; }
.maritsa-tooltip-content ul { margin: 6px 0 0 0; padding-left: 16px; }
.maritsa-tooltip-content li { margin-bottom: 3px; }
.maritsa-tooltip-content p { margin: 0 0 6px 0; }
.maritsa-tooltip-content p:last-child { margin-bottom: 0; }

/* --- Close button - Desktop'ta GİZLİ --- */
.maritsa-tooltip-close { position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 18px; color: var(--maritsa-text-muted); line-height: 1; transition: all 0.15s var(--maritsa-ease-smooth); font-weight: 300; width: 28px; height: 28px; display: none; align-items: center; justify-content: center; border-radius: 50%; background: transparent; border: none; z-index: 10; }
.maritsa-tooltip-close:hover { color: var(--maritsa-text-primary); background: var(--maritsa-border-light); transform: rotate(90deg); }

/* --- Overlay - Desktop'ta HER ZAMAN GİZLİ --- */
.maritsa-tooltip-overlay { display: none !important; }

/* --- MOBİL - Ekranın ortasında popup --- */
@media screen and (max-width: 768px) {
  .maritsa-tooltip-overlay { display: none !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99988; touch-action: none; -webkit-tap-highlight-color: transparent; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
  .maritsa-tooltip-overlay.active { display: block !important; animation: maritsa-fadeIn 0.2s var(--maritsa-ease-smooth); }
  .maritsa-dim-tooltip { position: fixed !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important; width: 90% !important; max-width: 340px !important; min-width: unset !important; border-radius: var(--maritsa-radius-xl) !important; box-shadow: var(--maritsa-shadow-xl) !important; z-index: 99990 !important; max-height: 75vh; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .maritsa-dim-tooltip[style*="display: block"] { animation: maritsa-tooltipPopIn 0.35s var(--maritsa-ease-bounce); }
  @keyframes maritsa-tooltipPopIn { 0% { opacity: 0; transform: translate(-50%, -45%) scale(0.92); } 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
  .maritsa-dim-tooltip::after { display: none !important; }
  .maritsa-dim-tooltip::before { display: none !important; }
  .maritsa-tooltip-close { display: flex !important; top: 12px; right: 12px; width: 28px; height: 28px; font-size: 18px; background: var(--maritsa-bg-tertiary); border: 1px solid var(--maritsa-border-light); }
  .maritsa-tooltip-header { padding: var(--maritsa-space-md) var(--maritsa-space-lg); padding-right: 50px; font-size: 15px; }
  .maritsa-tooltip-content { font-size: 13px; padding: var(--maritsa-space-md) var(--maritsa-space-lg); padding-bottom: var(--maritsa-space-lg); line-height: 1.65; }
  .maritsa-tooltip-content ul { padding-left: 18px; }
  .maritsa-tooltip-content li { margin-bottom: 6px; }
}

/* --- Result Box --- */
.maritsa-result-box { background: var(--maritsa-bg-secondary); border: 1px solid var(--maritsa-border-light); padding: var(--maritsa-space-lg); border-radius: var(--maritsa-radius-xl); margin-top: var(--maritsa-space-lg); order: 999; display: none; position: relative; overflow: hidden; }
.maritsa-result-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--maritsa-brand-gradient); }
.maritsa-result-box.active { display: block; animation: maritsa-resultReveal 0.5s var(--maritsa-ease-smooth); }
@keyframes maritsa-resultReveal { 0% { opacity: 0; transform: translateY(20px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }

/* --- Result Top - Miktar ve Adet --- */
.maritsa-result-top { margin-bottom: var(--maritsa-space-md); padding-bottom: var(--maritsa-space-md); border-bottom: 1px solid var(--maritsa-border-light); display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; }
.maritsa-result-info { display: flex; align-items: baseline; gap: var(--maritsa-space-sm); flex-shrink: 1; min-width: 0; }
.maritsa-result-label { font-family: var(--maritsa-font-main); font-size: 14px; font-weight: 600; color: var(--maritsa-text-secondary); white-space: nowrap; }
.maritsa-result-value { font-family: var(--maritsa-font-mono); font-size: 18px; font-weight: 600; color: var(--maritsa-text-primary); }
.maritsa-qty-container { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; }
.maritsa-qty-msg { font-size: 11px; color: var(--maritsa-text-muted); margin-top: var(--maritsa-space-xs); text-align: right; max-width: 140px; line-height: 1.3; display: none; font-family: var(--maritsa-font-main); }

/* --- Breakdown --- */
.maritsa-breakdown-container { margin-bottom: var(--maritsa-space-md); padding-bottom: var(--maritsa-space-md); border-bottom: 1px solid var(--maritsa-border-light); display: none; }
.maritsa-breakdown-row { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: var(--maritsa-text-secondary); margin-bottom: var(--maritsa-space-sm); font-family: var(--maritsa-font-main); font-weight: 500; }
.maritsa-breakdown-row span:last-child { font-family: var(--maritsa-font-mono); font-weight: 600; color: var(--maritsa-text-primary); }
.maritsa-breakdown-row.main-calc { font-weight: 700; color: var(--maritsa-text-primary); }

/* --- Toplam Tutar Row --- */
.maritsa-row-total { display: flex; justify-content: space-between; align-items: center; padding: var(--maritsa-space-md); background: var(--maritsa-bg-tertiary); border-radius: var(--maritsa-radius-md); margin: 0 calc(-1 * var(--maritsa-space-sm)); }
.maritsa-row-total .maritsa-result-label { font-family: var(--maritsa-font-main); font-size: 15px; font-weight: 700; color: var(--maritsa-text-primary); }
.maritsa-row-total .maritsa-result-value { font-family: var(--maritsa-font-mono); font-size: 24px; font-weight: 700; color: var(--maritsa-text-primary); }

/* --- Sepetteki Tutar Row --- */
.maritsa-cart-row { display: flex; justify-content: space-between; align-items: center; margin-top: var(--maritsa-space-md); padding: var(--maritsa-space-md); background: #c0392b; border-radius: var(--maritsa-radius-md); margin-left: calc(-1 * var(--maritsa-space-sm)); margin-right: calc(-1 * var(--maritsa-space-sm)); }
.maritsa-cart-row .maritsa-result-label { font-family: var(--maritsa-font-main); font-size: 15px; font-weight: 700; color: #fff; }
.maritsa-cart-row .maritsa-result-value { font-family: var(--maritsa-font-mono); font-size: 24px; font-weight: 700; color: #fff; }
.maritsa-cart-footer { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--maritsa-space-md); margin-top: var(--maritsa-space-sm); padding: 0 var(--maritsa-space-sm); }
.maritsa-cart-excluded-note { display: none; font-size: 10.5px; line-height: 1.35; font-weight: 500; font-family: var(--maritsa-font-main); color: var(--maritsa-text-muted); text-align: left; flex: 1 1 auto; min-width: 0; }

/* --- Footer içinde sağ tarafta durur --- */
.maritsa-cart-msg { display: none; font-size: 11px; color: #c0392b; text-align: right; font-weight: 500; font-family: var(--maritsa-font-main); flex: 0 0 auto; line-height: 1.35; }

/* --- Quantity Wrapper --- */
.maritsa-qty-wrapper { display: grid !important; grid-template-columns: 36px 1fr 36px !important; border: 2px solid var(--maritsa-border-medium) !important; border-radius: var(--maritsa-radius-md) !important; background: var(--maritsa-bg-secondary) !important; height: 40px !important; width: 110px !important; overflow: hidden !important; box-shadow: var(--maritsa-shadow-inner) !important; padding: 0 !important; z-index: 999 !important; position: relative !important; transition: all 0.25s var(--maritsa-ease-smooth); }
.maritsa-qty-wrapper:hover { border-color: var(--maritsa-accent); }
.maritsa-qty-btn { width: 100% !important; height: 100% !important; background: var(--maritsa-bg-tertiary) !important; border: none !important; cursor: pointer !important; font-weight: 600 !important; font-size: 18px !important; color: var(--maritsa-text-secondary) !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.15s var(--maritsa-ease-smooth) !important; font-family: var(--maritsa-font-main) !important; }
.maritsa-qty-btn:hover { background: var(--maritsa-accent) !important; color: #fff !important; }
.maritsa-qty-btn:active { transform: scale(0.95); }
#frmDinamikForm #maritsa-custom-qty { width: 100% !important; height: 100% !important; border: none !important; background: transparent !important; font-weight: 700 !important; font-size: 15px !important; color: var(--maritsa-text-primary) !important; opacity: 1 !important; border-radius: 0 !important; box-shadow: none !important; display: block !important; text-align: center !important; font-family: var(--maritsa-font-mono) !important; padding: 0 !important; }

/* --- View Button --- */
.maritsa-view-btn { display: inline-flex !important; align-items: center; gap: 6px; margin-top: 5px !important; font-size: 12px; font-weight: 600; color: var(--maritsa-accent-dark); cursor: pointer; background: var(--maritsa-bg-secondary); padding: 7px 14px; border-radius: 8px; transition: all 0.25s var(--maritsa-ease-smooth); border: 1px solid var(--maritsa-accent); text-decoration: none !important; width: auto !important; line-height: 1; font-family: var(--maritsa-font-main); }
.maritsa-view-btn svg { width: 12px; height: 12px; stroke: var(--maritsa-accent-dark); transition: all 0.15s var(--maritsa-ease-smooth); }
.maritsa-view-btn:hover, .maritsa-view-btn:focus, .maritsa-view-btn:active { background: var(--maritsa-accent) !important; color: #ffffff !important; transform: translateY(-2px); box-shadow: var(--maritsa-shadow-sm), var(--maritsa-shadow-glow); border-color: var(--maritsa-accent) !important; }
.maritsa-view-btn:hover svg, .maritsa-view-btn:focus svg, .maritsa-view-btn:active svg { stroke: #ffffff !important; }

/* --- Modal --- */
.maritsa-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 999999; display: none; justify-content: center; align-items: center; backdrop-filter: blur(10px); }
.maritsa-modal-overlay[style*="flex"] { animation: maritsa-fadeIn 0.3s var(--maritsa-ease-smooth); }
.maritsa-modal-content { background: var(--maritsa-bg-secondary); width: fit-content; max-width: 92vw; max-height: 90vh; border-radius: var(--maritsa-radius-xl); position: relative; display: flex; flex-direction: column; overflow: hidden; box-shadow: var(--maritsa-shadow-xl); animation: maritsa-modalSlideUp 0.4s var(--maritsa-ease-bounce); }
@keyframes maritsa-modalSlideUp { 0% { opacity: 0; transform: translateY(30px) scale(0.95); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
.maritsa-modal-header { padding: var(--maritsa-space-md) var(--maritsa-space-lg); border-bottom: 1px solid var(--maritsa-border-light); display: flex; justify-content: space-between; align-items: center; background: var(--maritsa-bg-tertiary); }
.maritsa-modal-title { font-family: var(--maritsa-font-main); font-size: 16px; font-weight: 700; color: var(--maritsa-text-primary); margin: 0; padding-right: var(--maritsa-space-md); }
.maritsa-modal-close { cursor: pointer; font-size: 18px; color: var(--maritsa-text-muted); line-height: 1; transition: all 0.15s var(--maritsa-ease-smooth); font-weight: 300; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: transparent; }
.maritsa-modal-close:hover { color: var(--maritsa-text-primary); background: var(--maritsa-border-light); transform: rotate(90deg); }
.maritsa-modal-body { padding: var(--maritsa-space-lg); overflow-y: auto; background: var(--maritsa-bg-secondary); display: flex; justify-content: center; }
.maritsa-card-grid { display: grid; gap: var(--maritsa-space-md); width: fit-content; margin: 0 auto; }
.maritsa-v-card { border: 1px solid var(--maritsa-border-light); border-radius: var(--maritsa-radius-lg); overflow: hidden; transition: all 0.25s var(--maritsa-ease-smooth); background: var(--maritsa-bg-secondary); display: flex; flex-direction: column; height: 100%; }
.maritsa-v-card:hover { transform: translateY(-4px); box-shadow: var(--maritsa-shadow-lg), var(--maritsa-shadow-glow); border-color: var(--maritsa-accent); }
.maritsa-v-card img { width: 100%; height: 160px; object-fit: cover; display: block; border-bottom: 1px solid var(--maritsa-border-light); flex-shrink: 0; transition: transform 0.25s var(--maritsa-ease-smooth); }
.maritsa-v-card:hover img { transform: scale(1.05); }
.maritsa-v-card-content { padding: var(--maritsa-space-sm); display: flex; flex-direction: column; align-items: center; justify-content: flex-grow; text-align: center; }
.maritsa-v-card span.v-title { font-family: var(--maritsa-font-main); font-size: 13px; font-weight: 700; color: var(--maritsa-text-primary); margin-bottom: 2px; display: block; }
.maritsa-v-card p.v-desc { font-family: var(--maritsa-font-main); font-size: 11px; color: var(--maritsa-text-secondary); margin: 0; line-height: 1.4; }

/* --- Warning Popup --- */
.maritsa-warning-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999998; backdrop-filter: blur(5px); animation: maritsa-fadeIn 0.2s var(--maritsa-ease-smooth); }
.maritsa-warning-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: var(--maritsa-bg-secondary); padding: var(--maritsa-space-xl); padding-top: calc(var(--maritsa-space-xl) + 4px); border-radius: var(--maritsa-radius-xl); box-shadow: var(--maritsa-shadow-xl); z-index: 9999999; text-align: center; width: 90%; max-width: 340px; animation: maritsa-warningPop 0.4s var(--maritsa-ease-bounce); overflow: hidden; }
.maritsa-warning-popup::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--maritsa-brand-gradient); border-radius: var(--maritsa-radius-xl) var(--maritsa-radius-xl) 0 0; }
@keyframes maritsa-warningPop { 0% { opacity: 0; transform: translate(-50%,-40%) scale(0.9); } 50% { transform: translate(-50%,-50%) scale(1.02); } 100% { opacity: 1; transform: translate(-50%,-50%) scale(1); } }
.maritsa-warning-icon { width: 56px; height: 56px; background: var(--maritsa-brand-gradient); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; margin: 0 auto var(--maritsa-space-md); box-shadow: 0 4px 20px rgba(97,108,112,0.3); }
.maritsa-warning-text { font-family: var(--maritsa-font-main); font-size: 15px; color: var(--maritsa-text-primary); font-weight: 500; margin-bottom: var(--maritsa-space-lg); line-height: 1.5; }
.maritsa-warning-text strong { color: var(--maritsa-accent-dark); font-weight: 700; }
.maritsa-warning-btn { background: var(--maritsa-primary); color: #fff; border: none; padding: 12px 24px; border-radius: var(--maritsa-radius-md); font-weight: 600; cursor: pointer; font-size: 14px; transition: all 0.25s var(--maritsa-ease-smooth); width: 100%; font-family: var(--maritsa-font-main); }
.maritsa-warning-btn:hover { background: var(--maritsa-accent-dark); transform: translateY(-2px); box-shadow: var(--maritsa-shadow-md); }
@keyframes maritsa-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }

/* --- Responsive --- */
@media (max-width: 768px) {
  :root { --maritsa-space-xl: 20px; --maritsa-space-lg: 16px; }
  .maritsa-row-wrapper { display: flex !important; flex-direction: row !important; gap: var(--maritsa-space-sm) !important; }
  .maritsa-row-wrapper > div { flex: 1 1 0 !important; min-width: 0 !important; max-width: 50% !important; }
  .maritsa-row-wrapper label { font-size: 12px !important; }
  .maritsa-group-box { padding: var(--maritsa-space-md); margin-bottom: var(--maritsa-space-md); border-radius: var(--maritsa-radius-lg); }
  .maritsa-result-box { padding: var(--maritsa-space-md); }
  .maritsa-result-top { flex-direction: row !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; }
  .maritsa-result-info { flex-direction: row !important; }
  .maritsa-qty-container { align-items: flex-end !important; }
  .maritsa-row-total, .maritsa-cart-row { margin-left: calc(-1 * var(--maritsa-space-xs)); margin-right: calc(-1 * var(--maritsa-space-xs)); padding: var(--maritsa-space-sm); }
  .maritsa-row-total .maritsa-result-value, .maritsa-cart-row .maritsa-result-value { font-size: 20px; }
  .maritsa-modal-content { border-radius: var(--maritsa-radius-lg); max-width: 95vw; min-width: 320px; }
  .maritsa-v-card img { height: 120px; }
  .productDetailDynamicForm input.textbox, .productDetailDynamicForm select, .productDetailDynamicForm input[type="number"] { height: 44px !important; font-size: 14px !important; }

  /* --- Mobilde başlık boyutu --- */
  .maritsa-label-wrapper label { font-size: 12px !important; }

  /* --- Mobilde footer satırı daralır, notlar küçülür --- */
  .maritsa-cart-footer { gap: var(--maritsa-space-sm); }
  .maritsa-cart-excluded-note { font-size: 9.5px; }
  .maritsa-cart-msg { font-size: 10px; }
}
@media (max-width: 380px) {
  .maritsa-row-wrapper label { font-size: 11px !important; }
  .maritsa-qty-wrapper { width: 100px !important; height: 36px !important; }
  .maritsa-result-label { font-size: 13px; }
  .maritsa-result-value { font-size: 16px; }

  /* --- Çok küçük ekranlar --- */
  .maritsa-label-wrapper label { font-size: 11px !important; }

  /* --- V5.4 --- */
  .maritsa-cart-footer { flex-direction: column; align-items: stretch; gap: 4px; }
  .maritsa-cart-excluded-note { font-size: 9px; text-align: left; }
  .maritsa-cart-msg { font-size: 9.5px; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* --- Klavye ile gezinirken odak çerçevesi --- */
.productDetailDynamicForm input:focus-visible, .productDetailDynamicForm select:focus-visible, .productDetailDynamicForm textarea:focus-visible { outline: none !important; border-color: var(--maritsa-accent) !important; border-width: 2px !important; }
.maritsa-toggle-btn:focus-visible, .maritsa-view-btn:focus-visible, .maritsa-qty-btn:focus-visible { outline: 2px solid var(--maritsa-accent) !important; outline-offset: 2px !important; }
#divUrunEkSecenek:not(.maritsa-integrated):not(.maritsa-show-default) { opacity: 0 !important; visibility: hidden !important; position: absolute !important; pointer-events: none !important; z-index: -999 !important; }
#frmDinamikForm:not(.maritsa-loaded) #divUrunEkSecenek.maritsa-integrated { opacity: 0 !important; transform: translateY(20px); }
#frmDinamikForm.maritsa-loaded #divUrunEkSecenek.maritsa-integrated { opacity: 1 !important; transform: translateY(0); transition: opacity 0.5s ease, transform 0.5s ease; }
#divUrunEkSecenek.maritsa-integrated { display: flex !important; flex-direction: column !important; width: 100% !important; height: auto !important; overflow: hidden !important; margin: 0 0 24px 0 !important; padding: 0 0 20px 0 !important; border: none !important; border-bottom: 1px solid var(--maritsa-border-light) !important; background: transparent !important; float: none !important; }

/* --- Kutu başlığı (Örn: Ebat) --- */
#divUrunEkSecenek.maritsa-integrated .left_line, #divUrunEkSecenek.maritsa-integrated .eksecenekLine > span:first-child { font-family: var(--maritsa-font-main) !important; font-size: 14px !important; font-weight: 600 !important; color: var(--maritsa-text-primary) !important; margin-bottom: 14px !important; display: block !important; width: 100% !important; }

/* --- Varyasyon Butonları Kapsayıcısı --- */
#divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; width: 100% !important; align-items: center !important; }

/* --- İlk butonun uzamasını engeller --- */
#divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line > * { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; }
#divUrunEkSecenek.maritsa-integrated .center_line, #divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line br, #divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line script, #divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line input[type="hidden"] { display: none !important; }

/* --- Standart Varyasyon Butonları --- */
#divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line a, #divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line span.VaryasyonSecili, #divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line span.VaryasyonAktif { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 12px 16px !important; border: 2px solid var(--maritsa-border-light) !important; border-radius: var(--maritsa-radius-md) !important; background: var(--maritsa-bg-secondary) !important; color: var(--maritsa-text-primary) !important; font-family: var(--maritsa-font-main) !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; transition: all 0.25s var(--maritsa-ease-smooth) !important; text-decoration: none !important; min-width: 90px !important; text-align: center; box-sizing: border-box !important; }

/* --- Hover --- */
#divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line a:hover { border-color: var(--maritsa-accent) !important; background: rgba(97,108,112,0.05) !important; transform: translateY(-2px) !important; }

/* --- Seçili Varyasyon --- */
#divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line a.selected, #divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line span.VaryasyonSecili, #divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line a.aktif, #divUrunEkSecenek.maritsa-integrated .kutuluVaryasyon .right_line a.VaryasyonSecili { border-color: var(--maritsa-accent) !important; background: linear-gradient(135deg, rgba(97,108,112,0.08) 0%, rgba(255,255,255,1) 100%) !important; box-shadow: 0 0 0 2px var(--maritsa-accent), var(--maritsa-shadow-sm) !important; color: var(--maritsa-accent-dark) !important; font-weight: 600 !important; }

/* --- KUTU İÇİ TAVAN BOŞLUĞU TEMİZLİĞİ --- */
.maritsa-options .maritsa-row-wrapper:empty { display: none !important; margin: 0 !important; padding: 0 !important; }
.maritsa-options > div:not(:empty):first-child { margin-top: 0 !important; }

/* ==========================================================================
   05 · Ürün Detay · numune talep butonu
   ========================================================================== */
.maritsa-numune-wrap { width: 100%; margin-top: 18px; margin-bottom: 4px; box-sizing: border-box; }
.maritsa-numune-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 13px 16px; background: #ffffff; border: 1px solid #e2e2e2; border-radius: 10px; color: #4b5563; font-family: var(--mx-font); font-size: 13px; font-weight: 600; letter-spacing: 0.01em; cursor: pointer; box-sizing: border-box; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; }
.maritsa-numune-label { line-height: 1.3; }

/* --- Varsayılan (tıklanabilir) durum --- */
.maritsa-numune-btn-default:hover { background: #fafafa; color: #616c70; border-color: #616c70; }
.maritsa-numune-btn-default:active { background: #f2f2f2; }

/* --- Yükleniyor durumu --- */
.maritsa-numune-btn-loading { background: #f7f7f7; border-color: #e2e2e2; color: #a0a0a0; cursor: wait; }
.maritsa-numune-btn-disabled { background: #f7f7f7; border-color: #e2e2e2; color: #a0a0a0; cursor: not-allowed; }
@media (max-width: 768px) {
  .maritsa-numune-btn { padding: 13px 14px; font-size: 12px; }
}
.maritsa-numune-info-link { display: block; text-align: left; margin-top: 8px; padding-left: 2px; font-family: var(--mx-font); font-size: 11.5px; font-weight: 600; color: #9a9a9a; text-decoration: none; letter-spacing: 0.01em; transition: color 0.2s ease; }
.maritsa-numune-info-link:hover { color: #616c70; text-decoration: underline; }

/* ==========================================================================
   06 · Ürün Detay · renk seçimi uyarısı
   ========================================================================== */
/* --- "RENK SEÇİNİZ" POPUP'I --- */
.maritsa-numune-color-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55); z-index: 999997; opacity: 0; pointer-events: none; transition: opacity 0.25s ease; }
.maritsa-numune-color-overlay.maritsa-numune-color-visible { opacity: 1; pointer-events: auto; }
.maritsa-numune-color-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -46%); width: 90%; max-width: 360px; background: #ffffff; border-radius: 16px; padding: 32px 28px 26px; text-align: center; z-index: 999998; opacity: 0; pointer-events: none; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); transition: opacity 0.28s ease, transform 0.28s ease; overflow: hidden; }
.maritsa-numune-color-modal::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(135deg, #616c70 0%, #c0c0c0 50%, #616c70 100%); }
.maritsa-numune-color-modal.maritsa-numune-color-visible { opacity: 1; transform: translate(-50%, -50%); pointer-events: auto; }
.maritsa-numune-color-modal-icon { width: 56px; height: 56px; margin: 0 auto 18px; background: linear-gradient(135deg, #616c70 0%, #c0c0c0 50%, #616c70 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-family: var(--mx-font); font-size: 24px; font-weight: 700; box-shadow: 0 4px 20px rgba(97, 108, 112, 0.3); }
.maritsa-numune-color-modal-text { font-family: var(--mx-font); font-size: 14px; font-weight: 400; color: #2c2c2c; line-height: 1.6; margin: 0 0 22px; }
.maritsa-numune-color-modal-text strong { font-weight: 700; }
.maritsa-numune-color-modal-btn { width: 100%; padding: 13px 16px; background: #616c70; border: none; border-radius: 10px; color: #ffffff; font-family: var(--mx-font); font-size: 13px; font-weight: 700; cursor: pointer; transition: background 0.2s ease, transform 0.2s ease; }
.maritsa-numune-color-modal-btn:hover { background: #4a5356; transform: translateY(-1px); }
@keyframes maritsaNumuneColorPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(97, 108, 112, 0); } 25% { box-shadow: 0 0 0 6px rgba(97, 108, 112, 0.18); } 50% { box-shadow: 0 0 0 0 rgba(97, 108, 112, 0); } 75% { box-shadow: 0 0 0 6px rgba(97, 108, 112, 0.18); } }
.maritsa-numune-color-highlight { animation: maritsaNumuneColorPulse 1.3s ease-in-out 2; border-radius: 14px; }

/* ==========================================================================
   07 · Sayfa · Blog
   ========================================================================== */
/* --- BÖLÜM 1 - BLOG LİSTESİ TASARIMI --- */
.blog-h1 { text-align: center !important; font-size: 28px !important; font-weight: 600 !important; color: #2c3e50 !important; margin-bottom: 30px !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; line-height: 1.35 !important; }
.blog-h1 a { text-decoration: none !important; color: inherit !important; }
.tici-blok-ul { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 30px !important; padding: 0 !important; list-style: none !important; align-items: stretch !important; }
.post-item { background: #fff !important; border-radius: 12px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; overflow: hidden !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; margin: 0 !important; float: none !important; border: none !important; }
.post-item:hover { transform: translateY(-5px) !important; box-shadow: 0 12px 25px rgba(0,0,0,0.12) !important; }
.post-item a:hover, .post-item a:focus, .pi-picture a:hover img, .post-item:hover .pi-picture img { opacity: 1 !important; background-color: transparent !important; filter: brightness(1) !important; }
.pi-picture a::before, .pi-picture a::after, .post-item:hover::before, .post-item:hover::after { display: none !important; content: none !important; }
.pi-picture { width: 100% !important; height: 240px !important; overflow: hidden !important; margin: 0 !important; border: none !important; display: block !important; padding: 15px 15px 0 15px !important; }
.pi-picture a { display: block !important; width: 100% !important; height: 100% !important; }
.pi-picture img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.6s ease !important; border-radius: 10px !important; }
.post-item:hover .pi-picture img { transform: scale(1.05) !important; }
.pi-titles { padding: 15px 20px 10px !important; height: auto !important; min-height: min-content !important; overflow: visible !important; }
.pi-titles h2 { font-size: 18px !important; line-height: 1.4 !important; margin: 0 !important; font-weight: 700 !important; height: auto !important; overflow: visible !important; white-space: normal !important; display: block !important; }
.pi-titles h2 a { color: #2c3e50 !important; text-decoration: none !important; transition: color 0.3s ease !important; }
.pi-titles h2 a:hover { color: #616c70 !important; }
.pi-categories { padding: 0 20px !important; font-size: 12px !important; color: #7f8c8d !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: flex-start !important; margin-bottom: 12px !important; }
.pi-categories > span:first-child:not(.pi-cat) { width: 100% !important; display: block !important; margin-bottom: 6px !important; font-weight: 500 !important; color: #95a5a6 !important; }
.pi-cat a { background: #f1f2f6 !important; color: #616c70 !important; padding: 4px 10px !important; border-radius: 20px !important; text-decoration: none !important; font-weight: 600 !important; transition: background 0.3s ease !important; }
.pi-cat a:hover { background: #e2e4eb !important; }
.pi-text { padding: 0 20px !important; font-size: 14px !important; color: #666 !important; line-height: 1.6 !important; flex-grow: 1 !important; }
.pi-etiket { display: none !important; }
.pi-link { padding: 15px 20px 20px !important; margin-top: auto !important; }
.pi-link a { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: transparent !important; color: #333 !important; border: 1px solid #d6d6d6 !important; border-radius: 999px !important; padding: 10px 22px !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; }
.pi-link a::after { content: ''; display: inline-block; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-top: -4px; transition: transform 0.3s ease; }
.pi-link a:hover, .pi-link a:focus { background-color: #616c70 !important; border-color: #616c70 !important; color: #fff !important; }
.blogRight { background: #fff !important; padding: 25px !important; border-radius: 12px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; }
.blogSearchFormArea { display: flex !important; margin-bottom: 35px !important; }
#blogSearchInput { flex-grow: 1 !important; padding: 12px 15px !important; border: 1px solid #ddd !important; border-radius: 6px 0 0 6px !important; outline: none !important; box-shadow: none !important; }
.blogSearchFormArea button { background: #616c70 !important; color: #fff !important; border: none !important; padding: 0 20px !important; border-radius: 0 6px 6px 0 !important; cursor: pointer !important; font-weight: 600 !important; transition: background 0.3s !important; }
.blogSearchFormArea button:hover { background: #4a5356 !important; }
.blogkategoribaslik, .bloksonyazilarbaslik { font-size: 18px !important; font-weight: 700 !important; color: #333 !important; margin-bottom: 20px !important; padding-bottom: 10px !important; border-bottom: 2px solid #f1f2f6 !important; text-transform: uppercase; }
.blogKategori ul { list-style: none !important; padding: 0 !important; margin-bottom: 40px !important; }
.blogKategori ul li { margin-bottom: 10px !important; }
.blogKategori ul li a { color: #555 !important; text-decoration: none !important; display: block !important; padding: 10px 15px !important; border-radius: 6px !important; transition: all 0.3s ease !important; background: #f8f9fa !important; font-weight: 500 !important; }
.blogKategori ul li a:hover { background: #616c70 !important; color: #fff !important; padding-left: 20px !important; }
.blokSonYazilar ul { list-style: none !important; padding: 0 !important; }
.blokSonYazilar ul li { margin-bottom: 15px !important; }
.blokSonYazilar ul li a { display: flex !important; align-items: center !important; text-decoration: none !important; color: #333 !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 500 !important; transition: color 0.3s !important; }
.blokSonYazilar ul li a:hover { color: #616c70 !important; }
.blokSonYazilar ul li img { width: 75px !important; height: 75px !important; object-fit: cover !important; border-radius: 8px !important; margin-right: 15px !important; flex-shrink: 0 !important; border: none !important; }
.blog-sayfalama { margin-top: 50px !important; text-align: center !important; width: 100% !important; }
.blog-sayfalama ul { display: inline-flex !important; list-style: none !important; padding: 0 !important; gap: 8px !important; }
.blog-sayfalama ul li a { display: flex !important; justify-content: center !important; align-items: center !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #f1f2f6 !important; color: #333 !important; text-decoration: none !important; font-weight: 600 !important; transition: all 0.3s ease !important; border: none !important; }
.blog-sayfalama ul li a:hover, .blog-sayfalama ul li a.active { background: #616c70 !important; color: #fff !important; }
@media (max-width: 991px) {
  .tici-blok-ul { grid-template-columns: 1fr !important; }
  .blogRight { margin-top: 40px !important; }
}
.blog-img { margin: 25px 0 35px !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important; }
.blog-img img { width: 100% !important; display: block !important; }
.blog-byline { font-size: 13px !important; color: #95a5a6 !important; margin: -20px 0 25px !important; }
.blog-byline time { color: #95a5a6 !important; }

/* --- Metin Özeti Kutusu --- */
.blog-quick-answer { background: #f4f6f6 !important; border: 1px solid #dfe3e3 !important; border-radius: 10px !important; padding: 20px 24px !important; margin: 20px 0 30px !important; max-width: 100% !important; }
.qa-label { display: block !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; color: #616c70 !important; margin-bottom: 8px !important; }
.blog-quick-answer p { font-size: 16px !important; font-weight: 500 !important; color: #2c3e50 !important; margin: 0 !important; line-height: 1.7 !important; }

/* --- Gövde Metni - okunabilir satır genişliği --- */
.blog-content { font-size: 16px !important; line-height: 1.85 !important; color: #444 !important; max-width: 100% !important; }
.blog-content p { margin: 0 0 18px !important; }
.blog-content strong, .blog-content b { color: #2c3e50 !important; }

/* --- İçindekiler Kutusu --- */
.blog-toc { background: #f8f9fa !important; border: 1px solid #eee !important; border-left: 4px solid #616c70 !important; border-radius: 10px !important; padding: 20px 25px !important; margin: 10px 0 35px !important; max-width: 100% !important; }
.blog-toc-title { font-weight: 700 !important; font-size: 15px !important; text-transform: uppercase; letter-spacing: 0.5px; color: #333 !important; margin-bottom: 12px !important; }
.blog-toc ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.blog-toc li { margin-bottom: 8px !important; }
.blog-toc a { color: #616c70 !important; text-decoration: none !important; font-size: 14px !important; font-weight: 500 !important; transition: color 0.2s; }
.blog-toc a:hover { color: #2c3e50 !important; text-decoration: underline !important; }

/* --- Bölüm Başlıkları (h2) --- */
.blog-section-title { scroll-margin-top: 100px; font-size: 23px !important; font-weight: 700 !important; color: #2c3e50 !important; margin: 45px 0 20px !important; padding-bottom: 12px !important; border-bottom: 2px solid #f1f2f6 !important; }

/* --- Alt Başlıklar (h3) --- */
.blog-subheading { font-size: 17px !important; font-weight: 700 !important; color: #616c70 !important; margin: 28px 0 12px !important; padding-left: 12px !important; border-left: 3px solid #616c70 !important; }
.blog-callout { padding: 18px 22px !important; border-radius: 4px !important; margin: 24px 0 !important; font-size: 15px !important; line-height: 1.7 !important; border-left: 3px solid !important; max-width: 100% !important; }
.callout-label { display: block !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 6px !important; }
.callout-warning { background: #fafafa !important; border-left-color: #a08a5f !important; }
.callout-warning .callout-label { color: #a08a5f !important; }
.callout-tip { background: #fafafa !important; border-left-color: #616c70 !important; }
.callout-tip .callout-label { color: #616c70 !important; }
.callout-result { background: #fafafa !important; border-left-color: #5f8a6c !important; }
.callout-result .callout-label { color: #5f8a6c !important; }

/* --- SSS Bloğu --- */
.blog-faq { margin-top: 20px !important; max-width: 100% !important; }
.blog-faq-item { border-bottom: 1px solid #f1f2f6 !important; padding: 18px 0 !important; }
.blog-faq-question { font-weight: 700 !important; font-size: 16px !important; color: #2c3e50 !important; margin-bottom: 8px !important; }
.blog-faq-answer { font-size: 14.5px !important; color: #555 !important; line-height: 1.7 !important; }

/* --- Etiketler, Tarih, Geri Dön --- */
.blog-etiket { margin-top: 40px !important; padding: 18px 20px !important; background: #f8f9fa !important; border-radius: 8px !important; font-size: 13px !important; color: #7f8c8d !important; line-height: 1.8 !important; max-width: 100% !important; }
.blog-etiket strong { color: #333 !important; }
.yayintarih { margin-top: 15px !important; font-size: 13px !important; color: #95a5a6 !important; }
.blog-listeyedon { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin-top: 25px !important; background: transparent !important; color: #333 !important; border: 1px solid #d6d6d6 !important; border-radius: 999px !important; padding: 10px 22px !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; }
.blog-listeyedon::before { content: ''; display: inline-block; width: 7px; height: 7px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
.blog-listeyedon:hover, .blog-listeyedon:focus { background-color: #616c70 !important; border-color: #616c70 !important; color: #fff !important; }
html { scroll-behavior: smooth !important; }
.blog-img + div { opacity: 0; }
.blog-img + div.blog-ready { opacity: 1; transition: opacity 0.25s ease; }

/* ==========================================================================
   08 · Sayfa · Hakkımızda
   ========================================================================== */
.maritsa-hakkimizda-sayfasi { color: #4A4A4A; line-height: 1.7; overflow-x: hidden; margin-top: 40px; }
.animate-on-scroll { opacity: 0; transform: translateY(30px); transition: opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94); }
.animate-on-scroll.visible { opacity: 1; transform: translateY(0); }
.hakkimizda-hero { background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url('https://static.ticimax.cloud/63950/uploads/images/ana%20sayfa/onaylanmis-kumas.png'); background-size: cover; background-position: center; text-align: center; padding: 100px 20px; color: #fff; border-radius: 5px; }
.hakkimizda-hero h1 { font-size: 3rem; font-weight: 500; margin-bottom: 15px; letter-spacing: 1px; }
.hakkimizda-hero p { font-size: 1.25rem; font-weight: 300; max-width: 600px; margin: 0 auto; }
.hakkimizda-story { display: flex; align-items: center; gap: 50px; padding: 80px 5%; background: #fff; }
.story-content { flex: 1; }
.story-content h2 { font-size: 2.5rem; font-weight: 600; margin-bottom: 20px; border-left: 4px solid #616c70; padding-left: 18px; }
.story-image { flex: 1; max-width: 500px; }
.story-image img { width: 100%; height: auto; border-radius: 5px; box-shadow: 0 10px 25px rgba(0,0,0,.1); }
.hakkimizda-degerler { display: flex; justify-content: space-between; gap: 30px; padding: 60px 5%; background: #fcfcfc; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 1px solid #eee; text-align: center; }
.deger-item { flex: 1; max-width: 300px; }
.deger-item h3 { font-size: 1.5rem; color: #616c70; margin-bottom: 10px; font-weight: 600; }
.hakkimizda-timeline { padding: 80px 5%; background: #f1f1f1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.hakkimizda-timeline h2 { text-align: center; font-size: 2.5rem; font-weight: 600; margin-bottom: 60px; }
.timeline { position: relative; max-width: 800px; margin: 0 auto; }
.timeline::after { content: ''; position: absolute; width: 2px; background-color: #E0E0E0; top: 0; bottom: 0; left: 50%; margin-left: -1px; }
.timeline-item { padding: 10px 40px; position: relative; width: 50%; }
.timeline-item:nth-child(odd) { left: 0; padding-right: 60px; text-align: right; }
.timeline-item:nth-child(even) { left: 50%; padding-left: 60px; text-align: left; }
.timeline-dot { content: ''; position: absolute; width: 14px; height: 14px; background-color: #fff; border: 3px solid #616c70; top: 24px; border-radius: 50%; z-index: 1; }
.timeline-item:nth-child(odd) .timeline-dot { right: -7px; }
.timeline-item:nth-child(even) .timeline-dot { left: -7px; }
.timeline-content { padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 4px 15px rgba(0,0,0,.05); }
.timeline-content h3 { font-size: 1.4rem; font-weight: 600; color: #333; margin-top: 0; }
@media (max-width:768px) {
  .hakkimizda-hero h1 { font-size: 2rem; }
  .hakkimizda-hero p { font-size: 1rem; }
  .hakkimizda-story { flex-direction: column; padding: 40px 20px; gap: 20px; }
  .story-content h2 { font-size: 2rem; }
  .hakkimizda-degerler { flex-direction: column; padding: 40px 20px; }
  .deger-item { margin-bottom: 20px; margin-left: auto; margin-right: auto; }
  .timeline::after { left: 20px; }
  .timeline-item { width: 100%; padding-left: 50px; padding-right: 15px; text-align: left !important; }
  .timeline-item:nth-child(even) { left: 0; }
  .timeline-dot { left: 12px !important; right: auto !important; }
}

/* ==========================================================================
   09 · Sayfa · Kurumsal
   ========================================================================== */
.devamini-oku-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 22px; margin-top: 15px; background-color: #fff; color: #333; text-align: center; text-decoration: none; border: 1px solid #ccc; border-radius: 999px; cursor: pointer; font-size: 13px; font-weight: 500; transition: background-color .3s ease,color .3s ease,border-color .3s ease; }
.devamini-oku-btn::after { content: ""; width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-left: 2px; }
.devamini-oku-btn:hover, .devamini-oku-btn:focus, .devamini-oku-btn:active { background-color: #616c70; color: #fff; border-color: #616c70; }
.maritsa-kurumsal-sayfasi { max-width: 1200px; margin: 40px auto; background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); border: 1px solid #eee; border-radius: 5px; overflow: hidden; color: #444; line-height: 1.7; }
.maritsa-kurumsal-header { background-color: #f1f1f1; padding: 40px 20px; text-align: center; border-bottom: 1px solid #ddd; }
.maritsa-kurumsal-header h1 { font-size: 2.2rem; color: #212529; margin: 0; }
.maritsa-kurumsal-header p { color: #6c757d; margin-top: 8px; font-size: 1rem; }
.maritsa-kurumsal-container { display: flex; flex-direction: row; padding: 40px; gap: 40px; }
.maritsa-kurumsal-sayfasi #maritsa-sidebar { flex: 0 0 260px; position: sticky; top: 40px; align-self: flex-start; }
.maritsa-kurumsal-sayfasi #maritsa-sidebar h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: .05em; font-weight: 700; color: #868e96; margin-top: 0; margin-bottom: 20px; }
.maritsa-kurumsal-sayfasi #maritsa-sidebar ul { list-style-type: none !important; padding: 0; margin: 0; border-left: 2px solid #ccc; }
.maritsa-kurumsal-sayfasi #maritsa-sidebar ul li a { display: block; padding: 10px 20px; text-decoration: none; color: #495057; font-weight: 500; font-size: .95rem; border-left: 2px solid transparent; margin-left: -2px; transition: all .2s ease-in-out; }
.maritsa-kurumsal-sayfasi #maritsa-sidebar ul li a:hover { background-color: #f1f1f1; color: #000; }
.maritsa-kurumsal-sayfasi #maritsa-sidebar ul li a.active-link { border-left-color: #333; color: #000; font-weight: 700; background-color: transparent; }
.maritsa-kurumsal-sayfasi #maritsa-content-area { flex: 1; min-width: 0; }
.maritsa-kurumsal-sayfasi #maritsa-content-area h1 { font-size: 1.6rem; color: #343a40; margin-top: 0; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.maritsa-kurumsal-sayfasi #maritsa-content-area p { margin-bottom: 15px; }
.maritsa-kurumsal-sayfasi #maritsa-content-area a:not(.devamini-oku-btn) { color: #495057; text-decoration: underline; font-weight: 600; }
.maritsa-kurumsal-sayfasi #maritsa-content-area a:not(.devamini-oku-btn):hover { color: #000; }
.maritsa-kurumsal-sayfasi .content-section { display: none; }
.maritsa-kurumsal-sayfasi .content-section.active { display: block; }
@media (max-width:768px) {
  .maritsa-kurumsal-sayfasi { margin: 0; border: none; box-shadow: none; border-radius: 0; }
  .maritsa-kurumsal-header { padding: 30px 15px; }
  .maritsa-kurumsal-header h1 { font-size: 1.6rem; }
  .maritsa-kurumsal-container { flex-direction: column; padding: 20px 15px; gap: 0; }
  .maritsa-kurumsal-sayfasi #maritsa-sidebar { position: static; flex-basis: auto; margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 20px; }
  .maritsa-kurumsal-sayfasi #maritsa-content-area h1 { font-size: 1.4rem; }
}

/* ==========================================================================
   10 · Sayfa · Sözleşmeler
   ========================================================================== */
/* --- Sözleşme Sayfaları --- */
.maritsa-sozlesmeler-sayfasi { color: #444; line-height: 1.7; background-color: #fff; }
.maritsa-sozlesmeler-header { background-color: #f1f1f1; padding: 40px 20px; text-align: center; border-bottom: 1px solid #ddd; }
.maritsa-sozlesmeler-header h1 { font-size: 2.2rem; color: #212529; margin: 0; }
.maritsa-sozlesmeler-header p { color: #6c757d; margin-top: 8px; font-size: 1rem; }
.maritsa-sozlesmeler-container { display: flex; max-width: 1200px; margin: 40px auto; padding: 0 20px; gap: 40px; }
.maritsa-sozlesmeler-sidebar { flex: 0 0 250px; position: sticky; top: 40px; align-self: flex-start; height: calc(100vh - 80px); overflow-y: auto; }
.maritsa-sozlesmeler-sidebar ul { list-style: none; padding: 0; margin: 0; border-left: 2px solid #ccc; }
.maritsa-sozlesmeler-sidebar li a { display: block; padding: 10px 20px; color: #495057; text-decoration: none; font-size: .95rem; border-left: 2px solid transparent; margin-left: -2px; transition: all .2s ease-in-out; }
.maritsa-sozlesmeler-sidebar li a:hover { color: #000; background-color: #f1f1f1; }
.maritsa-sozlesmeler-sidebar li a.active { border-left-color: #333; color: #000; font-weight: 700; }
.maritsa-sozlesmeler-content { flex: 1; min-width: 0; }
.maritsa-sozlesmeler-content section { margin-bottom: 50px; padding-top: 20px; margin-top: -20px; }
.maritsa-sozlesmeler-content h2 { font-size: 1.6rem; color: #343a40; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; }
.maritsa-sozlesmeler-content p { margin-bottom: 15px; }
@media (max-width:992px) {
  .maritsa-sozlesmeler-container { flex-direction: column; }
  .maritsa-sozlesmeler-sidebar { position: static; height: auto; margin-bottom: 40px; flex: 0 0 auto; overflow-y: hidden; }
  .maritsa-sozlesmeler-sidebar ul { border-left: none; }
  .maritsa-sozlesmeler-sidebar li a { border-left: none; border-bottom: 1px solid #ddd; }
  .maritsa-sozlesmeler-sidebar li a.active { border-left-color: transparent; border-bottom-color: #333; background-color: #f8f8f8; }
}
.maritsa-sozlesmeler-content section { scroll-margin-top: 90px; }
.maritsa-sozlesmeler-sayfasi { scroll-behavior: smooth; }
.maritsa-sozlesmeler-content p a { color: #495057; text-decoration: underline; font-weight: 600; transition: color .2s ease-in-out; }
.maritsa-sozlesmeler-content p a:hover { color: #000; }

/* ==========================================================================
   11 · Sayfa · İletişim
   ========================================================================== */
.maritsa-iletisim-sayfasi { font-family: 'Arial',sans-serif; line-height: 1.6; max-width: 1200px; margin: 40px auto; padding: 30px; background-color: #fff; border-radius: 5px; box-shadow: 0 10px 30px rgba(0,0,0,.1); display: flex; flex-wrap: wrap; gap: 40px; }
.maritsa-iletisim-sayfasi .Title, .maritsa-iletisim-sayfasi .baslik { font-size: 28px; font-weight: 600; color: #333; margin-bottom: 25px; border-bottom: 3px solid #616c70; padding-bottom: 10px; }
.maritsa-iletisim-sayfasi .IletisimFormLeft, .maritsa-iletisim-sayfasi .map-container { width: 100%; flex: 1 1 calc(50% - 20px); min-width: 300px; }
.maritsa-iletisim-sayfasi .contact-item { display: flex; align-items: flex-start; margin-bottom: 15px; color: #555; }
.maritsa-iletisim-sayfasi .contact-item i { color: #616c70; font-size: 18px; margin-right: 15px; margin-top: 3px; width: 20px; text-align: center; }
.maritsa-iletisim-sayfasi .contact-item a { color: #616c70; text-decoration: none; font-weight: 500; }
.maritsa-iletisim-sayfasi .social-list { margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee; }
.maritsa-iletisim-sayfasi .social-list a { display: inline-flex; width: 45px; height: 45px; align-items: center; justify-content: center; border-radius: 50%; background-color: #f1f1f1; margin-right: 10px; font-size: 16px; color: #616c70; transition: background-color .3s,color .3s; }
.maritsa-iletisim-sayfasi .social-list a:hover { background-color: #616c70; color: #fff; }
.maritsa-iletisim-sayfasi .responsive-map { width: 100%; height: 450px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,.08); }
.maritsa-iletisim-sayfasi .form-container { width: 100%; margin-top: 40px; padding: 30px; background-color: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.1); }
.maritsa-iletisim-sayfasi .form-container input:not([type="submit"]), .maritsa-iletisim-sayfasi .form-container textarea { width: 100%; padding: 12px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; font-size: 16px; transition: border-color .3s; }
.maritsa-iletisim-sayfasi .form-container input:focus, .maritsa-iletisim-sayfasi .form-container textarea:focus { border-color: #43ab45; outline: none; box-shadow: 0 0 5px rgba(67,171,69,.5); }
.maritsa-iletisim-sayfasi .form-container input[type="submit"], .maritsa-iletisim-sayfasi .form-container .gonder-btn { background-color: #616c70; color: #fff; padding: 14px 20px; margin-top: 10px; border: none; border-radius: 6px; cursor: pointer; font-size: 16px; font-weight: bold; transition: background-color .3s; width: 100%; display: block; }
.maritsa-iletisim-sayfasi .form-container input[type="submit"]:hover, .maritsa-iletisim-sayfasi .form-container .gonder-btn:hover { background-color: #444f52; color: #fff; }
.maritsa-iletisim-sayfasi .form-container label { display: block; margin-bottom: 8px; font-weight: 600; color: #333; }
@media (max-width:768px) {
  .maritsa-iletisim-sayfasi { flex-direction: column; margin: 20px auto; padding: 20px; }
  .maritsa-iletisim-sayfasi .IletisimFormLeft, .maritsa-iletisim-sayfasi .map-container { flex: 1 1 100%; min-width: unset; }
  .maritsa-iletisim-sayfasi .Title, .maritsa-iletisim-sayfasi .baslik { font-size: 24px; }
  .maritsa-iletisim-sayfasi .responsive-map { height: 300px; }
}

/* ==========================================================================
   12 · Sayfa · SSS
   ========================================================================== */
.textYazi h1, .textYazi .giris-aciklama, .sss-search-box input, .sss-search-noresult, .sss-sidebar ul li, .sss-question, .sss-answer, .sss-answer p, .sss-answer li { font-family: var(--mx-font); }
.textYazi h1 { font-size: 32px; font-weight: 700; text-align: center; color: #3f4749; margin-bottom: 12px; margin-top: 48px; letter-spacing: .2px; }
.textYazi .giris-aciklama { font-size: 15px; text-align: center; color: #8a9195; max-width: 680px; margin: 0 auto 34px; line-height: 1.7; }
.maritsa-sss-sayfasi { width: 100%; padding: 10px 0 60px; }

/* --- Arama Kutusu --- */
.sss-search-wrap { max-width: 1200px; margin: 0 auto 26px; padding: 0 20px; }
.sss-search-box { max-width: 480px; margin: 0 auto; position: relative; display: flex; align-items: center; background: #fff; border: 1.5px solid #e2e5e6; border-radius: 30px; padding: 12px 18px; box-shadow: 0 2px 10px rgba(97,108,112,.06); transition: border-color .25s ease, box-shadow .25s ease; }
.sss-search-box:focus-within { border-color: #616c70; box-shadow: 0 4px 16px rgba(97,108,112,.14); }
.sss-search-box i.fa-search { color: #a7aeb1; font-size: 14px; margin-right: 10px; }
.sss-search-box input { border: none; outline: none; flex: 1; font-size: 14px; color: #444; background: transparent; }
.sss-search-box input::placeholder { color: #b7bdbf; }
.sss-search-clear { cursor: pointer; color: #b7bdbf; font-size: 20px; line-height: 1; padding: 0 4px; transition: color .2s ease; }
.sss-search-clear:hover { color: #616c70; }
.sss-search-noresult { text-align: center; color: #8a9195; font-size: 14px; margin-top: 18px; }

/* --- Container --- */
.maritsa-sss-sayfasi .sss-container { display: flex; max-width: 1200px; margin: 0 auto; padding: 32px; background: #fff; border-radius: 14px; box-shadow: 0 4px 24px rgba(97,108,112,.07); align-items: flex-start; }

/* --- Sidebar --- */
.maritsa-sss-sayfasi .sss-sidebar { width: 270px; min-width: 270px; margin-right: 36px; position: sticky; top: 20px; }
.maritsa-sss-sayfasi .sss-sidebar ul { list-style: none; padding: 0; margin: 0; }
.maritsa-sss-sayfasi .sss-sidebar ul li { min-height: 48px; margin-bottom: 8px; cursor: pointer; font-size: 14.5px; font-weight: 600; padding: 12px 16px; display: flex; align-items: center; color: #5b6265; border-radius: 10px; border: 1px solid transparent; transition: background-color .22s ease, color .22s ease, border-color .22s ease, transform .15s ease; }
.maritsa-sss-sayfasi .sss-sidebar ul li:hover { background-color: #f4f5f5; border-color: #e5e7e8; transform: translateX(2px); }
.maritsa-sss-sayfasi .sss-sidebar ul li i { font-size: 16px; margin-right: 12px; color: #616c70; width: 18px; text-align: center; flex-shrink: 0; }
.sss-icon-svg { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-right: 12px; color: #616c70; flex-shrink: 0; }
.sss-icon-svg svg { width: 100%; height: 100%; }
.maritsa-sss-sayfasi .sss-sidebar ul li.active { background: linear-gradient(135deg, #616c70, #4d5659); border-color: #4d5659; color: #fff; box-shadow: 0 4px 14px rgba(97,108,112,.35); }
.maritsa-sss-sayfasi .sss-sidebar ul li.active i, .maritsa-sss-sayfasi .sss-sidebar ul li.active .sss-icon-svg { color: #fff; }

/* --- İçerik / Akordeon --- */
.maritsa-sss-sayfasi .sss-content { width: 100%; min-width: 0; }
.maritsa-sss-sayfasi .sss-faq { display: none; }
.maritsa-sss-sayfasi .sss-faq.active { display: block; }
.maritsa-sss-sayfasi .sss-faq-box { margin-bottom: 14px; border: 1px solid #ececec; border-radius: 10px; overflow: hidden; transition: box-shadow .25s ease, border-color .25s ease; }
.maritsa-sss-sayfasi .sss-faq-box:hover { border-color: #d8dadb; box-shadow: 0 2px 10px rgba(97,108,112,.06); }
.maritsa-sss-sayfasi .sss-question { padding: 16px 22px; cursor: pointer; background-color: #f7f7f8; display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 14.5px; color: #3a4042; transition: background-color .2s ease, color .2s ease; -webkit-tap-highlight-color: transparent; }
.maritsa-sss-sayfasi .sss-question i { font-size: 15px; color: #616c70; transition: transform .25s ease-in-out; flex-shrink: 0; margin-left: 14px; }
.maritsa-sss-sayfasi .sss-answer { padding: 0 22px; max-height: 0; overflow: hidden; color: #666e70; line-height: 1.75; font-size: 14px; transition: max-height .35s ease-out, padding .35s ease-out; }
.maritsa-sss-sayfasi .sss-answer p { margin: 0 0 12px; }
.maritsa-sss-sayfasi .sss-answer p:last-child { margin-bottom: 0; }
.maritsa-sss-sayfasi .sss-answer ul { margin: 6px 0 12px; padding-left: 20px; }
.maritsa-sss-sayfasi .sss-answer ul:last-child { margin-bottom: 0; }
.maritsa-sss-sayfasi .sss-answer li { margin-bottom: 6px; }
.maritsa-sss-sayfasi .sss-answer strong { color: #454b4d; font-weight: 700; }
.maritsa-sss-sayfasi .sss-answer a { color: #616c70; font-weight: 600; }
.maritsa-sss-sayfasi .sss-answer.open { max-height: 900px; padding-top: 16px; padding-bottom: 20px; transition: max-height .4s ease-in, padding .3s ease-in; }
.maritsa-sss-sayfasi .sss-faq-box.active-faq { border-color: #c0c0c0; box-shadow: 0 4px 16px rgba(97,108,112,.1); }
.maritsa-sss-sayfasi .sss-faq-box.active-faq .sss-question { background: linear-gradient(135deg, #616c70, #545e61); color: #fff; }
.maritsa-sss-sayfasi .sss-faq-box.active-faq .sss-question i { transform: rotate(45deg); color: #fff; }

/* --- Arama ile eşleşmeyen kartları gizle --- */
.maritsa-sss-sayfasi .sss-faq-box.sss-hidden-by-search { display: none !important; }

/* --- Mobil --- */
@media screen and (max-width: 768px) {
  .maritsa-sss-sayfasi .sss-container { padding: 18px; border-radius: 10px; }
}
@media screen and (max-width: 576px) {
  .maritsa-sss-sayfasi .sss-container { flex-direction: column; padding: 14px; }
  .maritsa-sss-sayfasi .sss-sidebar { margin: 0 0 18px; width: 100%; position: static; }
  .maritsa-sss-sayfasi .sss-sidebar ul { display: flex; overflow-x: auto; width: 100%; gap: 8px; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
  .maritsa-sss-sayfasi .sss-sidebar ul li { min-width: max-content; flex-shrink: 0; padding: 10px 14px; justify-content: center; text-align: center; border: 1px solid #e5e7e8; }
  .maritsa-sss-sayfasi .sss-sidebar ul li.active { border-color: #4d5659; }
  .maritsa-sss-sayfasi .sss-content { padding-top: 6px; }
  .textYazi h1 { font-size: 24px; margin-top: 30px; }
  .textYazi { padding: 0 14px; }
  .sss-search-box { max-width: 100%; }
}

/* ==========================================================================
   13 · Sayfa · İşlem Rehberi
   ========================================================================== */
.maritsa-rehber-sayfasi { width: 100%; padding: 40px 0 70px; box-sizing: border-box; }
.maritsa-rehber-sayfasi .rehber-container { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.maritsa-rehber-sayfasi .rehber-container h1, .maritsa-rehber-sayfasi .giris-aciklama, .maritsa-rehber-sayfasi .rehber-toc, .maritsa-rehber-sayfasi .accordion-header, .maritsa-rehber-sayfasi .aciklama, .maritsa-rehber-sayfasi .rehber-adimlar, .maritsa-rehber-sayfasi .rehber-liste, .maritsa-rehber-sayfasi .rehber-link-butonu, .maritsa-rehber-sayfasi .rehber-img-not { font-family: var(--mx-font); }
.maritsa-rehber-sayfasi .rehber-container h1 { text-align: center; color: #3f4749; font-weight: 700; font-size: 32px; margin-top: 0; margin-bottom: 10px; }
.maritsa-rehber-sayfasi .giris-aciklama { text-align: center; color: #8a9195; max-width: 720px; margin: 0 auto 40px; font-size: 15.5px; line-height: 1.7; }

/* --- Layout: TOC + Bölümler --- */
.maritsa-rehber-sayfasi .rehber-layout { display: flex; align-items: flex-start; gap: 34px; }
.maritsa-rehber-sayfasi .rehber-toc { width: 260px; min-width: 260px; position: sticky; top: 20px; background: #fff; border: 1px solid #ececec; border-radius: 12px; padding: 20px; box-shadow: 0 4px 20px rgba(97,108,112,.06); }
.maritsa-rehber-sayfasi .rehber-toc-baslik { display: block; font-weight: 700; color: #3a4042; font-size: 13px; text-transform: uppercase; letter-spacing: .6px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #ededed; }
.maritsa-rehber-sayfasi .rehber-toc ul { list-style: none; margin: 0; padding: 0; }
.maritsa-rehber-sayfasi .rehber-toc li { margin-bottom: 4px; }
.maritsa-rehber-sayfasi .rehber-toc a { display: block; padding: 9px 12px; border-radius: 8px; color: #6e7577; text-decoration: none; font-size: 13.5px; font-weight: 600; line-height: 1.4; border-left: 3px solid transparent; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.maritsa-rehber-sayfasi .rehber-toc a:hover { background-color: #f5f6f6; color: #3a4042; }
.maritsa-rehber-sayfasi .rehber-toc a.active { background-color: #f0f1f1; color: #616c70; border-left-color: #616c70; font-weight: 700; }
.maritsa-rehber-sayfasi .rehber-bolumler { flex: 1; min-width: 0; background-color: #fff; border-radius: 14px; box-shadow: 0 6px 24px rgba(97,108,112,.08); padding: 10px; box-sizing: border-box; }

/* --- Accordion (details/summary) --- */
.maritsa-rehber-sayfasi .rehber-bolum { border-bottom: 1px solid #ececec; scroll-margin-top: 90px; }
.maritsa-rehber-sayfasi .rehber-bolum:last-child { border-bottom: none; }
.maritsa-rehber-sayfasi .accordion-header { background-color: #f7f7f8; color: #3a4042; cursor: pointer; padding: 18px 25px; width: 100%; border: none; outline: none; font-size: 15.5px; font-weight: 700; transition: background-color .25s ease, color .25s ease; position: relative; display: block; border-radius: 10px; margin: 6px 0; list-style: none; -webkit-tap-highlight-color: transparent; }
.maritsa-rehber-sayfasi .accordion-header::-webkit-details-marker, .maritsa-rehber-sayfasi .accordion-header::marker { display: none; content: ''; }
.maritsa-rehber-sayfasi .accordion-header:hover { background-color: #ebecec; }
.maritsa-rehber-sayfasi .rehber-bolum[open] .accordion-header { background: linear-gradient(135deg, #616c70, #4d5659); color: #fff; border-radius: 10px 10px 0 0; box-shadow: 0 4px 14px rgba(97,108,112,.28); }
.maritsa-rehber-sayfasi .accordion-header::after { content: '+'; font-size: 22px; font-weight: 400; color: #616c70; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); transition: transform .3s ease-in-out, color .3s ease; }
.maritsa-rehber-sayfasi .rehber-bolum[open] .accordion-header::after { content: '−'; color: #fff; transform: translateY(-50%) rotate(180deg); }
.maritsa-rehber-sayfasi .accordion-content { padding: 20px 26px 26px; background-color: #fcfcfc; border: 1px solid #ececec; border-top: none; border-radius: 0 0 10px 10px; animation: rehberFadeIn .35s ease; }
@keyframes rehberFadeIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
.maritsa-rehber-sayfasi .aciklama { text-align: left; font-size: 15px; line-height: 1.75; color: #5b6265; margin: 0 0 14px; }
.maritsa-rehber-sayfasi .aciklama:last-of-type { margin-bottom: 0; }
.maritsa-rehber-sayfasi .aciklama a { color: #616c70; font-weight: 700; }
.maritsa-rehber-sayfasi .aciklama b { color: #3a4042; }
.maritsa-rehber-sayfasi .rehber-adimlar, .maritsa-rehber-sayfasi .rehber-liste { margin: 4px 0 16px; padding-left: 22px; color: #5b6265; font-size: 15px; line-height: 1.8; }
.maritsa-rehber-sayfasi .rehber-adimlar li, .maritsa-rehber-sayfasi .rehber-liste li { margin-bottom: 8px; }
.maritsa-rehber-sayfasi .rehber-adimlar b, .maritsa-rehber-sayfasi .rehber-liste b { color: #3a4042; }
.maritsa-rehber-sayfasi .rehber-link-butonu { display: inline-block; background-color: #616c70; color: #fff !important; padding: 11px 22px; text-decoration: none; border-radius: 8px; font-weight: 700; margin: 6px 0 22px; font-size: 14px; transition: background-color .25s ease, transform .2s ease, box-shadow .25s ease; box-shadow: 0 3px 10px rgba(97,108,112,.25); }
.maritsa-rehber-sayfasi .rehber-link-butonu:hover { background-color: #4d5659; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(97,108,112,.35); }

/* --- Görsel Alanı --- */
.maritsa-rehber-sayfasi .rehber-img-wrap { margin-top: 6px; }
.maritsa-rehber-sayfasi .rehber-img-wrap img { max-width: 100%; height: auto; border-radius: 10px; border: 1px solid #ececec; display: block; box-shadow: 0 4px 16px rgba(0,0,0,.06); background-color: #f4f5f5; }
.maritsa-rehber-sayfasi .rehber-img-not { display: block; margin-top: 8px; font-size: 12px; color: #b3b8ba; text-align: right; }

/* --- Mobil --- */
@media (max-width: 900px) {
  .maritsa-rehber-sayfasi .rehber-layout { flex-direction: column; }
  .maritsa-rehber-sayfasi .rehber-toc { width: 100%; min-width: 0; position: static; padding: 14px 16px; }
  .maritsa-rehber-sayfasi .rehber-toc ul { display: flex; overflow-x: auto; gap: 6px; -webkit-overflow-scrolling: touch; }
  .maritsa-rehber-sayfasi .rehber-toc li { margin-bottom: 0; }
  .maritsa-rehber-sayfasi .rehber-toc a { white-space: nowrap; border-left: none; border-bottom: 3px solid transparent; }
  .maritsa-rehber-sayfasi .rehber-toc a.active { border-left: none; border-bottom-color: #616c70; }
}
@media (max-width: 600px) {
  .maritsa-rehber-sayfasi .rehber-container { padding: 0 14px; }
  .maritsa-rehber-sayfasi .rehber-container h1 { font-size: 24px; }
  .maritsa-rehber-sayfasi .accordion-header { padding: 15px 20px; font-size: 14.5px; }
  .maritsa-rehber-sayfasi .accordion-header::after { right: 18px; font-size: 19px; }
  .maritsa-rehber-sayfasi .accordion-content { padding: 16px 18px 20px; }
}

/* ==========================================================================
   14 · Sayfa · Kampanyalar
   ========================================================================== */
.maritsa-kampanya-sayfasi { background-color: #f1f1f1; color: #616c70; line-height: 1.6; font-family: var(--mx-font) !important; }
.maritsa-kampanya-sayfasi * { margin: 0; padding: 0; box-sizing: border-box; }
.maritsa-page-header { text-align: center; padding: 5rem 1rem 4rem 1rem; }
.maritsa-page-header h1 { font-size: 2.8rem; color: #4a5356; margin-bottom: 1rem; font-weight: 700; }
.maritsa-page-header p { font-size: 1.1rem; }
.maritsa-campaigns-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 2.5rem; padding: 0 2rem 5rem 2rem; max-width: 1400px; margin: 0 auto; }

/* --- Kampanya Kartları --- */
.maritsa-campaign-card { background-color: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); overflow: hidden; flex-basis: 300px; flex-grow: 1; max-width: 340px; display: flex; flex-direction: column; transition: transform 0.4s ease, box-shadow 0.4s ease; border: none; }
.maritsa-campaign-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); }
.maritsa-card-image { position: relative; }
.maritsa-card-image img { width: 100%; height: auto; display: block; }

/* --- Etiketler --- */
.maritsa-campaign-badge { position: absolute; top: 15px; left: 15px; background-color: #4a5356; color: #fff; padding: 0.4rem 1rem; border-radius: 30px; font-size: 0.85rem; font-weight: 700; z-index: 10; }
.maritsa-campaign-badge.maritsa-badge-sale { background-color: #c94f4f; }
.maritsa-card-content { padding: 2rem 1.5rem; display: flex; flex-direction: column; flex-grow: 1; }
.maritsa-card-title { font-size: 1.3rem; color: #4a5356; margin-bottom: 0.75rem; font-weight: 700; line-height: 1.3; }
.maritsa-card-description { font-size: 0.95rem; margin-bottom: 1.5rem; flex-grow: 1; color: #616c70; }

/* --- Sayaç Alanı --- */
.maritsa-countdown-timer { display: flex; justify-content: space-between; text-align: center; margin-bottom: 1.5rem; padding: 0.8rem 0.5rem; background-color: #fcfcfc; border-radius: 8px; border: 1px solid #eaeaea; min-height: 70px; align-items: center; }
.maritsa-time-block { padding: 0 0.5rem; flex: 1; }
.maritsa-time-value { display: block; font-size: 1.4rem; font-weight: 700; color: #4a5356; }
.maritsa-time-label { font-size: 0.7rem; text-transform: uppercase; color: #a4afb3; font-weight: 600; letter-spacing: 0.5px; }
.maritsa-timer-message { font-size: 1.1rem; font-weight: 700; color: #616c70; text-align: center; width: 100%; }

/* --- Buton --- */
.maritsa-cta-button { display: block; background-color: transparent; color: #4a5356; padding: 0.8rem 1.5rem; border-radius: 30px; text-decoration: none; text-align: center; font-weight: 700; border: 1.5px solid #4a5356; transition: all 0.3s ease; margin-top: auto; }
.maritsa-cta-button:hover { background-color: #4a5356; color: #fff; }

/* --- Mobil --- */
@media (max-width: 1024px) {
  .maritsa-campaigns-container { gap: 1.5rem; }
  .maritsa-campaign-card { flex-basis: 280px; }
}
@media (max-width: 768px) {
  .maritsa-page-header h1 { font-size: 2.2rem; }
  .maritsa-campaign-card { flex-basis: calc(50% - 1.5rem); max-width: none; }
}
@media (max-width: 500px) {
  .maritsa-campaign-card { flex-basis: 100%; }
}

/* ==========================================================================
   15 · Sayfa · Ödeme Yöntemleri
   ========================================================================== */
.maritsa-odeme-sayfasi { background-color: #fff; width: 100%; max-width: 800px; margin: 40px auto; padding: 40px; border-radius: 12px; box-shadow: 0 10px 30px #c0c0c0; text-align: center; }
.maritsa-odeme-sayfasi h1 { font-size: 2.2rem; color: #333; margin-bottom: 10px; }
.maritsa-odeme-sayfasi .subtitle { font-size: 1.1rem; margin-bottom: 40px; color: #777; }
.maritsa-odeme-sayfasi .payment-options { display: flex; gap: 30px; justify-content: center; }
.maritsa-odeme-sayfasi .payment-option { flex: 1; padding: 30px; border: 2px solid #e0e0e0; border-radius: 10px; cursor: pointer; transition: all .3s ease; text-align: left; }
.maritsa-odeme-sayfasi .payment-option:hover { border-color: #616c70; transform: translateY(-5px); box-shadow: 0 8px 20px rgba(211,166,161,.2); }
.maritsa-odeme-sayfasi .payment-option.selected { border-color: #616c70; box-shadow: 0 8px 25px #c0c0c0; background-color: #f2f2f2; }
.maritsa-odeme-sayfasi .option-header { display: flex; align-items: center; margin-bottom: 15px; }
.maritsa-odeme-sayfasi .option-icon { font-size: 2rem; color: #616c70; margin-right: 15px; }
.maritsa-odeme-sayfasi .payment-option h2 { font-size: 1.4rem; color: #333; }
.maritsa-odeme-sayfasi .payment-option p { font-size: .95rem; line-height: 1.6; color: #666; margin-bottom: 10px; }
.maritsa-odeme-sayfasi #maritsa-show-bank-btn { margin-top: 20px; padding: 12px 20px; font-size: .9rem; font-weight: 500; background-color: #616c70; color: #fff; border: none; border-radius: 6px; cursor: pointer; transition: background-color .3s ease; }
.maritsa-odeme-sayfasi #maritsa-show-bank-btn:hover { background-color: #4f585b; }
.maritsa-odeme-sayfasi #maritsa-bank-details { margin-top: 20px; padding: 0 20px; background-color: #fdfdfd; border: 1px solid #616c70; border-radius: 8px; text-align: left; transition: all .4s ease; max-height: 0; overflow: hidden; opacity: 0; }
.maritsa-odeme-sayfasi #maritsa-bank-details.maritsa-detay-gorunur { padding: 20px; max-height: 300px; opacity: 1; }
.maritsa-odeme-sayfasi .bank-info p { margin-bottom: 8px; font-size: .9rem; }
.maritsa-odeme-sayfasi .info-note { margin-top: 15px; font-style: italic; font-size: .85rem; color: #4caf50; }
@media (max-width:768px) {
  .maritsa-odeme-sayfasi .payment-options { flex-direction: column; }
  .maritsa-odeme-sayfasi { padding: 20px; }
  .maritsa-odeme-sayfasi h1 { font-size: 1.8rem; }
}

/* ==========================================================================
   16 · Sayfa · Sipariş Takip
   ========================================================================== */
.hesabimBolumuTutucu { background-color: #f1f1f1; padding: 50px 15px; min-height: 60vh; display: flex; justify-content: center; align-items: flex-start; }

/* --- Ana Sorgulama Kartı --- */
.siparisTakipSayfasi { background-color: #ffffff; max-width: 500px !important; width: 100%; margin: 0 auto; padding: 40px; border-radius: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05); font-family: var(--mx-font) !important; float: none !important; }

/* --- Başlık --- */
.siparisTakipBaslik { text-align: center; margin-bottom: 30px; border-bottom: none !important; }
.siparisTakipBaslik h3 { font-family: var(--mx-font) !important; font-size: 24px !important; font-weight: 700 !important; color: #4a5356 !important; letter-spacing: -0.5px; }

/* --- Form Alanını %100 Yap (Sola sıkışmayı engeller) --- */
.siparisTakipSolBolum { width: 100% !important; float: none !important; padding: 0 !important; border: none !important; }

/* --- Satırlar ve Etiketler --- */
.satirBlok2 { display: flex; flex-direction: column; margin-bottom: 20px; width: 100%; }
.hsbmSpan { font-family: var(--mx-font) !important; font-size: 13px !important; font-weight: 700 !important; color: #616c70 !important; margin-bottom: 8px !important; text-align: left; }

/* --- Input (Metin Kutusu) Alanları --- */
.satirBlokSag { width: 100% !important; float: none !important; }
.hsbmTextbox { width: 100% !important; height: 45px !important; border: 1.5px solid #e0e0e0 !important; border-radius: 8px !important; padding: 0 15px !important; font-family: var(--mx-font) !important; font-size: 14px !important; color: #4a5356 !important; background-color: #fcfcfc !important; transition: all 0.3s ease !important; box-sizing: border-box !important; }

/* --- Kutuya tıklanınca oluşan efekt --- */
.hsbmTextbox:focus { border-color: #4a5356 !important; background-color: #ffffff !important; outline: none !important; box-shadow: 0 0 0 3px rgba(74, 83, 86, 0.1) !important; }

/* --- Hata Mesajları --- */
.kirmiziUyari { font-family: var(--mx-font) !important; font-size: 11px !important; color: #c94f4f !important; margin-top: 5px; display: block; text-align: left; }
.altButonTutucu { width: 100% !important; margin-top: 10px !important; float: none !important; text-align: center; }
.altButonTutucu .yesilButon { background-color: #4a5356 !important; color: #ffffff !important; width: 100% !important; height: 45px !important; border: none !important; border-radius: 30px !important; font-family: var(--mx-font) !important; font-size: 15px !important; font-weight: 700 !important; cursor: pointer; transition: all 0.3s ease !important; }
.altButonTutucu .yesilButon:hover:not(:disabled) { background-color: #3b4346 !important; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(74, 83, 86, 0.2); }
.altButonTutucu .yesilButon:disabled { background-color: #d1d5d6 !important; cursor: not-allowed; }
.siparisTakipSagBolum { width: 100% !important; float: none !important; margin-top: 30px !important; padding-top: 30px !important; border-top: 1px solid #eaeaea !important; font-family: var(--mx-font) !important; }
.bilgiSatir span, .siparisAdresBaslik, .ekstreBaslik { font-family: var(--mx-font) !important; color: #4a5356 !important; }

/* --- Mobil Uyumluluk --- */
@media (max-width: 600px) {
  .hesabimBolumuTutucu { padding: 30px 15px; }
  .siparisTakipSayfasi { padding: 30px 20px; }
  .siparisTakipBaslik h3 { font-size: 20px !important; }
}

/* ==========================================================================
   17 · Sayfa · Maritsa Club
   ========================================================================== */
/* --- CSS VARIABLES --- */
:root { --slate: #616c70; --slate-dark: #4a5458; --slate-deep: #363f42; --silver: #c0c0c0; --silver-light: #dcdcdc; --gold: #b8a97a; --gold-light: #d4c49a; --white-smoke: #f5f5f5; --white: #ffffff; --text-main: #2c3335; --text-muted: #8a9298; --radius-card: 18px; --radius-sm: 10px; --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/* --- RESET --- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; overflow-x: hidden; }

/* --- BASE --- */
.maritsa-club-wrapper { font-family: var(--mx-font); color: var(--text-main); background: var(--cream); line-height: 1.7; overflow-x: hidden; }

/* --- CONTAINER --- */
.mc-container { max-width: 1160px; margin: 0 auto; padding: 0 24px; }

/* --- EYEBROW --- */
.mc-eyebrow { display: block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }
.mc-eyebrow--light { color: var(--gold-light); }

/* --- HERO --- */
.mc-hero { position: relative; height: 100vh; min-height: 600px; background: linear-gradient(160deg, rgba(54,63,66,0.88) 0%, rgba(74,84,88,0.75) 50%, rgba(97,108,112,0.6) 100%), url('https://maritsastyle.com/GÖRSEL-YOLUNUZ.jpg') no-repeat center center / cover; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--white); }

/* --- Noise texture overlay --- */
.mc-hero-noise { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E"); pointer-events: none; opacity: 0.5; }
.mc-hero-content { position: relative; z-index: 2; padding: 0 20px; }
.mc-hero-eyebrow { display: inline-block; font-size: 0.72rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold-light); border: 1px solid rgba(212, 196, 154, 0.4); padding: 6px 18px; border-radius: 50px; margin-bottom: 24px; backdrop-filter: blur(8px); background: rgba(255,255,255,0.05); animation: fadeUp 1s ease both; }
.mc-hero h1 { font-size: clamp(3rem, 8vw, 6.5rem); font-weight: 300; line-height: 1.0; letter-spacing: -0.01em; margin-bottom: 24px; animation: fadeUp 1s 0.15s ease both; }
.mc-hero h1 em { font-style: normal; font-weight: 700; color: var(--gold-light); }
.mc-hero-sub { font-size: clamp(0.95rem, 2vw, 1.15rem); font-weight: 300; color: rgba(255,255,255,0.8); max-width: 480px; margin: 0 auto 36px; animation: fadeUp 1s 0.3s ease both; }
.mc-hero-cta { display: inline-block; padding: 16px 40px; background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%); color: var(--slate-deep); text-decoration: none; border-radius: 50px; font-weight: 700; font-size: 0.88rem; letter-spacing: 0.08em; transition: var(--transition); box-shadow: 0 8px 32px rgba(184, 169, 122, 0.35); animation: fadeUp 1s 0.45s ease both; }
.mc-hero-cta:hover { transform: translateY(-3px); box-shadow: 0 16px 48px rgba(184, 169, 122, 0.5); }
.mc-hero-scroll-hint { position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%); z-index: 2; }
.mc-hero-scroll-hint span { display: block; width: 1px; height: 60px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.5)); margin: 0 auto; animation: scrollPulse 2s ease-in-out infinite; }

/* --- INTRO --- */
.mc-intro { padding: 100px 0; background: var(--cream); position: relative; }
.mc-intro::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(to right, transparent, var(--silver), transparent); }
.mc-intro-text { text-align: center; font-size: clamp(1rem, 2vw, 1.25rem); font-weight: 300; color: var(--text-muted); max-width: 760px; margin: 0 auto; line-height: 1.9; }

/* --- CARD SECTION --- */
.mc-card-section { padding: 80px 0 120px; background: var(--slate-deep); position: relative; overflow: hidden; }
.mc-card-section::before { content: 'M'; position: absolute; font-size: 40vw; font-weight: 700; color: rgba(255,255,255,0.02); top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; line-height: 1; font-family: var(--mx-font); }
.mc-card-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }

/* --- 3D Card Scene --- */
.mc-card-scene { perspective: 1200px; display: flex; justify-content: center; }
.mc-club-card { width: 380px; height: 240px; position: relative; transform-style: preserve-3d; transform: rotateY(-18deg) rotateX(6deg); transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); cursor: pointer; filter: drop-shadow(0 40px 60px rgba(0,0,0,0.5)); }
.mc-club-card:hover { transform: rotateY(0deg) rotateX(0deg); }
.mc-card-face { position: absolute; inset: 0; border-radius: 18px; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; }

/* --- FRONT FACE --- */
.mc-card-front { background: linear-gradient(135deg, #4a5458 0%, #616c70 30%, #7a888d 50%, #616c70 70%, #4a5458 100% ); padding: 26px 30px; display: flex; flex-direction: column; justify-content: space-between; }

/* --- Shimmer overlay --- */
.mc-card-shimmer { position: absolute; inset: 0; background: linear-gradient( 105deg, transparent 20%, rgba(255,255,255,0.04) 40%, rgba(212,196,154,0.12) 50%, rgba(255,255,255,0.04) 60%, transparent 80% ); border-radius: inherit; pointer-events: none; }
.mc-card-top { display: flex; justify-content: space-between; align-items: flex-start; }
.mc-card-logo-area { display: flex; align-items: center; gap: 10px; }
.mc-card-m { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%); display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 700; color: var(--slate-deep); flex-shrink: 0; }
.mc-card-logo-text { display: flex; flex-direction: column; line-height: 1.1; }
.mc-card-logo-text span:first-child { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.18em; color: var(--silver-light); }
.mc-card-logo-text span:last-child { font-size: 0.55rem; letter-spacing: 0.22em; color: var(--gold-light); font-weight: 400; }
.mc-card-contactless { width: 26px; height: 26px; color: rgba(192, 192, 192, 0.5); }
.mc-card-contactless svg { width: 100%; height: 100%; }

/* --- Chip --- */
.mc-card-chip { margin: 4px 0 8px; }
.mc-chip-body { width: 44px; height: 32px; background: linear-gradient(135deg, var(--gold) 0%, #d4c49a 40%, #c4b080 70%, var(--gold) 100%); border-radius: 6px; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 1px 2px rgba(255,255,255,0.3), inset 0 -1px 2px rgba(0,0,0,0.2); position: relative; overflow: hidden; }
.mc-chip-lines { display: flex; flex-direction: column; gap: 4px; width: 60%; }
.mc-chip-lines div { height: 1px; background: rgba(100, 70, 20, 0.35); border-radius: 1px; }

/* --- Card number --- */
.mc-card-number { font-size: 1rem; letter-spacing: 0.22em; color: var(--silver-light); font-weight: 400; }

/* --- Card bottom --- */
.mc-card-bottom { display: flex; justify-content: space-between; align-items: flex-end; }
.mc-card-label { font-size: 0.5rem; letter-spacing: 0.18em; color: var(--silver); margin-bottom: 2px; font-weight: 400; opacity: 0.7; }
.mc-card-value { font-size: 0.72rem; letter-spacing: 0.1em; color: var(--silver-light); font-weight: 400; }
.mc-card-tier span { font-size: 0.55rem; letter-spacing: 0.22em; color: var(--gold-light); font-weight: 700; border: 1px solid rgba(212,196,154,0.4); padding: 3px 8px; border-radius: 4px; }

/* --- BACK FACE --- */
.mc-card-back { background: linear-gradient(135deg, #3a4245 0%, #4a5458 100%); transform: rotateY(180deg); padding: 30px 0; display: flex; flex-direction: column; gap: 20px; }
.mc-card-back-stripe { width: 100%; height: 48px; background: linear-gradient(to right, #1a1f21, #2c3335, #1a1f21); }
.mc-card-back-sig { padding: 0 24px; display: flex; flex-direction: column; gap: 4px; }
.mc-card-back-sig-line { height: 36px; background: repeating-linear-gradient( to right, rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.05) 2px, rgba(255,255,255,0.01) 2px, rgba(255,255,255,0.01) 4px ); border-radius: 4px; border: 1px solid rgba(255,255,255,0.08); }
.mc-card-back-sig span { font-size: 0.45rem; letter-spacing: 0.2em; color: var(--silver); opacity: 0.5; }
.mc-card-back-logo { text-align: center; font-size: 0.65rem; letter-spacing: 0.3em; color: var(--gold-light); font-weight: 700; opacity: 0.6; margin-top: auto; padding-bottom: 10px; }

/* --- Card Copy --- */
.mc-card-copy { color: var(--white); }
.mc-card-copy h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 300; line-height: 1.1; margin-bottom: 20px; color: var(--white); }
.mc-card-copy p { color: rgba(255,255,255,0.65); font-size: 0.95rem; font-weight: 300; margin-bottom: 28px; line-height: 1.8; }
.mc-card-perks { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.mc-card-perks li { font-size: 0.88rem; color: rgba(255,255,255,0.75); display: flex; align-items: center; gap: 10px; }
.mc-perk-icon { font-size: 0.45rem; color: var(--gold); }

/* --- EARN SECTION --- */
.mc-earn-section { padding: 120px 0; background: var(--cream); }
.mc-section-header { text-align: center; margin-bottom: 60px; }
.mc-section-title { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 300; color: var(--slate-deep); line-height: 1.2; }
.mc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mc-earn-box { background: var(--white); border: 1px solid rgba(192,192,192,0.3); padding: 36px 28px; border-radius: var(--radius-card); text-align: center; transition: var(--transition); position: relative; overflow: hidden; }
.mc-earn-box::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(to right, var(--gold), var(--gold-light)); transform: scaleX(0); transform-origin: left; transition: var(--transition); }
.mc-earn-box:hover { border-color: transparent; box-shadow: 0 20px 60px rgba(97,108,112,0.12); transform: translateY(-6px); }
.mc-earn-box:hover::after { transform: scaleX(1); }
.mc-earn-icon { width: 52px; height: 52px; margin: 0 auto 20px; color: var(--slate); opacity: 0.8; }
.mc-earn-icon svg { width: 100%; height: 100%; }
.mc-earn-box h3 { font-size: 1rem; font-weight: 700; color: var(--slate-deep); margin-bottom: 10px; letter-spacing: 0.03em; }
.mc-earn-box p { font-size: 0.84rem; color: var(--text-muted); font-weight: 300; line-height: 1.7; margin-bottom: 20px; }
.mc-point-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%); color: var(--slate-deep); box-shadow: 0 4px 16px rgba(184,169,122,0.3); }

/* --- USE SECTION --- */
.mc-use-section { padding: 60px 0 100px; background: var(--cream); }
.mc-use-inner { background: linear-gradient(135deg, var(--slate-deep) 0%, var(--slate) 100%); border-radius: 28px; padding: 80px 60px; text-align: center; position: relative; overflow: hidden; }
.mc-use-deco { position: absolute; width: 600px; height: 600px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.05); top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.mc-use-deco::before { content: ''; position: absolute; inset: 60px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.04); }
.mc-use-inner h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 300; color: var(--white); line-height: 1.15; margin-bottom: 20px; position: relative; }
.mc-use-inner p { color: rgba(255,255,255,0.65); font-size: 0.95rem; font-weight: 300; max-width: 540px; margin: 0 auto 40px; line-height: 1.85; position: relative; }
.mc-use-inner strong { color: var(--gold-light); font-weight: 700; }
.mc-cta-button { display: inline-flex; align-items: center; gap: 10px; padding: 18px 44px; background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%); color: var(--slate-deep); text-decoration: none; border-radius: 50px; font-weight: 700; font-size: 0.88rem; letter-spacing: 0.06em; transition: var(--transition); box-shadow: 0 8px 32px rgba(184,169,122,0.4); position: relative; }
.mc-cta-button:hover { transform: translateY(-3px); box-shadow: 0 16px 48px rgba(184,169,122,0.55); gap: 16px; }

/* --- FOOTER BAND --- */
.mc-footer-band { background: var(--slate-deep); color: var(--silver); padding: 18px 0; font-size: 0.65rem; letter-spacing: 0.25em; text-transform: uppercase; font-weight: 700; overflow: hidden; white-space: nowrap; width: 100%; }
.mc-footer-band-inner { display: inline-flex; gap: 24px; animation: marquee 18s linear infinite; will-change: transform; }
.mc-footer-band-inner span { flex-shrink: 0; opacity: 0.5; }
.mc-footer-band-inner span:nth-child(even) { color: var(--gold-light); opacity: 0.3; }

/* --- SCROLL REVEAL --- */
.mc-reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.85s ease, transform 0.85s ease; }
.mc-reveal.active { opacity: 1; transform: translateY(0); }

/* --- KEYFRAMES --- */
@keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes scrollPulse { 0%, 100% { transform: scaleY(1); opacity: 0.6; } 50% { transform: scaleY(0.5); opacity: 1; } }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* --- RESPONSIVE --- */

/* --- Mobilde her şeyin kendi sınırları içinde kalması --- */
.maritsa-club-wrapper, .mc-card-section, .mc-earn-section, .mc-use-section, .mc-intro { max-width: 100%; overflow-x: hidden; }
@media (max-width: 900px) {
  .mc-card-layout { grid-template-columns: 1fr; gap: 50px; text-align: center; }
  .mc-card-scene { justify-content: center; overflow: visible; }
  .mc-club-card { width: 320px; height: 202px; transform: rotateY(0) rotateX(0); }
  .mc-card-copy h2 { font-size: 2rem; }
  .mc-card-perks { align-items: center; }
  .mc-grid { grid-template-columns: repeat(2, 1fr); }
  .mc-use-inner { padding: 50px 30px; }
}
@media (max-width: 600px) {
  .mc-hero h1 { font-size: 3rem; }

  /* --- Kart mobilde viewport'a tam sığsın --- */
  .mc-card-scene { perspective: none; }
  .mc-club-card { width: min(300px, 88vw); height: auto; aspect-ratio: 1.586 / 1; transform: none !important; }
  .mc-grid { grid-template-columns: 1fr; }
  .mc-earn-box { padding: 28px 20px; }
  .mc-card-number { font-size: 0.85rem; letter-spacing: 0.16em; }
  .mc-card-logo-text span:first-child { font-size: 0.6rem; }
  .mc-card-value { font-size: 0.62rem; }
}

/* ==========================================================================
   18 · Sayfa · Perde Ölçü Asistanı
   ========================================================================== */
/* --- ÖLÇÜ ASİSTANI --- */
html, body { margin: 0; padding: 0; width: 100%; overflow-x: hidden; }
.moa-wrap { --moa-ink: #262b2e; --moa-muted: #767f83; --moa-line: #e5e3e0; --moa-bg: #f7f6f4; --moa-surface: #ffffff; --moa-accent: #58636a; --moa-accent-dark: #40484c; --moa-silver: #bfbcb5; --moa-shadow-sm: 0 1px 2px rgba(30,32,34,.04), 0 1px 1px rgba(30,32,34,.03); --moa-shadow-md: 0 10px 30px rgba(30,32,34,.08); font-family: var(--mx-font); color: var(--moa-ink); background: var(--moa-bg); line-height: 1.6; -webkit-font-smoothing: antialiased; width: 100%; max-width: 100%; }
.moa-wrap *, .moa-wrap *::before, .moa-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }
.moa-wrap .moa-ico { display: inline-block; vertical-align: middle; flex-shrink: 0; }

/* --- HERO --- */
.moa-hero { background: linear-gradient(160deg, #4c5459 0%, #565f64 55%, #565f64 100%); padding: 88px 5vw 78px; position: relative; overflow: hidden; width: 100%; }
.moa-hero::after { content: ''; position: absolute; top: -30%; right: -5%; width: 55vw; height: 130%; background: radial-gradient(ellipse, rgba(220,220,220,.10) 0%, transparent 65%); pointer-events: none; }
.moa-hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px); background-size: 100% 3px; pointer-events: none; opacity: .3; }
.moa-hero-inner { max-width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 44px; padding: 0 2vw; position: relative; }
.moa-hero-col { position: relative; z-index: 2; }
.moa-hero-col-title { flex: 0 1 34%; min-width: 260px; }
.moa-hero-col-desc { flex: 1 1 38%; min-width: 260px; padding: 0 12px; border-left: 1px solid rgba(255,255,255,.12); border-right: 1px solid rgba(255,255,255,.12); }
.moa-hero-col-cta { flex: 0 1 26%; min-width: 220px; display: flex; flex-direction: column; align-items: flex-start; gap: 26px; }
.moa-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.82); font-family: var(--mx-font); font-size: .68rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; padding: 7px 16px; border-radius: 100px; margin-bottom: 26px; }
.moa-badge::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #c7c4bc; }
.moa-hero-title { font-family: var(--mx-font); font-size: clamp(2.2rem, 4vw, 3.4rem); font-weight: 600; line-height: 1.12; letter-spacing: -.01em; color: #fff; margin-bottom: 0; }
.moa-hero-accent { color: #c7c4bc; font-style: italic; }
.moa-hero-sub { color: rgba(255,255,255,.68); font-size: .98rem; font-weight: 400; line-height: 1.7; margin-bottom: 16px; }
.moa-hero-note { display: flex; align-items: flex-start; gap: 11px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-left: 2px solid rgba(199,196,188,.7); border-radius: 4px; padding: 12px 14px; }
.moa-hero-note-icon { flex-shrink: 0; color: #c7c4bc; margin-top: 1px; }
.moa-hero-note-text { color: rgba(255,255,255,.68); font-size: .8rem; line-height: 1.65; }
.moa-hero-note-text strong { color: rgba(255,255,255,.92); font-weight: 600; }
.moa-hero-link { color: #d8d6cf; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(216,214,207,.4); transition: text-decoration-color .2s; }
.moa-hero-link:hover { text-decoration-color: rgba(216,214,207,.9); }
.moa-hero-stats { display: flex; align-items: center; gap: 22px; }
.moa-stat { text-align: left; }
.moa-stat-n { display: block; font-family: var(--mx-font); font-size: 2rem; font-weight: 600; color: #fff; line-height: 1; }
.moa-stat-l { display: block; font-size: .64rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.42); margin-top: 6px; }
.moa-stat-div { width: 1px; height: 32px; background: rgba(255,255,255,.14); flex-shrink: 0; }
.moa-btn-start { display: inline-flex; align-items: center; gap: 10px; background: #fff; color: #40484c; font-family: var(--mx-font); font-size: .9rem; font-weight: 600; padding: 14px 30px; border: none; border-radius: 100px; cursor: pointer; transition: background .2s, transform .2s, box-shadow .2s; letter-spacing: .01em; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.moa-btn-start:hover { background: #f1f0ee; transform: translateY(-1px); box-shadow: 0 10px 28px rgba(0,0,0,.22); }
.moa-btn-start .moa-ico { transition: transform .2s; }
.moa-btn-start:hover .moa-ico { transform: translateY(2px); }

/* --- WIZARD --- */
.moa-wizard { background: var(--moa-bg); padding: 72px 5vw 84px; width: 100%; }

/* --- Progress --- */
.moa-progress { display: flex; align-items: center; justify-content: center; gap: 0; margin-bottom: 60px; max-width: 700px; margin-left: auto; margin-right: auto; }
.moa-ps { display: flex; flex-direction: column; align-items: center; gap: 9px; }
.moa-ps-lbl { font-size: .68rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #b3b0a9; white-space: nowrap; transition: color .3s; }
.moa-ps-dot { width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid var(--moa-line); background: var(--moa-surface); transition: all .3s ease; position: relative; }
.moa-ps-active { border-color: var(--moa-accent) !important; background: var(--moa-accent) !important; box-shadow: 0 0 0 5px rgba(88,99,106,.12); position: relative; }
.moa-ps-active::after { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 10px 10px; }
.moa-ps-active + .moa-ps-lbl, .moa-ps .moa-ps-active ~ .moa-ps-lbl { color: var(--moa-ink); }
.moa-ps-done { border-color: var(--moa-accent) !important; background: var(--moa-surface) !important; }
.moa-ps-done::after { content: ''; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.moa-ps-done::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2358636a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 13px 13px; }
.moa-ps-line { flex: 1; height: 1px; background: var(--moa-line); min-width: 50px; max-width: 110px; margin: 0 10px 22px; transition: background .4s; }
.moa-ps-line-active { background: var(--moa-accent); }

/* --- Body grid --- */
.moa-body { max-width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 400px; gap: 48px; align-items: start; padding: 0 2vw; }
.moa-steps { min-width: 0; }
.moa-step { display: none; }
.moa-step-active { display: block; animation: moaFadeUp .4s ease; }
@keyframes moaFadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.moa-step-hd { display: flex; gap: 20px; align-items: flex-start; margin-bottom: 34px; padding-bottom: 22px; border-bottom: 1px solid var(--moa-line); }
.moa-step-num { font-family: var(--mx-font); font-size: 2.6rem; font-weight: 600; color: var(--moa-silver); line-height: 1; flex-shrink: 0; }
.moa-step-title { font-family: var(--mx-font); font-size: 1.55rem; font-weight: 600; color: var(--moa-ink); margin-bottom: 7px; letter-spacing: -.01em; }
.moa-step-desc { color: var(--moa-muted); font-size: .9rem; line-height: 1.6; }

/* --- PERDE KARTI GRİDİ --- */
.moa-curtain-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
.moa-cc { background: var(--moa-surface); border: 1px solid var(--moa-line); border-radius: 10px; padding: 18px 12px 18px; cursor: pointer; text-align: center; transition: border-color .18s, transform .18s, box-shadow .18s; position: relative; box-shadow: var(--moa-shadow-sm); }
.moa-cc:hover { border-color: var(--moa-accent); transform: translateY(-2px); box-shadow: var(--moa-shadow-md); }
.moa-cc-selected { border-color: var(--moa-accent) !important; background: #f6f5f3; box-shadow: 0 0 0 3px rgba(88,99,106,.12); }
.moa-cc-selected::after { content: ''; position: absolute; top: 8px; right: 8px; width: 19px; height: 19px; border-radius: 50%; background: var(--moa-accent); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 11px 11px; }
.moa-cc-img-wrap { width: 68px; height: 68px; border-radius: 50%; overflow: hidden; margin: 0 auto 12px; background: #f0eeeb; border: 1px solid var(--moa-line); display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; }
.moa-cc-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; inset: 0; z-index: 2; }
.moa-cc-img-wrap .moa-cc-fallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--moa-silver); z-index: 1; }
.moa-cc-name { font-size: .78rem; font-weight: 600; color: var(--moa-ink); line-height: 1.3; }
.moa-cc-sub { font-size: .68rem; color: var(--moa-muted); margin-top: 4px; }

/* --- Info box & Sorular --- */
.moa-infobox { background: #f6f5f3; border-left: 2px solid var(--moa-accent); border-radius: 0 6px 6px 0; padding: 16px 20px; margin-bottom: 22px; font-size: .87rem; line-height: 1.7; color: var(--moa-ink); }
.moa-infobox p { margin-bottom: 6px; }
.moa-infobox ul { padding-left: 18px; }
.moa-infobox ul li { margin-bottom: 3px; }
.moa-infobox strong { color: var(--moa-accent-dark); font-weight: 600; }
.moa-infobox em { display: block; margin-top: 10px; font-size: .8rem; color: var(--moa-muted); font-style: italic; }
.moa-soru-blok { background: var(--moa-surface); border: 1px solid var(--moa-line); border-radius: 10px; padding: 22px 24px; margin-bottom: 18px; box-shadow: var(--moa-shadow-sm); }
.moa-soru-blok-baslik { font-size: .74rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--moa-accent-dark); margin-bottom: 16px; display: flex; align-items: center; gap: 9px; }
.moa-soru-blok-baslik::before { content: ''; display: block; width: 3px; height: 14px; background: var(--moa-accent); border-radius: 1px; }
.moa-radio-group { display: flex; flex-direction: column; gap: 8px; }
.moa-radio-row { flex-direction: row; flex-wrap: wrap; }
.moa-radio-card { display: flex; align-items: flex-start; gap: 12px; background: #fafaf9; border: 1px solid var(--moa-line); border-radius: 8px; padding: 13px 16px; cursor: pointer; transition: border-color .18s, background .18s; flex: 1; min-width: 140px; }
.moa-radio-card:hover { border-color: #c9c6bf; }
.moa-radio-card:has(input:checked) { border-color: var(--moa-accent); background: #f3f2f0; }
.moa-radio-card input[type="radio"] { accent-color: var(--moa-accent); width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; }
.moa-rc-texts { display: flex; flex-direction: column; gap: 3px; }
.moa-rc-title { font-size: .84rem; font-weight: 600; color: var(--moa-ink); }
.moa-rc-desc { font-size: .73rem; color: var(--moa-muted); line-height: 1.45; }
.moa-field { margin-bottom: 16px; }
.moa-label { display: block; font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--moa-muted); margin-bottom: 8px; }
.moa-input-wrap { position: relative; }
.moa-input { width: 100%; padding: 13px 50px 13px 16px; border: 1.5px solid var(--moa-line); border-radius: 8px; font-family: var(--mx-font); font-size: 1.02rem; font-weight: 600; color: var(--moa-ink); background: var(--moa-surface); outline: none; transition: border-color .18s, box-shadow .18s; -moz-appearance: textfield; }
.moa-input::-webkit-inner-spin-button, .moa-input::-webkit-outer-spin-button { -webkit-appearance: none; }
.moa-input:focus { border-color: var(--moa-accent); box-shadow: 0 0 0 3px rgba(88,99,106,.1); }
.moa-input-sm { max-width: 200px; }
.moa-unit { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #a7a49d; font-size: .78rem; font-weight: 600; pointer-events: none; }
.moa-hint { font-size: .76rem; color: var(--moa-muted); margin-top: 7px; line-height: 1.55; }
.moa-hint strong { color: var(--moa-accent-dark); }
.moa-tavsiye { background: #f6f5f3; border: 1px solid var(--moa-line); border-left: 2px solid var(--moa-silver); border-radius: 0 6px 6px 0; padding: 12px 16px; margin: 10px 0 16px; font-size: .82rem; color: #5c5f60; line-height: 1.65; }
.moa-tavsiye strong { color: var(--moa-accent-dark); font-weight: 600; }
.moa-3pt { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 8px; }

/* --- Navigasyon --- */
.moa-nav { display: flex; gap: 10px; margin-top: 30px; }
.moa-btn-back { display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 1.5px solid var(--moa-line); color: var(--moa-muted); font-family: var(--mx-font); font-size: .87rem; font-weight: 600; padding: 11px 22px 11px 18px; border-radius: 100px; cursor: pointer; transition: border-color .18s, color .18s; }
.moa-btn-back:hover { border-color: var(--moa-accent); color: var(--moa-accent-dark); }
.moa-btn-next { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--moa-accent); color: #fff; border: none; font-family: var(--mx-font); font-size: .9rem; font-weight: 600; padding: 13px 30px; border-radius: 100px; cursor: pointer; transition: background .18s, transform .18s; letter-spacing: .01em; }
.moa-btn-next:hover { background: var(--moa-accent-dark); transform: translateY(-1px); }
.moa-hidden { display: none !important; }

/* --- CANLI ÖNİZLEME --- */
.moa-preview-col { position: sticky; top: 28px; }
.moa-win-panel { background: var(--moa-surface); border-radius: 14px; box-shadow: var(--moa-shadow-md); overflow: hidden; border: 1px solid var(--moa-line); }
.moa-win-label { background: var(--moa-accent-dark); color: rgba(255,255,255,.78); font-size: .65rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; padding: 10px 18px; text-align: center; }
.moa-win-scene { position: relative; width: 100%; background: #f0f0ee; overflow: hidden; }
.moa-preview-img { width: 100%; height: auto; display: block; object-fit: cover; }

/* --- Ölçü Çizgisi - En (Kırmızı) --- */
.moa-msr-en { position: absolute; top: 8%; left: 9%; right: 9%; height: 2px; background: #c14b45; z-index: 20; transition: all 0.4s ease; }
.moa-msr-en.moa-msr-en-kasa { top: 73%; }
.moa-msr-en.moa-msr-en-kasa-kisa { top: 52%; }
.moa-msr-en::before { content: ''; position: absolute; left: -6px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #c14b45; }
.moa-msr-en::after { content: ''; position: absolute; right: -6px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #c14b45; }
.moa-msr-tag-en { position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); background: #c14b45; color: #fff; font-size: .68rem; font-weight: 600; font-family: var(--mx-font); padding: 3px 9px; border-radius: 4px; white-space: nowrap; box-shadow: 0 2px 6px rgba(0,0,0,.18); }
.moa-split-arrow { position: absolute; height: 2px; background: #c14b45; z-index: 20; transition: all 0.4s ease; }
.moa-split-arrow.moa-split-kasa { top: 73%; }
.moa-split-arrow.moa-split-kasa.moa-split-kasa-kisa { top: 52%; }
.moa-split-arrow.moa-split-kasa.moa-split-arrow-left { left: 9%; right: 76%; }
.moa-split-arrow.moa-split-kasa.moa-split-arrow-right { left: 76%; right: 9%; }
.moa-split-arrow.moa-split-kasa.moa-split-arrow-left::before { content: ''; position: absolute; left: -6px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #c14b45; }
.moa-split-arrow.moa-split-kasa.moa-split-arrow-left::after { content: ''; position: absolute; right: -6px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #c14b45; }
.moa-split-arrow.moa-split-kasa.moa-split-arrow-right::before { content: ''; position: absolute; left: -6px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #c14b45; }
.moa-split-arrow.moa-split-kasa.moa-split-arrow-right::after { content: ''; position: absolute; right: -6px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #c14b45; }
.moa-split-arrow.moa-split-merkez { top: 8%; }
.moa-split-arrow.moa-split-merkez.moa-split-arrow-left { left: 9%; right: 50%; }
.moa-split-arrow.moa-split-merkez.moa-split-arrow-right { left: 50%; right: 9%; }
.moa-split-arrow.moa-split-merkez.moa-split-arrow-left::before { content: ''; position: absolute; left: -6px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #c14b45; }
.moa-split-arrow.moa-split-merkez.moa-split-arrow-left::after { content: ''; position: absolute; right: -3px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: #c14b45; }
.moa-split-arrow.moa-split-merkez.moa-split-arrow-right::before { content: ''; position: absolute; left: -3px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: #c14b45; }
.moa-split-arrow.moa-split-merkez.moa-split-arrow-right::after { content: ''; position: absolute; right: -6px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #c14b45; }
.moa-split-tag { position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); background: #c14b45; color: #fff; font-size: .68rem; font-weight: 600; font-family: var(--mx-font); padding: 3px 9px; border-radius: 4px; white-space: nowrap; box-shadow: 0 2px 6px rgba(0,0,0,.18); }
.moa-msr-en.moa-msr-en-plise-normal { top: 55%; left: 29.8%; right: 54.5%; }
.moa-msr-boy.moa-msr-boy-plise-normal { left: auto; right: 55%; top: 22.5%; }
.moa-msr-en.moa-msr-en-plise-balkon-sabit { top: 50%; left: 7.9%; right: 75.3%; }
.moa-msr-en.moa-msr-en-plise-balkon-hareketli { top: 50%; left: 52.7%; right: 28.7%; }
.moa-msr-boy.moa-msr-boy-plise-balkon-sabit { left: auto; right: 75.7%; top: 14.5%; }
.moa-msr-boy.moa-msr-boy-plise-balkon-hareketli { left: auto; right: 29.5%; top: 14.8%; }

/* --- Ölçü Çizgisi - Boy (Mavi) --- */
.moa-msr-boy { position: absolute; top: 13%; bottom: 10.5%; right: 10%; width: 2px; background: #2f6f96; z-index: 20; transition: bottom 0.4s ease; }
.moa-msr-boy.moa-kisa-boy { bottom: 36%; }
.moa-msr-boy::before { content: ''; position: absolute; top: -6px; left: -4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #2f6f96; }
.moa-msr-boy::after { content: ''; position: absolute; bottom: -6px; left: -4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #2f6f96; }
.moa-msr-tag-boy { position: absolute; top: 90%; left: 50%; right: auto; transform: translate(-50%, -50%); background: #2f6f96; color: #fff; font-size: .72rem; font-weight: 600; font-family: var(--mx-font); padding: 3px 9px; border-radius: 4px; white-space: nowrap; box-shadow: 0 2px 6px rgba(0,0,0,.18); }

/* --- 3 Nokta Ölçü Göstergeleri (Yeşil) --- */
.moa-dots { position: absolute; inset: 0; pointer-events: none; z-index: 18; }
.moa-3pt-arrow { position: absolute; top: 13%; bottom: 10.5%; width: 2px; background: #4f8f57; z-index: 18; transform: translateX(-50%); }
.moa-3pt-arrow.moa-kisa-boy { bottom: 36%; }
.moa-3pt-arrow::before { content: ''; position: absolute; top: -6px; left: -4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #4f8f57; }
.moa-3pt-arrow::after { content: ''; position: absolute; bottom: -6px; left: -4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #4f8f57; }
.moa-3pt-val { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; color: #4f8f57; font-size: .64rem; font-weight: 600; font-family: var(--mx-font); padding: 3px 9px; border-radius: 4px; white-space: nowrap; box-shadow: 0 2px 6px rgba(0,0,0,.18); }

/* --- Özet Alanı --- */
.moa-preview-tip { display: flex; align-items: flex-start; gap: 8px; background: #f3f6f5; border-top: 1px solid var(--moa-line); border-left: 3px solid #4f8f57; padding: 12px 16px; font-size: .8rem; line-height: 1.55; color: var(--moa-accent-dark); }
.moa-preview-tip.moa-hidden { display: none; }
.moa-preview-tip-text { flex: 1 1 auto; min-width: 0; }
.moa-preview-tip-text strong { color: #3c6e42; font-weight: 700; }
.moa-preview-tip::before { content: ''; flex-shrink: 0; width: 15px; height: 15px; margin-top: 2px; border-radius: 50%; background: #4f8f57; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8v5M12 16h.01'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 9px 9px; }
.moa-guide-h-right { animation: moaGuideHRight 1.8s ease-in-out infinite; }
@keyframes moaGuideHRight { 0%, 100% { right: var(--moa-guide-a, 74%); } 50% { right: var(--moa-guide-b, 24%); } }
.moa-guide-h-left { animation: moaGuideHLeft 1.8s ease-in-out infinite; }
@keyframes moaGuideHLeft { 0%, 100% { left: var(--moa-guide-a, 74%); } 50% { left: var(--moa-guide-b, 24%); } }
.moa-guide-v-drop { animation: moaGuideVDrop 1.8s ease-in-out infinite; }
@keyframes moaGuideVDrop { 0%, 100% { bottom: var(--moa-guide-a, 84%); } 50% { bottom: var(--moa-guide-b, 10.5%); } }
.moa-summary { padding: 15px 18px; border-top: 1px solid var(--moa-line); }
.moa-sum-row { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; font-size: .8rem; }
.moa-sum-lbl { color: var(--moa-muted); }
.moa-sum-val { font-weight: 600; color: var(--moa-ink); }
.moa-sum-accent { color: var(--moa-accent-dark); font-size: .92rem; font-weight: 700; }

/* --- SONUÇ --- */
.moa-result-card { background: linear-gradient(150deg, #4c5459 0%, #40484c 100%); border-radius: 14px; padding: 34px; margin-bottom: 20px; position: relative; overflow: hidden; }
.moa-result-card::after { content: ''; position: absolute; top: -40%; right: -15%; width: 260px; height: 260px; background: radial-gradient(circle, rgba(220,220,220,.14), transparent 60%); pointer-events: none; }
.moa-result-type { font-size: .84rem; color: rgba(255,255,255,.6); margin-bottom: 26px; font-weight: 500; letter-spacing: .02em; }
.moa-result-measures { display: flex; align-items: center; gap: 28px; }
.moa-rm { text-align: center; flex: 1; }
.moa-rm-lbl { display: block; font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.48); margin-bottom: 8px; }
.moa-rm-val { display: block; font-family: var(--mx-font); font-size: 3rem; font-weight: 600; color: #fff; line-height: 1; }
.moa-rm-unit { display: block; font-size: .74rem; color: rgba(255,255,255,.45); margin-top: 6px; }
.moa-rm-divider { width: 1px; height: 54px; background: rgba(255,255,255,.14); flex-shrink: 0; }
.moa-result-note { margin-top: 24px; font-size: .8rem; color: rgba(255,255,255,.55); line-height: 1.65; border-top: 1px solid rgba(255,255,255,.1); padding-top: 16px; }
.moa-result-tips { background: var(--moa-surface); border: 1px solid var(--moa-line); border-radius: 10px; padding: 18px 22px; margin-bottom: 20px; font-size: .84rem; line-height: 1.75; color: var(--moa-ink); }
.moa-result-tips ul { padding-left: 18px; }
.moa-result-tips li { margin-bottom: 5px; }
.moa-result-actions { display: flex; gap: 10px; margin-bottom: 18px; }
.moa-btn-wp { flex: 1; display: flex; align-items: center; justify-content: center; gap: 9px; background: #25D366; color: #fff; border: none; font-family: var(--mx-font); font-size: .87rem; font-weight: 600; padding: 13px 20px; border-radius: 100px; cursor: pointer; transition: filter .18s, transform .18s; }
.moa-btn-wp:hover { filter: brightness(1.06); transform: translateY(-1px); }
.moa-btn-restart { display: inline-flex; align-items: center; gap: 7px; background: transparent; border: 1.5px solid var(--moa-line); color: var(--moa-muted); font-family: var(--mx-font); font-size: .87rem; font-weight: 600; padding: 13px 22px; border-radius: 100px; cursor: pointer; transition: border-color .18s, color .18s; }
.moa-btn-restart:hover { border-color: var(--moa-accent); color: var(--moa-accent-dark); }
.moa-disclaimer { display: flex; align-items: flex-start; gap: 9px; font-size: .76rem; color: #8b8880; line-height: 1.65; padding: 13px 16px; background: #f6f5f3; border-radius: 8px; }
.moa-disclaimer .moa-ico { flex-shrink: 0; margin-top: 1px; color: #a7a49d; }
.moa-result-measures.moa-dual { gap: 16px; }
.moa-result-measures.moa-dual .moa-rm-val { font-size: 2.15rem; }

/* --- ALT BİLGİ --- */
.moa-info-section { background: var(--moa-accent-dark); padding: 64px 5vw; width: 100%; }
.moa-info-grid { max-width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding: 0 2vw; }
.moa-info-card { text-align: center; }
.moa-ic-icon { width: 46px; height: 46px; margin: 0 auto 16px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); display: flex; align-items: center; justify-content: center; color: #d8d6cf; }
.moa-info-card h3 { font-family: var(--mx-font); font-size: 1.05rem; font-weight: 600; color: #fff; margin-bottom: 9px; }
.moa-info-card p { font-size: .82rem; color: rgba(255,255,255,.5); line-height: 1.75; }

/* --- RESPONSIVE --- */
@media (max-width: 960px) {
  .moa-body { grid-template-columns: 1fr; }
  .moa-preview-col { position: static; order: -1; }
  .moa-hero-inner { flex-direction: column; align-items: flex-start; gap: 24px; }
  .moa-hero-col-desc { border-left: none; border-right: none; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
  .moa-hero-col-title, .moa-hero-col-desc, .moa-hero-col-cta { flex: 1 1 100%; width: 100%; }
  .moa-info-grid { grid-template-columns: 1fr; }
  .moa-3pt { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .moa-curtain-grid { grid-template-columns: repeat(2, 1fr); }
  .moa-result-measures { flex-direction: column; gap: 18px; }
  .moa-rm-divider { width: 60px; height: 1px; }
  .moa-result-actions { flex-direction: column; }
  .moa-radio-row { flex-direction: column; }
  .moa-ps-lbl { display: none; }
  .moa-ps-line { min-width: 28px; max-width: 60px; }
  .moa-hero { padding: 54px 5vw; }
  .moa-wizard { padding: 44px 4vw 64px; }
  .moa-3pt { grid-template-columns: 1fr; }
  .moa-cc-img-wrap { width: 56px; height: 56px; }
}

/* --- MİN/MAKS ÖLÇÜ UYARI POP-UP'I --- */
.moa-modal-overlay { position: fixed; inset: 0; background: rgba(20, 22, 23, .55); display: flex; align-items: center; justify-content: center; padding: 20px; z-index: 999; }
.moa-modal-overlay.moa-hidden { display: none; }
.moa-modal-box { background: var(--moa-surface); border-radius: 14px; max-width: 380px; width: 100%; padding: 26px 26px 22px; box-shadow: 0 30px 70px rgba(0,0,0,.3); text-align: center; animation: moaModalIn .22s ease; }
@keyframes moaModalIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.moa-modal-icon { width: 46px; height: 46px; margin: 0 auto 16px; border-radius: 50%; background: #fbe9e7; color: #c14b45; display: flex; align-items: center; justify-content: center; }
.moa-modal-text { font-size: .92rem; line-height: 1.65; color: var(--moa-ink); margin-bottom: 22px; }
.moa-modal-actions { display: flex; gap: 10px; }
.moa-modal-actions .moa-btn-back { flex: 1; justify-content: center; padding: 12px 18px; }
.moa-modal-actions .moa-btn-wp { flex: 1; }

/* --- ÖLÇÜ ASİSTANI --- */

/* ==========================================================================
   19 · Sayfa · Perde Seçim Asistanı
   ========================================================================== */
:root { --mrt-primary: #616c70; --mrt-primary-deep: #3c4345; --mrt-ink: #2e3234; --mrt-silver: #c0c0c0; --mrt-silver-soft: rgba(192, 192, 192, 0.28); --mrt-ivory: #f7f6f3; --mrt-paper: #ffffff; --mrt-muted: #8b9093; --mrt-radius-lg: 20px; --mrt-radius-md: 14px; --mrt-shadow-soft: 0 6px 24px rgba(46, 50, 52, 0.08); --mrt-shadow-hover: 0 10px 32px rgba(97, 108, 112, 0.22); }

/* --- GENEL KAPSAYICI --- */
.maritsa-perde-asistani { font-family: var(--mx-font); font-size: 15px; color: var(--mrt-ink); background-color: var(--mrt-ivory); min-height: 100vh; width: 100%; box-sizing: border-box; overflow-x: hidden; }
.maritsa-perde-asistani *, .maritsa-perde-asistani *::before, .maritsa-perde-asistani *::after { box-sizing: border-box; }

/* --- HEADER --- */
.maritsa-pa-header { background: linear-gradient(135deg, var(--mrt-primary) 0%, var(--mrt-primary-deep) 60%, var(--mrt-ink) 100%); padding: 58px 24px 78px; position: relative; text-align: center; overflow: hidden; }
.maritsa-pa-header { background-image: repeating-linear-gradient( 120deg, rgba(255,255,255,0.025) 0px, rgba(255,255,255,0.025) 2px, transparent 2px, transparent 14px ), linear-gradient(135deg, var(--mrt-primary) 0%, var(--mrt-primary-deep) 60%, var(--mrt-ink) 100%); }
.maritsa-pa-header::before { content: ''; position: absolute; top: -60px; right: -60px; width: 220px; height: 220px; border-radius: 50%; border: 1px solid rgba(192,192,192,0.18); pointer-events: none; }
.maritsa-pa-header::after { content: ''; position: absolute; bottom: 30px; left: -40px; width: 160px; height: 160px; border-radius: 50%; border: 1px solid rgba(192,192,192,0.12); pointer-events: none; }
.maritsa-pa-header-inner { position: relative; z-index: 2; max-width: 680px; margin: 0 auto; }
.maritsa-pa-logo-area { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px; }
.maritsa-pa-logo-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--mrt-silver); box-shadow: 0 0 0 3px rgba(192,192,192,0.25); }
.maritsa-pa-logo-text { font-family: var(--mx-font); font-size: 12.5px; font-weight: 700; color: var(--mrt-silver); letter-spacing: 3px; text-transform: uppercase; }
.maritsa-pa-logo-text em { font-style: normal; color: #ffffff; }
.maritsa-pa-title { font-family: var(--mx-font); font-size: 2.5rem; font-weight: 600; color: #ffffff; margin: 0 0 12px; letter-spacing: 0.3px; line-height: 1.15; }
.maritsa-pa-subtitle { font-size: 14px; color: rgba(255,255,255,0.78); margin: 0; font-weight: 300; letter-spacing: 0.3px; }
.maritsa-pa-header-wave { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; z-index: 1; }
.maritsa-pa-header-wave svg { width: 100%; height: 100%; display: block; }

/* --- CHAT SARICI --- */
.maritsa-pa-chat-wrap { max-width: 720px; margin: 0 auto; padding: 40px 24px 44px; }

/* --- İLERLEME ÇUBUĞU (İğne-iplik motifi) --- */
.maritsa-pa-progress-bar-wrap { display: flex; align-items: center; gap: 14px; margin-bottom: 34px; }
.maritsa-pa-progress-track { flex: 1; height: 4px; background: repeating-linear-gradient(90deg, #ddd 0, #ddd 5px, transparent 5px, transparent 9px); border-radius: 4px; overflow: hidden; position: relative; }
.maritsa-pa-progress-fill { height: 100%; background: linear-gradient(90deg, var(--mrt-primary), var(--mrt-silver)); border-radius: 4px; width: 0%; transition: width 0.5s cubic-bezier(0.4,0,0.2,1); position: relative; }
.maritsa-pa-progress-fill::after { content: ''; position: absolute; right: -4px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; background: var(--mrt-primary-deep); box-shadow: 0 0 0 3px rgba(97,108,112,0.18); }
.maritsa-pa-progress-label { font-size: 12px; color: var(--mrt-primary); font-weight: 600; white-space: nowrap; letter-spacing: 0.3px; }

/* --- MESAJLAR --- */
.maritsa-pa-messages { display: flex; flex-direction: column; gap: 16px; margin-bottom: 28px; }
.maritsa-pa-msg-assistant { display: flex; align-items: flex-start; gap: 12px; animation: maritsa-slideIn 0.4s cubic-bezier(0.4,0,0.2,1) both; }
.maritsa-pa-msg-avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--mrt-primary), var(--mrt-primary-deep)); display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 2px 8px rgba(97,108,112,0.25); }
.maritsa-pa-msg-avatar svg { width: 20px; height: 20px; stroke: #ffffff; fill: none; }
.maritsa-pa-msg-bubble { background: var(--mrt-paper); border-radius: 4px 18px 18px 18px; padding: 15px 19px; max-width: 540px; box-shadow: var(--mrt-shadow-soft); border-left: 3px solid var(--mrt-primary); }
.maritsa-pa-msg-bubble p { margin: 0; font-size: 14.5px; line-height: 1.7; color: var(--mrt-ink); }
.maritsa-pa-msg-bubble strong { color: var(--mrt-primary); }
.maritsa-pa-msg-user { display: flex; justify-content: flex-end; animation: maritsa-slideInRight 0.35s cubic-bezier(0.4,0,0.2,1) both; }
.maritsa-pa-msg-user-bubble { background: linear-gradient(135deg, var(--mrt-primary), var(--mrt-primary-deep)); color: #ffffff; border-radius: 18px 4px 18px 18px; padding: 9px 16px 9px 9px; font-size: 14px; max-width: 320px; box-shadow: 0 2px 10px rgba(97,108,112,0.3); display: flex; align-items: center; gap: 10px; }
.maritsa-pa-msg-user-thumb { width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0; object-fit: cover; border: 1.5px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.15); }

/* --- SEÇİLEBİLİR SEÇENEKLER --- */
.maritsa-pa-options-wrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; margin-bottom: 24px; }
.maritsa-pa-option-card { background: var(--mrt-paper); border: 2px solid #e5e4e2; border-radius: var(--mrt-radius-md); padding: 20px 16px; cursor: pointer; text-align: center; transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.18s ease, background 0.22s ease; animation: maritsa-popIn 0.35s cubic-bezier(0.34,1.56,0.64,1) both; display: flex; flex-direction: column; align-items: center; gap: 12px; user-select: none; }
.maritsa-pa-option-card:hover, .maritsa-pa-option-card:focus-visible { border-color: var(--mrt-primary); box-shadow: var(--mrt-shadow-hover); transform: translateY(-2px); outline: none; }
.maritsa-pa-option-card.maritsa-selected { border-color: var(--mrt-primary); background: linear-gradient(135deg, rgba(97,108,112,0.07), rgba(192,192,192,0.1)); box-shadow: 0 4px 18px rgba(97,108,112,0.2); }
.maritsa-pa-option-img-wrap { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: linear-gradient(135deg, #eceae7, #f5f4f2); border: 1px solid rgba(97,108,112,0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.maritsa-pa-option-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.maritsa-pa-option-img-fallback { font-family: var(--mx-font); font-size: 22px; font-weight: 600; color: var(--mrt-primary); }
.maritsa-pa-option-label { font-family: var(--mx-font); font-size: 13.5px; font-weight: 600; color: var(--mrt-ink); line-height: 1.3; }
.maritsa-pa-option-desc { font-size: 11.5px; color: var(--mrt-muted); line-height: 1.4; font-weight: 300; }
.maritsa-pa-option-card:nth-child(1) { animation-delay: 0.05s; }
.maritsa-pa-option-card:nth-child(2) { animation-delay: 0.10s; }
.maritsa-pa-option-card:nth-child(3) { animation-delay: 0.15s; }
.maritsa-pa-option-card:nth-child(4) { animation-delay: 0.20s; }
.maritsa-pa-option-card:nth-child(5) { animation-delay: 0.25s; }
.maritsa-pa-option-card:nth-child(6) { animation-delay: 0.30s; }
.maritsa-pa-option-card:nth-child(7) { animation-delay: 0.35s; }

/* --- GERİ BUTONU --- */
.maritsa-pa-nav { display: flex; justify-content: flex-start; }
.maritsa-pa-back-btn { font-family: var(--mx-font); font-size: 13px; color: var(--mrt-primary); background: transparent; border: 1.5px solid var(--mrt-silver); border-radius: 30px; padding: 8px 18px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: background 0.2s, color 0.2s, border-color 0.2s; font-weight: 500; }
.maritsa-pa-back-btn:hover { background: var(--mrt-primary); color: #ffffff; border-color: var(--mrt-primary); }

/* --- SONUÇ ALANI --- */
.maritsa-pa-result { background: var(--mrt-ivory); padding: 44px 24px 64px; }
.maritsa-pa-result-inner { max-width: 780px; margin: 0 auto; text-align: center; }
.maritsa-pa-result-icon { font-size: 30px; color: var(--mrt-primary); margin-bottom: 14px; display: block; animation: maritsa-spinIn 0.5s cubic-bezier(0.34,1.56,0.64,1) both; }
.maritsa-pa-result-title { font-family: var(--mx-font); font-size: 2rem; font-weight: 600; color: var(--mrt-primary-deep); margin: 0 0 12px; }
.maritsa-pa-result-desc { font-size: 14.5px; color: #5c6163; margin: 0 0 36px; line-height: 1.75; max-width: 560px; margin-left: auto; margin-right: auto; }

/* --- SONUÇ KARTLARI --- */
.maritsa-pa-result-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 18px; margin-bottom: 40px; }
.maritsa-pa-result-card { background: var(--mrt-paper); border-radius: var(--mrt-radius-lg); padding: 26px 20px; box-shadow: var(--mrt-shadow-soft); text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 12px; border: 2px solid transparent; transition: border-color 0.22s, transform 0.18s, box-shadow 0.22s; animation: maritsa-popIn 0.45s cubic-bezier(0.34,1.56,0.64,1) both; position: relative; }
.maritsa-pa-result-card:nth-child(1) { animation-delay: 0.1s; }
.maritsa-pa-result-card:nth-child(2) { animation-delay: 0.2s; }
.maritsa-pa-result-card:nth-child(3) { animation-delay: 0.3s; }
.maritsa-pa-result-card:nth-child(4) { animation-delay: 0.4s; }
.maritsa-pa-result-card:hover { border-color: var(--mrt-primary); transform: translateY(-4px); box-shadow: var(--mrt-shadow-hover); }

/* --- Sonuç kartındaki kare->yuvarlak görsel --- */
.maritsa-pa-result-card-img-wrap { width: 86px; height: 86px; border-radius: 50%; overflow: hidden; background: linear-gradient(135deg, #eceae7, #f5f4f2); border: 1px solid rgba(97,108,112,0.15); display: flex; align-items: center; justify-content: center; }
.maritsa-pa-result-card-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.maritsa-pa-result-card-layer { position: absolute; top: 16px; right: 16px; font-size: 9.5px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--mrt-muted); background: #f1f0ee; border-radius: 20px; padding: 3px 9px; }
.maritsa-pa-result-card-badge { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--mrt-primary); background: rgba(97,108,112,0.1); border-radius: 20px; padding: 3px 10px; }
.maritsa-pa-result-card-name { font-family: var(--mx-font); font-size: 17px; font-weight: 600; color: var(--mrt-ink); text-align: center; line-height: 1.3; }
.maritsa-pa-result-card-reason { font-size: 12px; color: var(--mrt-muted); text-align: center; line-height: 1.55; }
.maritsa-pa-result-card-cta { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: #ffffff; background: linear-gradient(135deg, var(--mrt-primary), var(--mrt-primary-deep)); border-radius: 30px; padding: 9px 18px; transition: opacity 0.2s; }
.maritsa-pa-result-card:hover .maritsa-pa-result-card-cta { opacity: 0.85; }

/* --- YENİDEN BAŞLA --- */
.maritsa-pa-restart-btn { font-family: var(--mx-font); font-size: 13.5px; color: var(--mrt-primary); background: transparent; border: 2px solid var(--mrt-primary); border-radius: 30px; padding: 11px 28px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-weight: 600; transition: all 0.2s; letter-spacing: 0.3px; }
.maritsa-pa-restart-btn:hover { background: var(--mrt-primary); color: #ffffff; }

/* --- ANİMASYONLAR --- */
@keyframes maritsa-slideIn { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } }
@keyframes maritsa-slideInRight { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }
@keyframes maritsa-popIn { from { opacity: 0; transform: scale(0.88); } to { opacity: 1; transform: scale(1); } }
@keyframes maritsa-spinIn { from { opacity: 0; transform: rotate(-180deg) scale(0.5); } to { opacity: 1; transform: rotate(0deg) scale(1); } }
@keyframes maritsa-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
.maritsa-pa-typing { display: inline-flex; gap: 4px; align-items: center; padding: 4px 0; }
.maritsa-pa-typing span { width: 6px; height: 6px; border-radius: 50%; background: var(--mrt-silver); animation: maritsa-pulse 1.2s ease-in-out infinite; }
.maritsa-pa-typing span:nth-child(2) { animation-delay: 0.2s; }
.maritsa-pa-typing span:nth-child(3) { animation-delay: 0.4s; }

/* --- Erişilebilirlik: hareket azaltma tercihine uy --- */
@media (prefers-reduced-motion: reduce) {
  .maritsa-pa-msg-assistant, .maritsa-pa-msg-user, .maritsa-pa-option-card, .maritsa-pa-result-card, .maritsa-pa-result-icon, .maritsa-pa-typing span { animation: none !important; }
}

/* --- RESPONSIVE --- */
@media (max-width: 600px) {
  .maritsa-pa-title { font-size: 1.7rem; }
  .maritsa-pa-options-wrap { grid-template-columns: 1fr 1fr; gap: 10px; }
  .maritsa-pa-chat-wrap { padding: 30px 16px 34px; }
  .maritsa-pa-result-cards { grid-template-columns: 1fr; }
  .maritsa-pa-msg-bubble { font-size: 13.5px; }
  .maritsa-pa-option-img-wrap { width: 54px; height: 54px; }
}
@media (max-width: 380px) {
  .maritsa-pa-options-wrap { grid-template-columns: 1fr; }
}

/* ==========================================================================
   20 · Sayfa · Kumaş Numune Talebi
   ========================================================================== */
/* --- RESET & TEMEL --- */
.mn-hero *, .mn-steps *, .mn-details *, .mn-mid *, .mn-eligible *, .mn-faq *, .mn-cta * { box-sizing: border-box; margin: 0; padding: 0; }
.mn-hero, .mn-steps, .mn-details, .mn-mid, .mn-eligible, .mn-faq, .mn-cta { font-family: var(--mx-font); color: #2c2c2c; line-height: 1.65; }
.mn-container { max-width: 1140px; margin: 0 auto; padding: 0 28px; }
img { display: block; max-width: 100%; height: auto; }
a { text-decoration: none; color: inherit; }

/* --- BUTONLAR --- */
.mn-btn { display: inline-block; font-family: var(--mx-font); font-size: 14px; font-weight: 700; padding: 14px 32px; border-radius: 10px; cursor: pointer; transition: all 0.25s ease; border: 2px solid transparent; }
.mn-btn-primary { background: #616c70; color: #ffffff; border-color: #616c70; }
.mn-btn-primary:hover { background: #4a5356; border-color: #4a5356; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(97,108,112,0.25); }
.mn-btn-outline { background: transparent; color: #616c70; border-color: #616c70; }
.mn-btn-outline:hover { background: #616c70; color: #ffffff; transform: translateY(-2px); }
.mn-btn-light { background: #ffffff; color: #616c70; border-color: #ffffff; }
.mn-btn-light:hover { background: transparent; color: #ffffff; border-color: #ffffff; transform: translateY(-2px); }

/* --- EYEBROW / BÖLÜM BAŞLIKLARI --- */
.mn-eyebrow { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #c0c0c0; margin-bottom: 16px; }
.mn-section-title { font-size: clamp(22px, 3.5vw, 32px); font-weight: 700; color: #1a1a1a; text-align: center; margin-bottom: 12px; letter-spacing: -0.02em; }
.mn-section-sub { text-align: center; color: #6b7280; font-size: 15px; max-width: 560px; margin: 0 auto 52px; line-height: 1.6; }

/* --- HERO --- */
.mn-hero { background: #fafafa; border-bottom: 1px solid #f0f0f0; padding: 80px 0 60px; }
.mn-hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.mn-hero-text .mn-hero-title { font-size: clamp(28px, 4.5vw, 48px); font-weight: 700; color: #1a1a1a; line-height: 1.2; letter-spacing: -0.03em; margin-bottom: 20px; }
.mn-hero-desc { font-size: 16px; color: #4b5563; margin-bottom: 32px; max-width: 440px; }
.mn-hero-img { width: 100%; border-radius: 16px; object-fit: cover; aspect-ratio: 4 / 3; background: #e8e8e8; }

/* --- ADIMLAR --- */
.mn-steps { padding: 90px 0; background: #ffffff; }
.mn-steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; position: relative; }

/* --- İmza element: adımları birbirine bağlayan çizgi --- */
.mn-steps-grid::before { content: ''; position: absolute; top: 28px; left: calc(100% / 6); right: calc(100% / 6); height: 2px; background: linear-gradient(90deg, #616c70, #c0c0c0, #616c70); opacity: 0.3; z-index: 0; }
.mn-step { padding: 0 32px; position: relative; z-index: 1; text-align: center; }
.mn-step + .mn-step { border-left: 1px solid #f0f0f0; }
.mn-step-num { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: #ffffff; border: 2px solid #616c70; border-radius: 50%; font-size: 15px; font-weight: 700; color: #616c70; margin: 0 auto 24px; position: relative; }
.mn-step-body h3 { font-size: 17px; font-weight: 700; color: #1a1a1a; margin-bottom: 12px; letter-spacing: -0.01em; }
.mn-step-body p { font-size: 14px; color: #6b7280; line-height: 1.65; }

/* --- DETAY KARTLARI --- */
.mn-details { background: #f7f8f9; padding: 90px 0; }
.mn-details-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.mn-detail-card { background: #ffffff; border-radius: 14px; padding: 32px 24px; border: 1px solid #ebebeb; transition: box-shadow 0.25s ease, transform 0.25s ease; }
.mn-detail-card:hover { box-shadow: 0 12px 32px rgba(97,108,112,0.1); transform: translateY(-4px); }
.mn-detail-icon { width: 48px; height: 48px; margin-bottom: 20px; }
.mn-detail-icon svg { width: 48px; height: 48px; }
.mn-detail-card h3 { font-size: 15px; font-weight: 700; color: #1a1a1a; margin-bottom: 10px; letter-spacing: -0.01em; }
.mn-detail-card p { font-size: 13.5px; color: #6b7280; line-height: 1.6; }

/* --- ORTA BÖLÜM (LIFESTYLE) --- */
.mn-mid { padding: 90px 0; background: #ffffff; }
.mn-mid-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.mn-mid-img { width: 100%; border-radius: 16px; object-fit: cover; aspect-ratio: 10 / 7; background: #e8e8e8; }
.mn-mid-text h2 { font-size: clamp(20px, 3vw, 30px); font-weight: 700; color: #1a1a1a; line-height: 1.3; letter-spacing: -0.02em; margin-bottom: 20px; }
.mn-mid-text p { font-size: 15px; color: #4b5563; margin-bottom: 16px; line-height: 1.7; }
.mn-mid-text .mn-btn-outline { margin-top: 12px; }

/* --- HANGİ PERDELER --- */
.mn-eligible { background: #f7f8f9; padding: 80px 0; }
.mn-eligible-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 0; }
.mn-eligible-item { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; padding: 12px 22px; border-radius: 40px; border: 2px solid transparent; transition: all 0.2s ease; }
.mn-eligible-active { background: #ffffff; border-color: #616c70; color: #616c70; }
.mn-eligible-soon { background: #ffffff; border-color: #e0e0e0; color: #b0b0b0; }
.mn-eligible-soon em { font-style: normal; font-size: 11px; font-weight: 400; }
.mn-eligible-dot { width: 8px; height: 8px; border-radius: 50%; background: #616c70; flex-shrink: 0; }
.mn-eligible-dot-soon { background: #c0c0c0; }

/* --- SSS ACCORDION --- */
.mn-faq { padding: 90px 0; background: #ffffff; }
.mn-faq-list { max-width: 760px; margin: 0 auto; }
.mn-faq-item { border-bottom: 1px solid #f0f0f0; }
.mn-faq-item:first-child { border-top: 1px solid #f0f0f0; }
.mn-faq-q { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 4px; background: none; border: none; font-family: var(--mx-font); font-size: 15px; font-weight: 700; color: #1a1a1a; text-align: left; cursor: pointer; gap: 16px; transition: color 0.2s ease; }
.mn-faq-q:hover { color: #616c70; }
.mn-faq-icon { flex-shrink: 0; width: 22px; height: 22px; border: 2px solid #c0c0c0; border-radius: 50%; position: relative; transition: border-color 0.2s ease, transform 0.3s ease; }
.mn-faq-icon::before, .mn-faq-icon::after { content: ''; position: absolute; background: #616c70; border-radius: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mn-faq-icon::before { width: 10px; height: 2px; }
.mn-faq-icon::after { width: 2px; height: 10px; transition: transform 0.3s ease, opacity 0.3s ease; }
.mn-faq-q[aria-expanded="true"] .mn-faq-icon { border-color: #616c70; }
.mn-faq-q[aria-expanded="true"] .mn-faq-icon::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }
.mn-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.38s ease, padding 0.3s ease; }
.mn-faq-a.mn-faq-open { max-height: 400px; padding-bottom: 20px; }
.mn-faq-a p { font-size: 14px; color: #4b5563; line-height: 1.7; padding: 0 4px; }
.mn-faq-a p a { color: #616c70; text-decoration: underline; }

/* --- ALT CTA --- */
.mn-cta { background: #616c70; padding: 72px 0; }
.mn-cta-inner { text-align: center; }
.mn-cta-inner h2 { font-size: clamp(20px, 3vw, 30px); font-weight: 700; color: #ffffff; margin-bottom: 12px; letter-spacing: -0.02em; }
.mn-cta-inner p { font-size: 15px; color: rgba(255,255,255,0.78); margin-bottom: 32px; }

/* --- KARGO İADESİ FIRSAT BANDI --- */
.mn-promo { padding: 0 0 90px; background: #ffffff; }
.mn-promo-inner { display: flex; gap: 28px; align-items: flex-start; background: #616c70; border-radius: 18px; padding: 40px 44px; position: relative; overflow: hidden; }
.mn-promo-inner::before { content: ''; position: absolute; top: 0; right: 0; width: 240px; height: 240px; background: rgba(255,255,255,0.06); border-radius: 50%; transform: translate(30%, -40%); }
.mn-promo-icon { flex-shrink: 0; width: 60px; height: 60px; background: rgba(255,255,255,0.14); border-radius: 14px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.mn-promo-icon svg { width: 30px; height: 30px; }
.mn-promo-text { position: relative; z-index: 1; }
.mn-promo-badge { display: inline-block; background: rgba(255,255,255,0.16); color: #ffffff; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 6px 14px; border-radius: 20px; margin-bottom: 16px; }
.mn-promo-text h2 { font-size: clamp(18px, 2.6vw, 25px); font-weight: 700; color: #ffffff; margin-bottom: 14px; letter-spacing: -0.01em; line-height: 1.35; }
.mn-promo-text p { font-size: 14.5px; color: rgba(255,255,255,0.88); line-height: 1.7; margin-bottom: 10px; max-width: 640px; }
.mn-promo-note { font-size: 13px; color: rgba(255,255,255,0.7); margin-bottom: 0; }
.mn-promo-note a { color: #ffffff; font-weight: 700; text-decoration: underline; }

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
  .mn-details-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .mn-hero { padding: 52px 0 44px; }
  .mn-hero-inner { grid-template-columns: 1fr; gap: 36px; }
  .mn-hero-visual { order: -1; }
  .mn-steps { padding: 60px 0; }
  .mn-steps-grid { grid-template-columns: 1fr; gap: 36px; }
  .mn-steps-grid::before { display: none; }
  .mn-step { padding: 0; text-align: left; display: flex; gap: 20px; align-items: flex-start; }
  .mn-step + .mn-step { border-left: none; border-top: 1px solid #f0f0f0; padding-top: 36px; }
  .mn-step-num { margin: 0; flex-shrink: 0; }
  .mn-step-body { text-align: left; }
  .mn-details { padding: 60px 0; }
  .mn-details-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .mn-detail-card { padding: 24px 18px; }
  .mn-mid { padding: 60px 0; }
  .mn-mid-inner { grid-template-columns: 1fr; gap: 36px; }
  .mn-promo { padding: 0 0 60px; }
  .mn-promo-inner { flex-direction: column; padding: 30px 26px; gap: 18px; }
  .mn-promo-icon { width: 52px; height: 52px; }
  .mn-promo-icon svg { width: 26px; height: 26px; }
  .mn-eligible { padding: 60px 0; }
  .mn-faq { padding: 60px 0; }
  .mn-cta { padding: 52px 0; }
}
@media (max-width: 480px) {
  .mn-details-grid { grid-template-columns: 1fr; }
  .mn-step { flex-direction: column; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* ==========================================================================
   21 · Sayfa · Kişiselleştirilmiş Perde
   ========================================================================== */
.maritsa-kisisel-sayfasi { width: 100%; padding: 10px 0 70px; box-sizing: border-box; }
.maritsa-kisisel-sayfasi * { box-sizing: border-box; }
.maritsa-kisisel-sayfasi, .maritsa-kisisel-sayfasi * { opacity: 1 !important; visibility: visible !important; filter: none !important; -webkit-filter: none !important; }
.maritsa-kisisel-sayfasi .mrps-section, .maritsa-kisisel-sayfasi .mrps-hero, .maritsa-kisisel-sayfasi .mrps-toc { transform: none !important; }
.maritsa-kisisel-sayfasi .mrps-container { max-width: 880px; margin: 0 auto; padding: 0 22px; }
.maritsa-kisisel-sayfasi h1, .maritsa-kisisel-sayfasi h2, .maritsa-kisisel-sayfasi h3, .maritsa-kisisel-sayfasi p, .maritsa-kisisel-sayfasi li, .maritsa-kisisel-sayfasi a, .maritsa-kisisel-sayfasi th, .maritsa-kisisel-sayfasi td, .maritsa-kisisel-sayfasi summary { font-family: var(--mx-font); }

/* --- Hero --- */
.maritsa-kisisel-sayfasi .mrps-hero { text-align: center; padding: 46px 0 30px; }
.maritsa-kisisel-sayfasi .mrps-hero-etiket { display: inline-block; background: #f0f1f1; color: #616c70; font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; padding: 6px 14px; border-radius: 20px; margin-bottom: 18px; }
.maritsa-kisisel-sayfasi .mrps-hero h1 { font-size: 34px; font-weight: 700; color: #3a4042; margin: 0 0 18px; line-height: 1.3; }
.maritsa-kisisel-sayfasi .mrps-giris { font-size: 16px; line-height: 1.8; color: #5b6265; max-width: 700px; margin: 0 auto; }
.maritsa-kisisel-sayfasi .mrps-guncelleme { margin-top: 18px; font-size: 12.5px; color: #b3b8ba; }

/* --- İçindekiler (yatay chip) --- */
.maritsa-kisisel-sayfasi .mrps-toc { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 10px 0 48px; padding: 16px; background: #f7f7f8; border-radius: 14px; }
.maritsa-kisisel-sayfasi .mrps-toc a { font-size: 12.5px; font-weight: 700; color: #616c70; text-decoration: none; background: #fff; border: 1px solid #e5e7e8; padding: 7px 14px; border-radius: 20px; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.maritsa-kisisel-sayfasi .mrps-toc a:hover { background: #616c70; color: #fff; border-color: #616c70; }
.maritsa-kisisel-sayfasi .mrps-toc a.active { background: #616c70; color: #fff; border-color: #616c70; }

/* --- Section genel --- */
.maritsa-kisisel-sayfasi .mrps-section { margin-bottom: 54px; scroll-margin-top: 30px; }
.maritsa-kisisel-sayfasi .mrps-section h2 { font-size: 23px; font-weight: 700; color: #3a4042; margin: 0 0 16px; padding-bottom: 12px; border-bottom: 2px solid #f0f1f1; }
.maritsa-kisisel-sayfasi .mrps-section p { font-size: 15px; line-height: 1.85; color: #5b6265; margin: 0 0 14px; }
.maritsa-kisisel-sayfasi .mrps-section p:last-child { margin-bottom: 0; }
.maritsa-kisisel-sayfasi .mrps-section a { color: #616c70; font-weight: 700; }
.maritsa-kisisel-sayfasi .mrps-section strong { color: #3a4042; }
.maritsa-kisisel-sayfasi .mrps-not { font-size: 13px; color: #9aa0a2; font-style: italic; }
.maritsa-kisisel-sayfasi .mrps-liste { padding-left: 20px; color: #5b6265; font-size: 15px; line-height: 1.85; margin: 0 0 14px; }
.maritsa-kisisel-sayfasi .mrps-liste li { margin-bottom: 8px; }

/* --- 3 Adım Grid --- */
.maritsa-kisisel-sayfasi .mrps-adim-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 20px 0; }
.maritsa-kisisel-sayfasi .mrps-adim-kart { background: #f7f7f8; border-radius: 12px; padding: 22px 18px; position: relative; }
.maritsa-kisisel-sayfasi .mrps-adim-no { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #616c70, #4d5659); color: #fff; font-weight: 700; font-size: 14px; margin-bottom: 12px; }
.maritsa-kisisel-sayfasi .mrps-adim-kart h3 { font-size: 15.5px; color: #3a4042; margin: 0 0 8px; }
.maritsa-kisisel-sayfasi .mrps-adim-kart p { font-size: 13.5px; margin: 0; color: #6c7375; line-height: 1.65; }

/* --- Pile Modeli Kartları --- */
.maritsa-kisisel-sayfasi .mrps-pile-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 20px; }
.maritsa-kisisel-sayfasi .mrps-pile-kart { border: 1px solid #ececec; border-radius: 14px; overflow: hidden; transition: box-shadow .25s ease, border-color .25s ease; }
.maritsa-kisisel-sayfasi .mrps-pile-kart:hover { box-shadow: 0 6px 20px rgba(97,108,112,.12); border-color: #d8dadb; }
.maritsa-kisisel-sayfasi .mrps-pile-img { width: 100%; aspect-ratio: 1 / 1; background: #f4f5f5; overflow: hidden; }
.maritsa-kisisel-sayfasi .mrps-pile-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.maritsa-kisisel-sayfasi .mrps-pile-kart h3 { font-size: 16px; color: #3a4042; margin: 16px 16px 8px; }
.maritsa-kisisel-sayfasi .mrps-pile-kart p { font-size: 13.5px; margin: 0 16px 18px; color: #6c7375; line-height: 1.7; }

/* --- İkili Grid (Korniş/Rustik) --- */
.maritsa-kisisel-sayfasi .mrps-ikili-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 20px; }
.maritsa-kisisel-sayfasi .mrps-ikili-kart { border: 1px solid #ececec; border-radius: 14px; overflow: hidden; }
.maritsa-kisisel-sayfasi .mrps-ikili-img { width: 100%; aspect-ratio: 1 / 1; background: #f4f5f5; overflow: hidden; }
.maritsa-kisisel-sayfasi .mrps-ikili-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.maritsa-kisisel-sayfasi .mrps-ikili-kart h3 { font-size: 16px; color: #3a4042; margin: 16px 16px 8px; }
.maritsa-kisisel-sayfasi .mrps-ikili-kart p { font-size: 13.5px; margin: 0 16px 18px; color: #6c7375; line-height: 1.7; }

/* --- Tablo --- */
.maritsa-kisisel-sayfasi .mrps-tablo-scroll { overflow-x: auto; }
.maritsa-kisisel-sayfasi .mrps-tablo { width: 100%; border-collapse: collapse; margin: 6px 0 12px; font-size: 13.5px; min-width: 480px; }
.maritsa-kisisel-sayfasi .mrps-tablo th { background: #616c70; color: #fff; font-weight: 700; text-align: left; padding: 12px 14px; }
.maritsa-kisisel-sayfasi .mrps-tablo td { padding: 12px 14px; border-bottom: 1px solid #ececec; color: #5b6265; }
.maritsa-kisisel-sayfasi .mrps-tablo tbody tr:nth-child(even) { background: #fafafa; }
.maritsa-kisisel-sayfasi .mrps-tablo .mrps-ok { color: #3f8f5c; font-weight: 700; text-align: center; }
.maritsa-kisisel-sayfasi .mrps-tablo .mrps-yok { color: #c0554f; font-weight: 700; text-align: center; }

/* --- Yardımcı Araçlar Grid --- */
.maritsa-kisisel-sayfasi .mrps-arac-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 18px; }
.maritsa-kisisel-sayfasi .mrps-arac-link { display: block !important; text-decoration: none !important; color: inherit !important; }
.maritsa-kisisel-sayfasi .mrps-arac-kart { display: block !important; background: #f7f7f8; border-radius: 12px; padding: 18px; height: 100%; box-sizing: border-box; transition: background-color .22s ease, transform .18s ease; }
.maritsa-kisisel-sayfasi .mrps-arac-link:hover .mrps-arac-kart { background: #616c70; transform: translateY(-2px); }
.maritsa-kisisel-sayfasi .mrps-arac-link:hover h3, .maritsa-kisisel-sayfasi .mrps-arac-link:hover p { color: #fff; }
.maritsa-kisisel-sayfasi .mrps-arac-kart h3 { font-size: 14.5px; color: #3a4042; margin: 0 0 6px; transition: color .22s ease; }
.maritsa-kisisel-sayfasi .mrps-arac-kart p { font-size: 12.5px; color: #7b8285; margin: 0; line-height: 1.6; transition: color .22s ease; }

/* --- Mini SSS (details/summary) --- */
.maritsa-kisisel-sayfasi .mrps-mini-sss { border: 1px solid #ececec; border-radius: 10px; margin-bottom: 10px; overflow: hidden; }
.maritsa-kisisel-sayfasi .mrps-mini-sss summary { padding: 14px 18px; cursor: pointer; font-weight: 700; font-size: 14px; color: #3a4042; background: #f7f7f8; list-style: none; position: relative; -webkit-tap-highlight-color: transparent; }
.maritsa-kisisel-sayfasi .mrps-mini-sss summary::-webkit-details-marker { display: none; }
.maritsa-kisisel-sayfasi .mrps-mini-sss summary::after { content: '+'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); color: #616c70; font-size: 18px; }
.maritsa-kisisel-sayfasi .mrps-mini-sss[open] summary::after { content: '−'; }
.maritsa-kisisel-sayfasi .mrps-mini-sss[open] summary { background: #616c70; color: #fff; }
.maritsa-kisisel-sayfasi .mrps-mini-sss[open] summary::after { color: #fff; }
.maritsa-kisisel-sayfasi .mrps-mini-sss div { padding: 14px 18px; }
.maritsa-kisisel-sayfasi .mrps-mini-sss p { font-size: 13.5px; margin: 0; color: #6c7375; }
.maritsa-kisisel-sayfasi .mrps-sss-link { font-size: 13.5px; margin-top: 14px; }

/* --- CTA --- */
.maritsa-kisisel-sayfasi .mrps-sonblok { text-align: center; border-radius: 16px; padding: 40px 24px; }
.maritsa-kisisel-sayfasi .mrps-sonblok h2 { color: #fff; border: none; font-size: 20px; margin: 0 0 18px; }
.maritsa-kisisel-sayfasi .mrps-sonblok-buton { display: inline-block; background: #fff; color: #454d4f !important; font-weight: 700; font-size: 14px; padding: 13px 28px; border-radius: 8px; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.maritsa-kisisel-sayfasi .mrps-sonblok-buton:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,.2); }

/* --- Mobil --- */
@media (max-width: 768px) {
  .maritsa-kisisel-sayfasi .mrps-adim-grid, .maritsa-kisisel-sayfasi .mrps-pile-grid, .maritsa-kisisel-sayfasi .mrps-ikili-grid, .maritsa-kisisel-sayfasi .mrps-arac-grid { grid-template-columns: 1fr; }
  .maritsa-kisisel-sayfasi .mrps-hero h1 { font-size: 26px; }
  .maritsa-kisisel-sayfasi .mrps-toc { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
  .maritsa-kisisel-sayfasi .mrps-toc a { white-space: nowrap; }
}

/* ==========================================================================
   22 · Sayfa · Tedarikçi ve İş Ortaklığı
   ========================================================================== */
:root { --maritsa-b2b-slate: #6d777b; --maritsa-b2b-silver: #c8c8c6; --maritsa-b2b-charcoal: #45494b; --maritsa-b2b-charcoal-2: #5a6062; --maritsa-b2b-bg: #f7f7f6; --maritsa-b2b-line: #ebebe9; --maritsa-b2b-line-strong: #dbdbd9; --maritsa-b2b-text: #3a3d3e; --maritsa-b2b-muted: #8a8e90; --maritsa-b2b-white: #ffffff; }
* { box-sizing: border-box; }
.maritsa-b2b-body { margin: 0; font-family: 'Archivo', sans-serif; color: var(--maritsa-b2b-text); background: var(--maritsa-b2b-bg); }
.maritsa-b2b-page { max-width: 1040px; margin: 0 auto; padding: 3rem 2rem 5rem; }

/* --- HERO --- */
.maritsa-b2b-hero { background: var(--maritsa-b2b-charcoal); border-radius: 14px; padding: 3px; }
.maritsa-b2b-hero-inner { border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; padding: 4rem 2.5rem; text-align: center; }
.maritsa-b2b-eyebrow { font-size: 12px; font-weight: 500; letter-spacing: .3em; text-transform: uppercase; color: var(--maritsa-b2b-silver); margin-bottom: 22px; }
.maritsa-b2b-hero-title { font-size: 30px; font-weight: 600; color: var(--maritsa-b2b-white); margin: 0 0 22px; line-height: 1.35; letter-spacing: -0.01em; }
.maritsa-b2b-hero-rule { width: 48px; height: 1px; background: var(--maritsa-b2b-silver); margin: 0 auto 22px; opacity: .6; }
.maritsa-b2b-hero-desc { font-size: 15px; color: #c4c7c8; max-width: 440px; margin: 0 auto; line-height: 1.8; font-weight: 400; }

/* --- SECTIONS --- */
.maritsa-b2b-section { margin-top: 3.2rem; }
.maritsa-b2b-section-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 1.3rem; padding-bottom: .8rem; border-bottom: 1px solid var(--maritsa-b2b-line); }
.maritsa-b2b-section-num { font-size: 12px; font-weight: 500; color: var(--maritsa-b2b-silver); letter-spacing: .05em; }
.maritsa-b2b-section-label { font-size: 13px; font-weight: 600; letter-spacing: .08em; color: var(--maritsa-b2b-slate); text-transform: uppercase; }

/* --- GRID / CARDS --- */
.maritsa-b2b-grid { display: grid; gap: 14px; }
.maritsa-b2b-grid-3 { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.maritsa-b2b-card { background: var(--maritsa-b2b-white); border: 1px solid var(--maritsa-b2b-line); border-radius: 10px; padding: 1.4rem 1.3rem; transition: border-color .2s ease; }
.maritsa-b2b-card:hover { border-color: var(--maritsa-b2b-silver); }
.maritsa-b2b-card-title { font-weight: 600; font-size: 15px; letter-spacing: .01em; }
.maritsa-b2b-card-desc { font-size: 13px; color: var(--maritsa-b2b-muted); margin-top: 6px; line-height: 1.6; }

/* --- REASONS --- */
.maritsa-b2b-reasons { display: grid; gap: 10px; }
.maritsa-b2b-reason-item { padding: 14px 16px; border: 1px solid var(--maritsa-b2b-line); border-left: 3px solid var(--maritsa-b2b-silver); border-radius: 8px; font-size: 14px; line-height: 1.6; background: var(--maritsa-b2b-white); }

/* --- STEPS --- */
.maritsa-b2b-step { border: 1px solid var(--maritsa-b2b-line); border-radius: 10px; padding: 1.3rem 1rem; text-align: center; background: var(--maritsa-b2b-white); }
.maritsa-b2b-step-num { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--maritsa-b2b-slate); color: var(--maritsa-b2b-slate); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; margin: 0 auto 12px; }
.maritsa-b2b-step-title { font-size: 14px; font-weight: 500; letter-spacing: .01em; }

/* --- FORM --- */
.maritsa-b2b-form { background: var(--maritsa-b2b-white); border: 1px solid var(--maritsa-b2b-line); border-radius: 12px; padding: 2.2rem; display: grid; gap: 18px; }
.maritsa-b2b-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.maritsa-b2b-field label { font-size: 12px; font-weight: 500; letter-spacing: .03em; color: var(--maritsa-b2b-muted); text-transform: uppercase; display: block; margin-bottom: 6px; }
.maritsa-b2b-field input, .maritsa-b2b-field select, .maritsa-b2b-field textarea { width: 100%; height: 42px; border: 1px solid var(--maritsa-b2b-line-strong); border-radius: 8px; padding: 0 12px; font-family: 'Archivo', sans-serif; font-size: 14px; color: var(--maritsa-b2b-text); background: var(--maritsa-b2b-bg); transition: border-color .2s ease; }
.maritsa-b2b-field textarea { height: auto; min-height: 90px; padding: 10px 12px; resize: vertical; }
.maritsa-b2b-field input:focus, .maritsa-b2b-field select:focus, .maritsa-b2b-field textarea:focus { outline: none; border-color: var(--maritsa-b2b-slate); background: var(--maritsa-b2b-white); }

/* --- SUBMIT BUTTON --- */
.maritsa-b2b-submit-btn { height: 46px; background: var(--maritsa-b2b-charcoal); color: var(--maritsa-b2b-white); border: 1px solid var(--maritsa-b2b-charcoal); border-radius: 8px; font-family: 'Archivo', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: background .2s ease, border-color .2s ease, transform .1s ease; margin-top: 6px; }
.maritsa-b2b-submit-btn:hover { background: var(--maritsa-b2b-charcoal-2); border-color: var(--maritsa-b2b-silver); }
.maritsa-b2b-submit-btn:active { transform: scale(0.98); }

/* --- PREVIEW BOX --- */
.maritsa-b2b-preview { font-size: 12px; color: var(--maritsa-b2b-muted); background: var(--maritsa-b2b-bg); border: 1px solid var(--maritsa-b2b-line); border-radius: 8px; padding: 12px 14px; display: none; line-height: 1.7; }

/* --- FOOTER NOTE --- */
.maritsa-b2b-footer-note { text-align: center; font-size: 12px; color: var(--maritsa-b2b-muted); margin-top: 2rem; letter-spacing: .02em; }

/* --- RESPONSIVE --- */
@media (max-width: 480px) {
  .maritsa-b2b-form-row { grid-template-columns: 1fr; }
  .maritsa-b2b-hero-inner { padding: 2.6rem 1.5rem; }
  .maritsa-b2b-hero-title { font-size: 24px; }
  .maritsa-b2b-page { padding: 2rem 1rem 3.5rem; }
}

/* ==========================================================================
   23 · Tema tabanı · kapsayıcı ve ekran boyutları
   ========================================================================== */
/* --- Container --- */
.headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: calc(100% - 320px); margin: 0 auto; position: relative; clear: both; display: block; }
.sliderBannerContainer .ProductList { max-width: 100%; }
.detaySliderContainer .ProductList { max-width: 100%; }
.homeContainer .ProductListContent .ProductList { max-width: 100%; }
.markaSlider .jCarouselLite { max-width: 100%; }
.headerContent { text-align: center; }
.sepetimBody .ticiContainer { margin: 0 auto; }
.sepetimBody .footerSslLogo { display: none !important; }
.sepetimBody .headerContent { box-shadow: none; }
.centerCount.Middle { width: 100%; padding: 0; }
.centerCount.userLoginContent { width: 100%; padding: 0; }
.centerCount.iletisimContent { width: 100%; padding: 0; }
.centerCount.UyeolContent { width: 100%; padding: 0; margin-top: 40px; }
.centerCount.HesabimTakip { width: 100%; padding: 0; }
.leftBlock { float: left; width: 300px; padding-right: 20px; }
.rightBlock { float: right; width: 300px; padding-left: 20px; }
.centerCount.LeftMiddle { width: calc(100% - 300px); }
.centerCount.RightMiddle { width: calc(100% - 300px); }
.centerCount { float: left; width: 100%; padding: 0; }

/* --- SolOrtaSag --- */
.leftBlock.LeftMiddleRight { width: 25%; }
.rightBlock.LeftMiddleRight { width: 25%; }
.centerCount.LeftMiddleRight { width: 50%; }
.ticiContainer:before, .ticiContainer:after { content: ""; display: table; }
.ticiContainer:after { clear: both; }
.ticiContainer { clear: both; zoom: 1; }

/* --- Container --- */

/* --- Tablet ekranina kadar olan windows gorunumu --- */
@media screen and (min-width:1041px) and (max-width:1200px) {
  .leftBlock.LeftMiddle { width: 25%; padding-right: 20px; }
  .centerCount.LeftMiddle { width: 75%; }

  /* --- SolOrtaSag --- */
  .leftBlock.LeftMiddleRight { width: 25%; }
  .rightBlock.LeftMiddleRight { width: 25%; }
  .centerCount.LeftMiddleRight { width: 50%; }

  /* --- OrtaSag --- */
  .rightBlock.MiddleRight { width: 25%; }
  .centerCount.MiddleRight { width: 75%; }
  .homeContainer .col-5li { width: 25%; }
}
@media screen and (min-width: 1500px) and (max-width: 1600px) {
  /* --- Container --- */
  .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: calc(100% - 240px); }
  #divIcerik.homepage { margin: 0 auto; }
  body #mainHolder_divDesign .t-vw-8 .ticiContainer { width: calc(100% - 240px) !important; }
  body .footerTemp { padding: 80px 120px; }
}
@media screen and (min-width: 1025px) and (max-width: 1499px) {
  /* --- Container --- */
  .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: calc(100% - 200px); }
  #divIcerik.homepage { margin: 0 auto; }
  body #mainHolder_divDesign .t-vw-8 .ticiContainer { width: calc(100% - 200px) !important; }
  body .footerTemp { padding: 80px 100px; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .mobilMenuAcButton { float: left; margin-top: 20px; margin-right: 50px; color: #000; fill: #000; }
  .mobilMenuAcButton span { display: block; font-size: 11px; }
  .mobilMenuAcButton svg { width: 30px; }
  .htop-slider ul li { font-size: 10px; }
  body .cart-item a.header-cart-link.headerButon { gap: 0; }
  body .cart-item a.header-cart-link.headerButon svg { display: none; }
  .newHeaderNavigation.mobileStyle .newHeaderNavUl { margin: 0; padding: 0; }
  #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu { margin: 0; padding: 0; list-style: none; }
  .categoryContainer .ProductList.PlSc_4 .ItemOrj { width: 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
  .categoryContainer .middleTopBlock { margin-top: 0; }
  .categoryContainer .middleTopBlock .categorydesign { display: none; }
  .categoryContainer .categoryTitleText { float: left; width: 100%; margin: 10px 0; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  /* --- Container --- */
  .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: calc(100% - 20px); }
  #divIcerik.homepage { margin: 0 auto; }
  .headerContent { margin: 0 auto; }
  body #mainHolder_divDesign .t-vw-8 .ticiContainer { width: 100% !important; }
  body .footerTemp { padding: 80px 0; }
  body [class*="t-pb-"] { margin-bottom: 2vw !important; }
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6.box-t-mb-15 { margin-bottom: 0; }
  body .social-fixed .footerText { display: none; }
  .SmallImages { display: none !important; }
  .leftImage { width: 100%; padding: 0; }
  .RightDetail { width: 100%; padding: 20px 0 0; }
  body #divBenzerUrun .JKatAdi { display: block !important; float: left; }
  body .stories.carousel .story > .item-link > .item-preview { width: 65px; }
}
@media (max-width:1041px) {
  .navigation { display: none; }
  #divSayfalamaUst .filterBlock { display: block !important; }
  .mobilMenuAcButton { display: block; }
  body .dropdown-toggle:after { display: none; }
  body #divSayfalamaUst { padding: 0; margin: 10px 0; width: 100%; border: none; background: transparent; }
  .urunListRel { width: 100%; }
  body .mobilFilterOpenBtn .button { padding: 0; margin: 0; color: #000; border: 1px solid #c3c3c3; width: calc(50% - 5px); float: left; line-height: 38px; background: #fff; font-size: 14px; display: inline-block; vertical-align: top; font-weight: 500; }
  body .mobilFilterOpenBtn .button:before { content: ''; font-family: 'FontAwesome'; display: inline-block; vertical-align: top; line-height: 38px; margin-right: 5px; font-weight: 300; }
  body .mobilFilterOpenBtn .button.mobilSiralamBtn { float: left; }
  body .mobilFilterOpenBtn .button.mobilFilterBtn { float: right; }
  body .mobilFilterOpenBtn .button.mobilFilterBtn:before { content: '\f1de'; }
  body .mobilFilterOpenBtn .button.mobilSiralamBtn:before { content: '\f15d'; }
  body .mobilFilterOpenBtn { margin: 0; padding: 0; display: block !important; }
  .categorydesign .uNo { float: right; color: #999a9d; font-size: 12px; }
  body #divSayfalamaUst .filterDeleteContent { display: none; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(1):after { display: none; }
  body #divSayfalamaUst.Slct .brandlistselection { position: absolute; left: 0; top: 0; width: calc(50% - 5px); background: transparent; padding: 0; margin: 0; border: none; border-radius: 0; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent { width: 100%; display: block !important; background: transparent; padding: 0; margin: 0; border: none; border-radius: 0; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent li { width: 100%; background: transparent; padding: 0; margin: 0; border: none; border-radius: 0; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent select { width: 100%; height: 40px; font-size: 0; text-indent: 0; border: none; color: #000; font-weight: 500; min-width: auto; border-radius: 0; background: transparent; -webkit-appearance: none; -moz--appearance: none; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent select option { font-size: 14px; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) { display: none; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { display: none; }
  body #divSayfalamaUst:not(.Slct) .brandlistselection { padding: 0; text-align: center; position: absolute; top: 100%; left: 0; right: 0; z-index: 10; border-bottom: none; background: #fff; }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent { display: none; }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) { margin: 0; width: 100%; }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a { border: none; text-align: center; }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span { line-height: 35px; }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { display: none; }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) { display: none; }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) a:before { display: none; }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { border-bottom: 1px solid #e5e5e5; }
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(4) > a { border-bottom: none; }
  body .category-vertical-filters.top-filters { display: block !important; width: 360px; position: fixed; top: 0; right: -100%; bottom: 0; z-index: 9999; background: #f3f5f8; margin: 0; padding: 0; border: none; transition: all .3s ease; }
  body .category-vertical-filters.top-filters ul { list-style: none; padding: 0; margin: 0; }
  body .filterBlock.active .category-vertical-filters.top-filters { right: 0; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst { float: left; width: 100%; line-height: 50px; font-size: 16px; color: #fff; margin-bottom: 10px; padding: 0 10px; position: relative; text-align: center; display: block; }
  body .category-vertical-filters.top-filters .FiltreUst span { display: inline-block; vertical-align: top; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
  body .category-vertical-filters.top-filters .FiltreUst .closeFilt { float: left; font-size: 25px; position: relative; z-index: 1; }
  body .category-vertical-filters.top-filters .FiltreUst a { float: right; font-size: 13px; position: relative; z-index: 1; color: #fff; display: none; }
  body .category-vertical-filters.top-filters .FiltreUst a.active { display: block; }
  body .category-vertical-filters.top-filters .FiltreUst a i { color: #fff; font-size: 20px; display: inline-block; vertical-align: top; line-height: 50px; margin-left: 5px; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo { float: left; width: 100%; margin-bottom: 10px; position: relative; padding: 0 10px; display: block; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan { float: left; width: 100%; max-height: calc(100% - 190px); overflow-y: auto; overflow-x: hidden; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn { float: left; width: 100%; text-align: center; margin-top: 10px; display: block; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span { display: inline-block; vertical-align: top; background: #00c700; padding: 10px; min-width: 150px; color: #fff; line-height: 30px; font-size: 15px; text-transform: uppercase; }
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock { float: left; width: 100%; line-height: 50px; font-size: 14px; color: #262324; text-align: left; padding: 0 0 0 15px; background: #fff; }
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before { content: ''; float: right; width: 24px; max-height: 24px; position: absolute; top: 0; bottom: 0; right: 32px; border-radius: 100%; background: #c5c7c9; margin: auto 0; background: #fff; box-shadow: 0 0 2px 0 #999; z-index: 1; transition: all 0.3s ease; }
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after { content: ''; float: right; width: 40px; max-height: 16px; position: absolute; top: 0; bottom: 0; right: 0; border-radius: 20px; background: #c5c7c9; margin: auto 15px auto 0; transition: all 0.3s ease; }
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before { right: 15px; }
  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after { background: #39d662; }
  body .category-vertical-filters.top-filters .panel .panel-heading { padding: 0; margin: 0; border: none; background: #fff; float: left; width: 100%; }
  body .category-vertical-filters.top-filters .panel .panel-heading a { float: left; width: 100%; text-align: left; color: #262324; font-weight: 500; font-size: 15px; line-height: 50px; padding: 0 10px; text-transform: uppercase; }
  body .category-vertical-filters.top-filters .panel .panel-heading a:after { top: 0; color: #000; font-weight: 300; font-family: 'FontAwesome'; right: 10px; }
  body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum { position: absolute; right: 40px; top: 0; bottom: 0; line-height: 50px; font-size: 15px; color: #000; display: block; }
  body .category-vertical-filters.top-filters .panel { float: left; width: 100%; margin-bottom: 10px; padding: 0 10px; }
  body .category-vertical-filters.top-filters .panel:last-child { margin-bottom: 0; }
  body .category-vertical-filters.top-filters .list-group.dropdown { border: none; position: static; box-shadow: none; }
  body .category-vertical-filters.top-filters .list-group.dropdown ul { margin-top: 10px; }
  body .category-vertical-filters.top-filters .list-group.dropdown li { width: 100%; margin-right: 0; text-align: left; margin-bottom: 10px; }
  body .category-vertical-filters.top-filters .list-group.dropdown li a { color: #000; line-height: 16px; }
  body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a { font-size: 13px; color: #262324; font-weight: normal; float: left; }
  body .category-vertical-filters .vertical-filter-panel .list-group-item:before { border-radius: 0; display: inline-block !important; width: 16px; height: 16px; }
  body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color: #000; background: #000; }
  body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background: transparent !important; height: auto; }
  body .category-vertical-filters.top-filters .panel.vertical-top-price-filter { width: 100%; margin: 20px 0; }
  body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent { display: none !important; }
  body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before { display: none; }
  body .slider-range { margin: 0 0 15px 10px !important; width: calc(100% - 20px); }
  body .amount { padding: 0; }
  .centerCount { width: 100% !important; }
  .leftBlock { display: none !important; }
  .rightBlock { display: none !important; }
  .UyeolContent .grid { margin: 30px 18px; }
  .owl-carousel .owl-item img { max-width: 100%; margin: 0 auto; }
  .mobileImageSlider .owl-stage-outer { float: left; width: 100%; }
  .uyeOlContainer #FrmYeniUye > .uyeOlCol { width: 100%; padding: 10px; margin: 10px 10px 0 0; }
  .uyeOlContainer .FormTitle { margin: 10px 0; padding: 10px 0; font-size: 18px; font-weight: 600; }
  .uyeOlContainer .uyeOlCol input.textbox { padding: 10px 0; }
  .uyeOlContainer .uyeOlCol select.selectboxx { padding: 10px 0; }
  .Magazalar .magazaSelect { width: 100%; margin-right: 0; }
  .Magazalar #searchStore { width: 100%; margin-right: 0; }

  /* --- MobilMenu --- */
  .menuUstBolum { width: 100%; display: inline-block; float: left; margin-top: 0; border-bottom: 1px solid #e8e8e8; }
  .menuUstBolum .CloseBtnMenu { float: right; fill: #fff; width: 50px; text-align: center; margin: 0; cursor: pointer; }
  .menuUstBolum .CloseBtnMenu svg { width: 20px; margin-top: 15px; }
  .menuUstBolum .menuBack { float: left; line-height: 50px; fill: #fff; color: #fff; font-size: 15px; text-align: center; margin: 0; cursor: pointer; padding-left: 20px; }
  .menuUstBolum .menuBack svg { margin-right: 10px; float: left; margin-top: 15px; width: 20px; }
  .mobilMenu { position: fixed; left: -110%; top: 0; bottom: 0; width: 360px; z-index: 99999; background: #fff; transition: left .3s ease-in-out; }
  .mobilMenu.acik { left: 0; }
  .mobilMenu ul { list-style: none; padding: 0; margin: 0; }
  .mobilMenu .menuIcerikAlan { float: left; width: 100%; height: calc(100% - 51px); position: absolute; top: 51px; right: 0; left: 0; }
  .mobilMenu .navUl { float: left; width: 100%; height: 100%; }
  .mobilMenu .navUl > li > ul li, .mobilMenu .navUl > li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; padding: 0 0 0 5px; }
  .mobilMenu .navUl > li > ul li a, .mobilMenu .navUl > li > a { color: #000; font-size: 14px; font-weight: normal; line-height: 40px; display: inline-block; vertical-align: top; padding: 0 15px; z-index: 2; position: relative; width: 100%; }
  .mobilMenu .navUl .ulVar > a { width: auto; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2, .mobilMenu .navUl > li > ul li .ResimsizDown2, .mobilMenu .navUl > li .ResimsizDown, .mobilMenu .navUl > li .ResimliDown { float: right; position: absolute; right: 0; top: 0; left: 0; z-index: 1; padding-right: 20px; cursor: pointer; height: 40px; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2 svg, .mobilMenu .navUl > li > ul li .ResimsizDown2 svg, .mobilMenu .navUl > li .ResimsizDown svg, .mobilMenu .navUl > li .ResimliDown svg { float: right; width: 12px; margin-top: 12px; }

  /* --- Acilirmenuicerik --- */
  .mobilMenu .altMenu .altMenuMarkalar, .mobilMenu .altMenu .altMenuler { float: left; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; position: absolute; top: 0; right: 0; left: 0; }
  .mobilMenu .altMenu .altMenuSag { display: none; }
  .mobilMenu .altMenu .altmenuSol { float: left; width: 100%; height: 100%; }
  .mobilMenu .navUl > li ul.over { overflow-y: hidden; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .altMenu { position: fixed; left: -100%; top: 51px; bottom: 0; width: 360px; background: #fff; z-index: 3; transition: all 0.3s ease-in-out; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active, .mobilMenu .navUl > li > ul li ul.active, .mobilMenu .navUl > li > ul.active, .mobilMenu .altMenu.active { left: 0; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span, .mobilMenu .altMenu .altMenuMarkalar > span, .mobilMenu .altMenu .altmenuSol > span, .mobilMenu .navUl > li > ul li ul > span, .mobilMenu .navUl > li > ul > span { color: rgba(40, 47, 54, 0.8); font-size: 18px; font-weight: 600; line-height: 55px; padding-left: 55px; border-bottom: 1px solid #e5e5e5; position: relative; float: left; width: 100%; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a, .mobilMenu .altMenu .altMenuMarkalar > span a, .mobilMenu .altMenu .altmenuSol > span a, .mobilMenu .navUl > li > ul > span span { z-index: 0; position: relative; }
  .mobilMenu .navUl > li > ul li ul > span .NoiBack2, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn, .mobilMenu .altMenu .altmenuSol > span .UpBtn, .mobilMenu .navUl > li > ul > span .NoiBack { z-index: 1; padding-left: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn svg, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 svg, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn svg, .mobilMenu .altMenu .altmenuSol > span .UpBtn svg, .mobilMenu .navUl > li > ul > span .NoiBack svg { float: left; width: 17px; margin-top: 19px; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li, .mobilMenu .navUl > li > ul li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li > a, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a, .mobilMenu .navUl > li > ul li a { color: #282f36; font-size: 14px; font-weight: 500; line-height: 40px; display: inline-block; vertical-align: top; padding: 0 13px; z-index: 2; position: relative; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .menuIcerikAlan { overflow-y: auto; overflow-x: hidden; }

  /* --- Markalar --- */
  .mobilMenu .altMenu .altMenuMarkalar > a { float: left; width: 50%; padding: 0 13px; min-height: 57px; text-align: center; margin-bottom: 15px; }
}

/* --- Mobil Ekran --- */
@media (max-width:767px) {
  .headerContent, body ul.breadcrumb, .navigation > div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 100%; }
  body #top-bar { padding: 0; min-height: 25px; }
  body #top-bar .flex-col.flex-left, #top-bar .flex-col.flex-right { display: none; }
  body #top-bar .flex-col { width: 100%; }
  .htop-slider ul li { font-size: 9px; }
  .htop-slider .owl-carousel .owl-nav { top: -2px; }
  body #headerNew .header-main { padding: 0; height: 50px; }
  body #headerNew { background: #fff; position: sticky; left: 0; right: 0; top: 0; z-index: 1000; }
  body #mainHolder_divDesign .t-vw-8 .ticiContainer { width: 100% !important; }
  body #mainHolder_divDesign .ticimaxTabHead { margin-bottom: 10px; }
  body .footerTemp { padding: 40px 10px 0; }
  body .footerTemp section[data-id="89jatrz"].elementor-section .elementor-container { max-width: 100%; }
  body .footerTemp .elementor-column[data-col="25"]:first-child { width: 100%; padding: 0; }
  .productIconEx { left: 5px; top: 5px; }
  .newIcon, .cargoIcon { font-size: 10px; }
  .productIconEx2 { top: 5px; right: 5px; }
  .ozelAlan1, .ozelAlan2, .ozelAlan3, .ozelAlan4 { font-size: 10px; }
  .productItem .productDetail { padding: 5px; }
  .productItem .itemCategory { font-size: 12px; }
  .productItem .productName a { font-size: 12px; }
  .productOnYazi { font-size: 12px; }
  .productStokKodu { font-size: 12px; }
  .productSatisBirimi { font-size: 12px; }
  .productItem .discountPrice span, .productItem .regularPrice span, .discountIcon { font-size: 12px; }
  .ozelAlan5 { font-size: 10px; }
  .newHeaderNavigation.mobileStyle .newHeaderNavUl { margin: 0; padding: 0; }
  #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu { margin: 0; padding: 0; list-style: none; }
  .ProductName { width: 100%; }
  .ProductName h1 span { font-size: 20px; }
  .PriceList { float: left; width: 100%; margin-top: 10px; }
  .PiyasafiyatiContent .right_line * { font-size: 20px; }
  .IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line * { font-size: 20px; }
  .ProductIcon .boxIcon { width: 19px; }
  .SmallImages { display: none !important; }
  body #divBenzerUrun .JKatAdi { display: block !important; float: left; }
  #UpdatePanel1 { margin-top: 10px; }
  body .footerTemp .footerMenuTitle { padding-bottom: 5px; margin-bottom: 10px; }
  body .footerTemp .elementor-column[data-col="25"] { width: 100%; }
  body .footerTemp .elementor-column[data-col="50"]:first-child { width: 100%; }
  body .footerTemp .elementor-column[data-col="50"] { width: 100%; }
  body .social-fixed .footerText { display: none; }
  .urunTabAlt { height: auto; max-height: 350px; }
  .categoryContainer .middleTopBlock { margin-top: 10px; }
  .categoryContainer .middleTopBlock .categorydesign { display: none; }
  .categoryContainer .categoryTitleText { float: left; width: 100%; }
  body .kombinItem { width: calc(50% - 8px); }
  body .stories.carousel .story > .item-link > .item-preview { width: 60px; }
  body.overflow { overflow: hidden; }
  #divIcerik.homepage { margin: 0 auto; }
  #header { min-height: 50px; }
  body.sepetimBody { padding-top: 0; }
  #lang_flag_container { display: none; }
  .userContainer .userLeftBox, .userContainer .userRightBox { padding: 0; }
  .userContainer .userRightBox { margin-top: 20px; }
  .SifremiUnuttumContent .userWrapper.SifremiUnuttum { width: 100%; padding: 0 10px; }
  .headerContent { margin: 0 auto; }
  #divIcerik { padding: 0 10px; margin: 0 auto; }
  .proCategoryTitle.categoryTitleText { padding: 0 0; }
  #footer .ticiContainer { padding: 0 10px; }
  #divTicimaxCopyrightContent { text-align: center; float: left; width: 100%; margin-bottom: 0; }
  #divTicimaxCopyrightContent a { display: none; }
  #divTicimaxCopyrightContent img { display: none; vertical-align: top; }

  /* --- Logo --- */
  #logo { float: none; position: static; display: block; border: none; width: auto; padding: 0; background: transparent; margin: 0; }
  #logo:after { display: none; }
  #logo .logo { margin: 0 auto; width: 175px; float: none; padding: 5px 0; text-align: center; display: block; background: transparent; }
  #logo .logo img { max-width: 100%; display: inline-block; }

  /* --- header click button --- */
  .mycart { top: 10px; right: 5px; width: 15px; height: 15px; z-index: 2; }
  .mycart .sepetUrunSayisi { width: 15px; height: 15px; line-height: 15px; background: #000; color: #fff; }
  .mobilMenuAcButton { display: block; position: absolute; top: 11px; left: 10px; }
  .searchClick { display: block; position: absolute; top: 11px; left: 50px; }
  .welcomeOpen { display: block; position: absolute; top: 11px; right: 50px; }
  .mycartClick { display: block; position: absolute; top: 11px; right: 10px; }
  .mobilMenuAcButton span { font-size: 9px; display: block; line-height: 9px; display: none; }
  .mobilMenuAcButton svg { width: 25px; }
  .searchClick svg { width: 25px; }
  .welcomeOpen svg { width: 22px; }
  .mycartClick svg { width: 25px; }

  /* --- mobilmenu --- */
  .mobilMenu { width: 100%; bottom: 50px; }
  .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .altMenu { width: 100%; bottom: 50px; }
  .menuUstBolum { margin-top: 0; }

  /* --- sepetalan --- */
  .CartProductInner { position: absolute; top: 50px; bottom: 0; width: 100%; left: 0; right: 0; padding: 0 10px; }
  .SepetUst { float: left; width: calc(100% + 20px); text-align: center; color: #fff; line-height: 50px; font-size: 16px; margin-left: -10px; margin-right: -10px; margin-top: -10px; }
  .SepetUst span { display: inline-block; vertical-align: top; }
  .SepetUst .seClose { float: left; width: 40px; fill: #fff; position: absolute; left: 0; }
  .SepetUst .seClose svg { width: 20px; margin-top: 15px; }
  .CartProduct { background: #fff; background-size: 100%; position: fixed; right: -100%; top: 0; width: 100%; height: calc(100% - 50px); padding: 0; display: block !important; border: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; visibility: visible; transform: none; -webkit-transform: none; box-shadow: none; padding: 10px; border-radius: 0; }
  .CartProduct i { display: none; }
  .CartProduct.animated { right: 0; }
  .CartProduct.animated i { display: inline-block; }
  .CartProduct .SProduct { float: left; width: 100%; max-height: calc(100% - 129px); overflow-y: auto; overflow-x: hidden; font-size: 0; text-align: left; margin: 10px 0 0 0; }
  .CartProduct .headerCartBtn { line-height: 38px; font-size: 12px !important; }
  .CartProduct .headerOrderBtn { line-height: 40px; font-size: 12px !important; }
  .spanustSepetteUrunYok { font-size: 16px; margin: 20px 0 0 0; float: left; clear: both; text-align: center; width: 100%; font-weight: 900; color: #d0112b; }
  .spanustSepetteUrunYok:before { content: '!'; font-size: 50px; vertical-align: top; border: 1px solid; display: block; width: 100px; height: 100px; line-height: 98px; border-radius: 100%; margin: 0 auto; margin-bottom: 30px; }
  .mycart { background: none !important; padding: 0; margin: 0; border: none; position: absolute; left: auto; bottom: auto; }
  .mycart:before { display: none; }
  .mycart:after { display: none; }
  .mycart .sepetTopTutar { display: none !important; }
  .mycart .sepetUrun { display: none !important; }
  .mycart .sepetTecxt { display: none !important; }
  .mycart .sepetUrunSayisi { display: block !important; border-radius: 100%; text-align: center; font-size: 12px; border: none; position: static; margin: 0; }
  .mycart .sepetUrunSayisi:before { display: none; }
  .mycart .sepetUrunSayisi:after { display: none; }
  .mycart > a { display: block; width: auto; height: auto; padding: 0; border: none; margin: 0; background: transparent; }
  .mycart > a:before { display: none; }
  .mycart > a:after { display: none; }

  /* --- Sabit sayfalar icerik --- */
  .spanTittle { font-size: 18px !important; }
  .iletisimContent .iletisimForm { width: 100%; padding: 0; }
  .iletisimContent .AdBan { width: 100%; }
  .iletisimContent .categoryTitle { margin: 0; }
  .iletisimContent .categoryTitle .categoryTitleText { line-height: 65px; }
  .iletisimContent .categoryTitle:before { display: none; }
  .iletisimContent .iletisimRight .categoryTitle { margin-bottom: 10px; }
  .iletisimContent .iletisimRight .categoryTitle .categoryTitleText { line-height: 65px; font-size: 19px; }
  .iletisimContent .iletisimForm .categoryTitle { margin-bottom: 10px; }
  .iletisimContent .iletisimForm .categoryTitle .categoryTitleText { line-height: 65px; font-size: 19px; }
  .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2 { float: none; display: block; margin: 10px 0 0; }
  .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right { font-size: 17px; }
  .iletisimContent .iletisimRight .iletisimbanka .span > div span { font-size: 12px; }
  .iletisimContent .iletisimLeft .Right { font-size: 12px; }
  .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right { font-size: 20px; }
  .UyeolContent .grid { width: 100%; margin: 0; padding: 10px; border: none; margin-bottom: 10px; }
  .SifremiUnuttum { width: 100%; margin: 0; padding: 0; }
  .SifremiUnuttum .line { width: 100%; }
  .SifremiUnuttum #mainHolder_txtbxMail { width: 70%; }
  .SifremiUnuttum .button { width: 30%; }

  /* --- Header Sabitler --- */
  .resimliYanMenu { display: none; }
  .navigation { display: none; }
  #header { border: none; margin-bottom: 0 !important; padding-top: 0; box-shadow: none; height: auto; position: fixed; left: 0; right: 0; top: 0; }
  #header:before { display: none; }
  #header.homeHeader { border: none; }
  .headerContent { text-align: left; }

  /* --- Arama --- */
  .searchContent { display: block; width: 100%; margin: 0; height: 0; background: #fff; overflow: hidden; position: absolute; top: 100%; left: 0; right: 0; padding: 0; border: none; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
  .searchContent.active { height: 40px; padding: 0; overflow: visible; width: 100%; }
  .search { margin: 0; max-width: 100%; width: 100%; position: relative; padding: 0; display: block; }
  .search:after { display: none; }
  .search:before { display: none; }
  .search .crossclick { display: none; }
  #divAramaKategori { top: 0; left: 0; }
  #divAramaKategori select { width: 70px; padding-left: 5px; font-size: 10px; height: 40px; }
  #txtbxArama { height: 40px; padding-right: 40px; padding-left: 10px; width: 100%; box-shadow: none; font-size: 12px; border-radius: 0; margin: 0; border: 1px solid #f1f1f1; text-align: left; }
  .searchContent.active #txtbxArama { padding: 0 35px 0 10px; }
  #btnKelimeAra { width: 40px; height: 40px; right: 0; top: 0; line-height: 40px; text-indent: 0; padding: 0; left: auto; border: none; border-radius: 0; text-align: center; }
  .ButtonMic { right: 40px; height: 40px; }

  /* --- hosgeldin div --- */
  .welcome { display: block; width: 100%; position: absolute; top: 100%; right: 0; bottom: auto; text-align: center; background: transparent; border: none; padding: 0; margin: 0; height: 0; border-radius: 0; z-index: 100; overflow: hidden; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
  .welcome.active { height: 40px; }
  .welcome>div { width: 100%; position: static; padding: 0; box-shadow: none; display: block; background: transparent; margin: 0; }
  .welcome>ul { margin: 0; }
  .welcome>div:before { display: none; }
  .welcome:before { display: none; }
  .mobilMenu .welcome { display: block; }
  .welcome ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; }
  .welcome li { float: none; display: inline-block !important; width: auto; vertical-align: top; }
  .headerSocialConnect { margin-left: 0; }
  .headerSocialConnect .baglanButton { margin-left: 10px; }
  .headerSocialConnect .baglanButton a { line-height: 40px; font-size: 13px; color: #fff; padding: 0; }
  .headerSocialConnect .baglanButton a:before { line-height: 40px; }
  .headerHesabim, .headerCikis, .headerUyeOl a, .headerUyeGiris a { float: none; display: inline-block !important; font-size: 13px; line-height: 40px; color: #fff; border: none; padding: 0; width: auto; height: auto; margin: 0; font-weight: 500; }
  .headerUyeGiris a, .headerHesabim { background: transparent; margin-right: 10px; }
  .headerUyeGiris a:after, .headerHesabim:after, .headerCikis:after, .headerUyeOl a:after, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before, .headerUyeOl a:before { display: none; }

  /* --- urun butonlari --- */
  .ProductIcon { margin: 0; float: left; width: 100%; }
  .ProductIcon > div { margin: 0 0 10px; float: left; width: 100%; }
  .ProductIcon2 > div { margin: 0 0 10px; float: left; width: 100%; }
  .ProductIcon > div > a { justify-content: flex-start; -webkit-justify-content: flex-start; }
  .ProductIcon2 > div > a { justify-content: flex-start; -webkit-justify-content: flex-start; }
  .socialButons iframe { margin-right: 10px; }
  .socialButons .UWhatsApp { float: left; margin-right: 10px; }
  .socialButons .UTelegram { float: left; margin-right: 10px; }
  .TopDet .product_social_icon_wrapper { text-align: center; margin: 20px 0 0; float: left; width: 100%; padding: 0; }
  .bottomHead { float: left; width: 100%; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1002; background: #fff; border-top: 1px solid #cecece; display: block; }
  .bottomHead ul { margin: 0; list-style: none; padding: 0; }
  .bottomHead ul li { float: left; width: 25%; }
  .bottomHead ul li a { float: left; width: 100%; text-align: center; font-size: 12px; padding: 5px 0; color: #000; position: relative; height: 49px; }
  .bottomHead ul li a svg { width: 18px; display: block; margin: 0 auto 5px; }
  .bottomHead ul li.welcC a svg { margin-bottom: 3px; }

  /* --- Footer --- */
  #footer .linkler { padding: 0; }
  #footer .linkler .blink > ul { display: block; }
  #footer .linkler .blink > ul > li { float: left; width: 100%; }
  #footer .linkler .blink > ul >li >ul { display: none; float: left; width: 100%; border-bottom: 1px solid #d6d6d6; }
  #footer .linkler .blink > ul >li> span { float: left; width: 100%; margin: 0; line-height: 60px; border-bottom: 1px solid #d6d6d6; }
  #footer .linkler .blink > ul >li> span .ackapabtn { float: right; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: right; }
  #footer .linkler .blink > ul >li> span .ackapabtn .svgbtn { width: 13px; }
  #footer .linkler .blink > ul >li { float: left; width: 100%; }
  #footer .linkler .blink > ul >li>ul >li { float: left; width: 100%; }
  #footer .linkler .blink > ul >li >ul >li >a { margin-bottom: 0; line-height: 40px; }
  .ebultenDiv { width: 100%; padding: 0; margin: 0; }
  .ebultenGelecek { margin-top: 10px; }
  #ticimaxCopyright { margin-top: 5px !important; font-size: 11px; }
  #back-to-top { bottom: 11%; right: 2%; }
  #back-to-top a { width: 30px; height: 30px; }
  #footer .socialdiv { margin: 0; text-align: center; }
  #footer .socialdiv ul { display: inline-block; vertical-align: top; }
  #footer .store { margin: 0; text-align: center; margin: 10px 0; }
  #footer .store ul { display: inline-block; vertical-align: top; }

  /* --- kategori --- */
  .categoryContainer .categoryTitleText { padding: 0; margin: 0; }
  .ProductBody .categoryTitle { padding: 0; margin: 0; }
  body .category-vertical-filters.top-filters { width: 100%; height: 100%; box-shadow: none; border: none; }
  body ul.breadcrumb { white-space: normal; position: relative; }
  body ul.breadcrumb.zindex { z-index: -1; pointer-events: none; }
  body ul.breadcrumb:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; content: ''; display: block; }
  body ul.breadcrumb li:nth-child(1) a:before { display: none; }
  body ul.breadcrumb:before { content: '\f015'; font-family: 'FontAwesome'; font-weight: 300; line-height: 40px; margin-right: 5px; display: inline-block; vertical-align: top; }
  body ul.breadcrumb * { line-height: 40px !important; font-size: 12px !important; max-width: 25px; text-decoration: none; }
  body ul.breadcrumb li:after { line-height: 40px; font-size: 12px !important; content: '...'; margin: 0 2px; }
  body ul.breadcrumb li { font-size: 0 !important; }
  body ul.breadcrumb li:nth-last-of-type(1) a span:after { display: none; }
  body ul.breadcrumb li:nth-last-of-type(1) { max-width: 100%; }
  body ul.breadcrumb li:nth-last-of-type(1) * { max-width: 100%; font-size: 12px !important; text-overflow: ellipsis; overflow: hidden; }
  body ul.breadcrumb li a span { font-size: 0 !important; }
  body ul.breadcrumb li a span:after { content: '\f105'; font-family: 'FontAwesome'; font-size: 14px !important; display: inline-block; vertical-align: top; line-height: 40px; font-weight: 300; }
  .categoryTitleText { position: relative; z-index: 99; margin: 0; }
  .breadList { position: absolute; left: 0; right: 0; top: 0; background: #fff; padding: 10px 20px; z-index: 999; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); }
  .breadList.breadActive { display: block !important; }
  .breadList ul { list-style: none; }
  .breadList .mBread { float: left; width: 100%; }
  .breadList .mBread ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; }
  .breadList .mBread ul li { float: left; width: 100%; font-size: 0; display: block; margin-right: 0; line-height: 1; }
  .breadList .mBread ul li a { float: left; width: 100%; font-size: 11px; color: #454545; padding: 6px 8px; position: relative; }
  .breadList .mBread ul li a:before { content: '\f148'; font-family: 'FontAwesome'; font-size: 10px; position: absolute; left: -5px; top: 8px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
  .breadList .mBread ul li a span { font-weight: normal; line-height: 15px; }
  .breadList .mBread ul li ul { padding-left: 4px; }
  .breadList .mBread >ul >li >a span { font-weight: 600; }
  .breadList .clbtn { position: absolute; right: 5px; top: 10px; width: 30px; text-align: center; font-size: 18px; color: #000; z-index: 99; }
  .categoryContainer .breadList .clbtn { right: -5px; }
  .categoryContainer .ProductList.PlSc_hrz .ItemOrj { width: 100%; max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .categoryContainer .ProductList.PlSc_2 .ItemOrj { width: 50%; max-width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .categoryContainer .ProductList.PlSc_3 .ItemOrj { width: 50%; max-width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .categoryContainer .ProductList.PlSc_4 .ItemOrj { width: 50%; max-width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .categoryContainer .ProductList.PlSc_5 .ItemOrj { width: 50%; max-width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  body:not(.sepetimBody) .ItemOrj { width: 50%; max-width: 50%; flex: 0 0 50%; padding: 0 5px; }
  .categoryContainer .ProductList { margin: 0 -5px; }
  .categoryContainer .ProductListContent .productItem { margin-bottom: 10px; }
  body .mobilFilterOpenBtn .button { font-size: 13px; }

  /* --- urundetay --- */
  .leftImage { float: left; width: 100%; padding: 0; }
  .RightDetail { width: 100%; padding: 10px 0 0; }
  body a#linkOncekiSayfa { display: none; }
  body .leftImage a#linkOncekiSayfa { position: absolute; top: 0; left: 0; width: 35px; background: #fff; text-align: center; font-size: 0 !important; font-family: 'FontAwesome'; color: #000; z-index: 5; line-height: 35px; display: block; }
  body .leftImage a#linkOncekiSayfa:before { content: '\f053'; font-size: 20px; display: inline-block; vertical-align: top; line-height: 35px; }
  #divUrunKodu { clear: left; float: left; line-height: 14px; }
  #divUrunKodu span { line-height: 14px; }
  #divTaksitAciklama { clear: left; float: left; }
  .urunOzellik { display: none; }
  .urunOzellikTab { margin: 25px 0; display: block; float: left; width: 100%; }
  .urunOzellikTab .urunTab { float: left; width: 100%; }
  .urunOzellikTab .urunTab >ul { list-style: none; padding: 0; margin: 0; }
  .urunOzellikTab .urunTab >ul >li { float: left; width: 100%; border-bottom: 1px solid #EBEBEB; }
  .urunOzellikTab .urunTab >ul >li > a { color: #5a5a5a; font-size: 14px; text-transform: uppercase; line-height: 44px; float: left; width: 100%; padding: 0 15px; font-weight: 500; position: relative; }
  .urunOzellikTab .urunTab >ul >li > a span { font-weight: 500; }
  .urunOzellikTab .urunTab >ul >li .urunDetayPanel { display: none !important; padding: 10px 0; }
  .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a { color: #fff; }
  .urunOzellikTab .urunTab >ul >li[onofftip="true"] .urunDetayPanel { display: block !important; }
  .urunOzellikTab .divYorumlarV2Slide { width: 100%; margin-bottom: 30px; }
  .urunOzellikTab .divYorumlarV2Ortalama { width: 100%; margin-left: 0; }
  .urunOzellikTab .divYorumlarV2Section1_1a1a { -ms-flex-direction: column; flex-direction: column; }
  .urunOzellikTab .divYorumlar-t1c9k { max-width: 100%; min-width: 0; }
  .urunOzellikTab .taksitWrapper .taksitBlock { width: 100%; padding-left: 0; padding-right: 0; }
  .urunOzellikTab .taksitWrapper .taksitBlock .taksitBlockContent { max-width: 100%; }
  .urunOzellikTab .yorum-item-left { flex: 0 0 100%; }
  .urunOzellikTab .v2YorumFilter { width: 100%; }
  .urunOzellikTab .v2YorumFiltreGrup { display: block; }
  .urunOzellikTab .v2YorumFilter li, .urunOzellikTab .v2YorumFilter ul li { width: 100%; }

  /* --- mobilicerik --- */
  .detaySliderContainer { margin: 10px 0; }
  .sliderBannerContainer { margin: 10px 0; }
  .htop { display: none; }
}

/* ==========================================================================
   24 · Düzeltmeler
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1041px) {
  body .leftImage .SmallImages { display: flex !important; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; width: 100%; float: none; scrollbar-width: none; margin-bottom: 10px; }
  body .leftImage .SmallImages::-webkit-scrollbar { display: none; }
  body .leftImage .SmallImages > div { flex: 0 0 auto; width: auto; height: min(70vh, 620px); margin: 0; scroll-snap-align: start; float: none; }
  body .leftImage .SmallImages > div img { height: 100%; width: auto; max-width: none; max-height: none; display: block; border-radius: 6px; }
}

/* ==========================================================================
   25 · Ana Sayfa · bloklar
   ========================================================================== */
/* --- Banner --- */
/* --- ANA KAPSAYICI --- */
html .maritsa-fade-slider { position: relative; width: 100%; max-width: 100%; overflow: hidden; border-radius: 0; font-family: 'Archivo', sans-serif; background-color: #f5f0eb; transform: translateZ(0); -webkit-transform: translateZ(0); }
html .maritsa-slide-1 { position: relative; width: 100%; }
html .maritsa-slide-2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; animation: fadeSlide2 10s infinite; }
@keyframes fadeSlide2 { 0%, 45% { opacity: 0; } 50%, 95% { opacity: 1; } 100% { opacity: 0; } }
html .maritsa-slide-1 .maritsa-blur-wrapper, html .maritsa-slide-1 .maritsa-banner-content { animation: fadeSlide1Overlay 10s infinite; }
@keyframes fadeSlide1Overlay { 0%, 45% { opacity: 1; } 50%, 95% { opacity: 0; } 100% { opacity: 1; } }
html .maritsa-banner-bg-image { width: 100%; height: auto; display: block; object-fit: cover; }
html .maritsa-blur-wrapper { position: absolute; top: 0; left: 0; width: 65%; height: 100%; z-index: 1; -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 45%, rgba(0,0,0,0) 100%); mask-image: linear-gradient(to right, rgba(0,0,0,1) 45%, rgba(0,0,0,0) 100%); -webkit-mask-size: 101% 101%; mask-size: 101% 101%; transform: translateZ(0); will-change: opacity, transform; }
html .maritsa-blur-bg { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
html .maritsa-banner-content { position: absolute; top: 0; left: 0; width: 65%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding-left: 5%; padding-bottom: 7%; z-index: 2; }
html .maritsa-banner-title { font-size: clamp(26px, 2.6vw, 54px); font-weight: 800; color: #4a5356; margin: 0 0 12px 0; line-height: 1.05; letter-spacing: -1px; }
html .maritsa-banner-subtitle { font-size: clamp(14px, 1.1vw, 19px); font-weight: 400; color: #616c70; margin: 0 0 25px 0; line-height: 1.5; }
html .maritsa-banner-btn { display: inline-flex; align-items: center; gap: 8px; background-color: transparent; color: #4a5356; border: 1.5px solid #d9d9d9; padding: 13px 26px; text-decoration: none; border-radius: 30px; font-weight: 600; font-size: clamp(13px, 1vw, 17px); letter-spacing: 0.2px; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.2s ease; }
html .maritsa-banner-btn svg { width: 14px; height: 14px; flex-shrink: 0; transition: transform 0.3s ease; }
html .maritsa-banner-btn:hover { background-color: #616c70; color: #ffffff; border-color: #616c70; transform: scale(1.03); }
html .maritsa-banner-btn:hover svg { transform: translateX(3px); }
html .maritsa-banner-terms { margin-top: 25px; font-size: clamp(10px, 0.7vw, 12px); color: #616c70; opacity: 0.6; font-weight: 400; line-height: 1.4; }
html .maritsa-slider-dots { position: absolute; bottom: 20px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; z-index: 10; }
html .maritsa-dot-1, html .maritsa-dot-2 { width: 14px; height: 14px; border-radius: 50%; border: 2px solid #616c70; }
html .maritsa-dot-1 { animation: dot1Anim 10s infinite; }
html .maritsa-dot-2 { animation: dot2Anim 10s infinite; }
@keyframes dot1Anim { 0%, 45% { background-color: #616c70; transform: scale(1.1); } 50%, 100% { background-color: transparent; transform: scale(1); } }
@keyframes dot2Anim { 0%, 45% { background-color: transparent; transform: scale(1); } 50%, 95% { background-color: #616c70; transform: scale(1.1); } 100% { background-color: transparent; transform: scale(1); } }

/* --- MOBİL UYUM VE BOŞLUK KAPATMA --- */
@media (max-width: 768px) {
  html .maritsa-fade-slider { margin-bottom: -10px !important; }
  html .maritsa-blur-wrapper, html .maritsa-banner-content { width: 100%; }
  html .maritsa-blur-wrapper { -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 65%); mask-image: linear-gradient(to top, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 65%); }
  html .maritsa-blur-bg { background: rgba(255, 255, 255, 0.90); }
  html .maritsa-banner-content { justify-content: flex-end; align-items: center; text-align: center; padding: 15px 15px 35px 15px; }
  html .maritsa-banner-title { font-size: 23px; letter-spacing: -0.5px; margin-bottom: 8px; }
  html .maritsa-banner-subtitle { font-size: 13px; margin-bottom: 15px; line-height: 1.3; }
  html .maritsa-banner-btn { font-size: 12px; padding: 10px 24px; letter-spacing: 0.5px; }
  html .maritsa-banner-terms { font-size: 9px; margin-top: 12px; padding: 0 5px; line-height: 1.2; }
  html .maritsa-slider-dots { bottom: 10px; }
}

/* --- Kategoriler --- */
/* --- Kategori Vitrini Blok --- */
html .maritsa-category-showcase { font-family: 'Archivo', sans-serif; background-color: #ffffff; margin-bottom: 0rem; width: 100%; min-width: 20rem; min-height: 48.125rem; }
@media (min-width:768px) {
  html .maritsa-category-showcase { margin-bottom: 0rem; }
}
@media (min-width:1024px) {
  html .maritsa-category-showcase { min-height: 31.25rem; }
}
html .maritsa-showcase-wrapper { margin: -10px auto -10px auto; width: 100%; max-width: 1680px; padding: 1.5rem 1rem 2.5rem; }
@media (min-width:768px) {
  html .maritsa-showcase-wrapper { display: flex; align-items: center; justify-content: space-between; padding: 0 42px 4.5rem 2.25rem; }
}
html .maritsa-showcase-header { margin-bottom: 1.5rem; }
@media (min-width:768px) {
  html .maritsa-showcase-header { margin-bottom: 0; margin-right: 2.5rem; }
}
@media (min-width:1024px) {
  html .maritsa-showcase-header { margin-right: 4rem; }
}
html .maritsa-showcase-header-text, html .maritsa-showcase-header-title { font-family: 'Archivo', sans-serif !important; color: #616c70 !important; }
html .maritsa-showcase-header-text { font-weight: 400 !important; font-size: 18px !important; margin-bottom: 5px; }
@media (min-width:768px) {
  html .maritsa-showcase-header-text { margin-bottom: .75rem; font-size: 1.875rem !important; line-height: 40px; }
}
@media (min-width:1024px) {
  html .maritsa-showcase-header-text { margin-bottom: 1rem; font-size: 2rem !important; line-height: 48px; }
}

/* --- KATEGORİLER (Mobilde büyük, masaüstünde dev) --- */
html .maritsa-showcase-header-title { font-weight: 700 !important; font-size: 32px !important; line-height: 1.2 !important; }
@media (min-width:768px) {
  html .maritsa-showcase-header-title { font-size: 3rem !important; line-height: 60px !important; }
}
@media (min-width:1024px) {
  html .maritsa-showcase-header-title { font-size: 64px !important; line-height: 85px !important; }
}
html .maritsa-showcase-items { margin-left: -.5rem; margin-right: -.5rem; display: flex; flex-wrap: wrap; }
@media (min-width:768px) {
  html .maritsa-showcase-items { margin-left: -.75rem; margin-right: -.75rem; margin-top: 0; }
}
html .maritsa-showcase-item { margin-top: 2rem; width: 33.333333%; padding-left: .5rem; padding-right: .5rem; }
@media (min-width:768px) {
  html .maritsa-showcase-item { margin-top: 3rem; width: 25%; padding-left: .75rem; padding-right: .75rem; }
}
@media (min-width:1024px) {
  html .maritsa-showcase-item { margin-top: 3rem; width: 16.666667% !important; }
}
html .maritsa-showcase-item a { text-decoration: none !important; display: block; }

/* --- GÖRSEL ANİMASYONLARI (HOVER) --- */
html .maritsa-showcase-item img { width: 100%; object-fit: cover; border-radius: 50%; transition: transform 0.4s ease, box-shadow 0.4s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
html .maritsa-showcase-item a:hover img { transform: translateY(-8px) scale(1.03); box-shadow: 0 15px 35px rgba(0,0,0,0.12); }

/* --- KATEGORİ YAZILARI --- */
html .maritsa-showcase-item p { text-align: center; color: rgba(97, 108, 112, 0.75); margin-top: 1.2rem; font-family: 'Archivo', sans-serif !important; font-size: 16px; font-weight: 700 !important; transition: color 0.3s ease; }
@media (max-width:768px) {
  html .maritsa-showcase-item p { font-size: 13px; margin-top: 0.8rem; }
}
html .maritsa-showcase-item a:hover p { color: #616c70; }

/* --- Kategori Vitrini Blok --- */

/* --- Sipariş adımları --- */
/* --- Sipariş Adımı Blok --- */
html .maritsa-steps-section { font-family: 'Archivo', sans-serif; background-color: #fff; position: relative; isolation: isolate; padding: 56px 0 64px 0; text-align: center; }
html .maritsa-container { max-width: 1200px; margin: 0 auto; padding: 15px; }

/* --- Ana Başlık --- */
html .maritsa-steps-section h2 { font-family: 'Archivo', sans-serif !important; font-size: 30px !important; margin-bottom: 6px; color: #616c70 !important; font-weight: 800 !important; letter-spacing: -0.6px; }
html .maritsa-steps-subtitle { font-size: 15px; color: #8a9094; font-weight: 400; margin: 0 0 44px 0; }
html .maritsa-process-steps { display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; gap: 0; position: relative; max-width: 1080px; margin: 0 auto; }

/* --- Adımlar arası bağlantı çizgisi --- */
html .maritsa-process-steps::before { content: ''; position: absolute; top: 44px; left: calc(12.5% + 8px); right: calc(12.5% + 8px); height: 1.5px; background: repeating-linear-gradient(to right, #c0c0c0 0, #c0c0c0 6px, transparent 6px, transparent 12px); z-index: 0; }

/* --- Kutular --- */
html .maritsa-step-item { background-color: #ffffff; border-radius: 14px; box-shadow: 0 4px 16px rgba(97, 108, 112, 0.06); padding: 30px 16px 26px 16px; flex: 1; min-width: 150px; max-width: 250px; margin: 0 8px; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; transition: transform 0.4s ease, box-shadow 0.4s ease; }
html .maritsa-step-item:hover { transform: translateY(-8px); box-shadow: 0 16px 30px rgba(97, 108, 112, 0.14); }

/* --- Adım numarası rozeti --- */
html .maritsa-step-number { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); width: 26px; height: 26px; border-radius: 50%; background-color: #616c70; color: #ffffff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; z-index: 2; }

/* --- İkon/Görsel Dairesi --- */
html .maritsa-step-icon { width: 78px; height: 78px; border-radius: 50%; background-color: #f2f3f5; border: 1px solid #e3e5e8; display: flex; justify-content: center; align-items: center; margin: 14px auto 18px auto; overflow: hidden; transition: background-color 0.4s ease, transform 0.4s ease; }
html .maritsa-step-item:hover .maritsa-step-icon { transform: scale(1.06); }
html .maritsa-step-icon img { max-width: 42px; max-height: 42px; object-fit: contain; }

/* --- Kutu İçi Başlık --- */
html .maritsa-step-item h3 { font-family: 'Archivo', sans-serif !important; font-size: 16.5px !important; margin-bottom: 8px; color: #616c70 !important; font-weight: 700 !important; letter-spacing: -0.2px; }

/* --- Kutu İçi Metin --- */
html .maritsa-step-item p { font-family: 'Archivo', sans-serif !important; font-size: 13px !important; color: #9aa0a4 !important; line-height: 1.5 !important; font-weight: 400 !important; margin: 0; }

/* --- Mobil Uyumluluk --- */
@media (max-width: 768px) {
  html .maritsa-process-steps::before { display: none; }
  html .maritsa-steps-section { padding: 44px 0 48px 0; }
  html .maritsa-steps-section h2 { font-size: 22px !important; }
  html .maritsa-steps-subtitle { font-size: 13px; margin-bottom: 28px; }
  html .maritsa-process-steps { flex-wrap: wrap; gap: 12px; }
  html .maritsa-step-item { flex-basis: calc(50% - 12px); max-width: calc(50% - 12px); margin: 0; padding: 24px 10px 20px 10px; }
  html .maritsa-step-icon { width: 60px; height: 60px; margin: 10px auto 14px auto; }
  html .maritsa-step-icon img { max-width: 32px; max-height: 32px; }
  html .maritsa-step-item h3 { font-size: 14px !important; }
  html .maritsa-step-item p { font-size: 11.5px !important; line-height: 1.4 !important; }
}
@media (max-width: 480px) {
  html .maritsa-step-item { flex-basis: calc(50% - 10px); max-width: calc(50% - 10px); padding: 20px 8px 16px 8px; }
  html .maritsa-process-steps { gap: 10px; }
  html .maritsa-steps-section h2 { font-size: 19px !important; }
  html .maritsa-step-icon { width: 52px; height: 52px; }
  html .maritsa-step-item h3 { font-size: 13px !important; }
  html .maritsa-step-item p { font-size: 10.5px !important; line-height: 1.3 !important; }
}

/* --- Ölçü asistanı --- */
/* --- Ölçü Asistanı Tanıtım Bloğu --- */
html .maritsa-moa-promo { font-family: 'Archivo', sans-serif; position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(135deg, #fff 0%, #fff 100%); padding: 48px 5% 52px 5%; }
html .maritsa-moa-promo::after { content: ''; position: absolute; top: -30%; right: -5%; width: 55vw; height: 130%; background: radial-gradient(ellipse, rgba(255,255,255,.5) 0%, transparent 65%); pointer-events: none; }
html .maritsa-moa-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 56px; position: relative; z-index: 2; }
html .maritsa-moa-col-text { flex: 1 1 52%; min-width: 280px; }
html .maritsa-moa-col-visual { flex: 1 1 38%; min-width: 240px; max-width: 320px; }
html .maritsa-moa-title { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: clamp(26px, 3vw, 42px); line-height: 1.15; letter-spacing: -0.8px; color: #616c70; margin: 0 0 16px 0; }
html .maritsa-moa-sub { color: #8a9094; font-size: 15px; font-weight: 400; line-height: 1.7; margin: 0 0 34px 0; max-width: 460px; }
html .maritsa-moa-btn { display: inline-flex; align-items: center; gap: 10px; background: transparent; color: #616c70; font-family: 'Archivo', sans-serif; font-size: 14.5px; font-weight: 700; padding: 14px 28px; border: 1.5px solid #616c70; border-radius: 100px; text-decoration: none; letter-spacing: 0.1px; transition: background .3s ease, color .3s ease, transform .2s ease, box-shadow .3s ease; }
html .maritsa-moa-btn:hover { background: #616c70; color: #ffffff; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(97,108,112,.25); }
html .maritsa-moa-btn svg { transition: transform .2s ease; }
html .maritsa-moa-btn:hover svg { transform: translateX(3px); }

/* --- SAĞ TARAF: STATİK CANLI ÖNİZLEME DEMOSU --- */
html .maritsa-moa-panel { background: #ffffff; border: 1px solid #e3e5e8; border-radius: 16px; overflow: hidden; box-shadow: 0 12px 30px rgba(97,108,112,.10); }
html .maritsa-moa-panel-label { background: #f2f3f5; color: #8a9094; font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 10px 16px; text-align: center; border-bottom: 1px solid #e3e5e8; }
html .maritsa-moa-scene { position: relative; width: 100%; aspect-ratio: 4 / 5; background: linear-gradient(180deg, #f9f9fa, #f2f3f5); overflow: hidden; }
html .maritsa-moa-scene-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 50%; display: block; }
html .maritsa-moa-scene-img-1 { opacity: 1; animation: moaPromoImgFade1 10s infinite; }
html .maritsa-moa-scene-img-2 { opacity: 0; animation: moaPromoImgFade2 10s infinite; }
@keyframes moaPromoImgFade1 { 0%, 45% { opacity: 1; } 50%, 95% { opacity: 0; } 100% { opacity: 1; } }
@keyframes moaPromoImgFade2 { 0%, 45% { opacity: 0; } 50%, 95% { opacity: 1; } 100% { opacity: 0; } }
html .maritsa-moa-window { position: absolute; inset: 0; z-index: 5; }
html .maritsa-moa-arrow-en { position: absolute; top: 6%; left: 24%; right: 24%; height: 2px; background: #c14b45; animation: moaPromoEnBreathe 3.2s ease-in-out infinite; }
html .maritsa-moa-arrow-en::before { content: ''; position: absolute; left: -5px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #c14b45; }
html .maritsa-moa-arrow-en::after { content: ''; position: absolute; right: -5px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #c14b45; }
html .maritsa-moa-tag-en { position: absolute; bottom: calc(100% + -25px); left: 50%; transform: translateX(-50%); background: #c14b45; color: #fff; font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 4px; white-space: nowrap; }
@keyframes moaPromoEnBreathe { 0%, 100% { left: 24%; right: 24%; } 50% { left: 12%; right: 12%; } }
html .maritsa-moa-arrow-boy { position: absolute; top: 6%; right: 10%; width: 2px; bottom: 10%; background: #2f6f96; animation: moaPromoBoyBreathe 3.2s ease-in-out infinite .3s; }
html .maritsa-moa-arrow-boy::before { content: ''; position: absolute; top: -6px; left: -4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #2f6f96; }
html .maritsa-moa-arrow-boy::after { content: ''; position: absolute; bottom: -6px; left: -4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #2f6f96; }
html .maritsa-moa-tag-boy { position: absolute; top: 50%; right: calc(100% + 8px); transform: translateY(-50%); background: #2f6f96; color: #fff; font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 4px; white-space: nowrap; }
@keyframes moaPromoBoyBreathe { 0%, 100% { bottom: 5%; } 50% { bottom: 16%; } }
@media (max-width: 900px) {
  html .maritsa-moa-inner { gap: 32px; }
  html .maritsa-moa-col-visual { max-width: 220px; flex: 0 0 220px; }
  html .maritsa-moa-title { font-size: 26px; }
  html .maritsa-moa-sub { font-size: 14px; margin-bottom: 24px; }
}
@media (max-width: 600px) {
  html .maritsa-moa-inner { flex-direction: column; gap: 22px; }
  html .maritsa-moa-col-visual { order: 1; max-width: 320px; width: 100%; flex: none; margin: 0 auto; }
  html .maritsa-moa-col-text { order: 2; text-align: center; }
  html .maritsa-moa-scene { aspect-ratio: 16 / 7; }
  html .maritsa-moa-sub { margin-left: auto; margin-right: auto; }
  html .maritsa-moa-btn { display: inline-flex; }
}
@media (max-width: 480px) {
  html .maritsa-moa-promo { padding: 36px 6% 40px 6%; }
  html .maritsa-moa-col-visual { max-width: 280px; }
  html .maritsa-moa-scene { aspect-ratio: 16 / 8; }
  html .maritsa-moa-panel-label { padding: 8px 14px; font-size: 9px; }
}

/* --- Kampanya --- */
html #mrtHomeCta { --mrt-primary: #616c70; --mrt-primary-dark: #454d50; --mrt-secondary: #c0c0c0; --mrt-bg: #f7f7f7; --mrt-ink: #3a4043; --mrt-muted: #828a8d; --mrt-border: #e2e2e2; box-sizing: border-box; background: var(--mrt-bg); color: var(--mrt-ink); font-family: 'Archivo',Arial,Helvetica,sans-serif; padding: 44px 20px; }
html #mrtHomeCta *, html #mrtHomeCta *::before, html #mrtHomeCta *::after { box-sizing: inherit; }
html #mrtHomeCta img { max-width: 100%; display: block; }
html #mrtHomeCta { float: none !important; }
html #mrtHomeCta .mrt-hcta__inner { max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: minmax(320px,560px) 1fr; gap: 48px; align-items: center; }

/* --- Görsel taraf --- */
html #mrtHomeCta .mrt-hcta__visual { position: relative; padding-bottom: 44px; }
html #mrtHomeCta .mrt-hcta__photo { border-radius: 10px; overflow: hidden; background: #eceded; }
html #mrtHomeCta .mrt-hcta__photo img { width: 100%; height: 100%; object-fit: cover; }
html #mrtHomeCta .mrt-hcta__photo--main { aspect-ratio: 16/10; }
html #mrtHomeCta .mrt-hcta__photo--accent { position: absolute; width: 34%; aspect-ratio: 4/3; right: -6%; bottom: -36px; border: 5px solid var(--mrt-bg); box-shadow: 0 14px 30px rgba(58,64,67,.18); }
html #mrtHomeCta .mrt-hcta__photo--empty { display: flex; align-items: center; justify-content: center; text-align: center; color: var(--mrt-muted); font-size: 13px; font-weight: 600; padding: 12px; background: repeating-linear-gradient(135deg,#eceded,#eceded 10px,#e4e5e5 10px,#e4e5e5 20px); }

/* --- Metin taraf --- */
html #mrtHomeCta .mrt-hcta__content { max-width: 520px; }
html #mrtHomeCta .mrt-hcta__content h2 { font-weight: 800; font-size: clamp(24px,3vw,32px); line-height: 1.2; color: var(--mrt-primary-dark); margin: 0 0 16px; }
html #mrtHomeCta .mrt-hcta__content p { font-size: 15.5px; line-height: 1.7; color: var(--mrt-muted); margin: 0 0 30px; }
html #mrtHomeCta .mrt-hcta__btn { display: inline-block; background: var(--mrt-primary); color: #fff; font-weight: 700; font-size: 15px; padding: 14px 32px; border-radius: 6px; text-decoration: none; transition: background .18s ease; }
html #mrtHomeCta .mrt-hcta__btn:hover { background: var(--mrt-primary-dark); }

/* --- Mobil --- */
@media (max-width:820px) {
  html #mrtHomeCta { padding: 40px 20px 56px; }
  html #mrtHomeCta .mrt-hcta__inner { grid-template-columns: 1fr; gap: 52px; }
  html #mrtHomeCta .mrt-hcta__visual { max-width: 420px; margin: 0 auto; }
  html #mrtHomeCta .mrt-hcta__content { max-width: none; text-align: center; }
}

/* --- Hedef --- */
html .maritsa-goal-block-section { font-family: 'Archivo', sans-serif; background-color: #ffffff; padding: 50px 20px; margin: 0; display: flex; justify-content: center; align-items: center; min-height: 450px; }

/* --- Ana Beyaz Kapsayıcı Kart --- */
html .maritsa-goal-block-main-wrapper { display: flex; max-width: 1200px; width: 100%; background-color: #fff; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.04); overflow: hidden; flex-direction: row; transition: transform 0.5s ease, box-shadow 0.5s ease; }
html .maritsa-goal-block-main-wrapper:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(0,0,0,0.08); }

/* --- Sol Görsel Alanı --- */
html .maritsa-goal-block-image-area { flex: 1; min-width: 40%; position: relative; overflow: hidden; }
html .maritsa-goal-block-image-area img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.8s ease; }
html .maritsa-goal-block-main-wrapper:hover .maritsa-goal-block-image-area img { transform: scale(1.05); }

/* --- Sağ İçerik Alanı --- */
html .maritsa-goal-block-content-area { flex: 1.5; padding: 50px; display: flex; flex-direction: column; justify-content: center; }
html .maritsa-goal-block-header { margin-bottom: 36px; text-align: left; }

/* --- Üst Küçük Başlık --- */
html .maritsa-main-title { font-family: 'Archivo', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; color: #616c70 !important; letter-spacing: 0.3px; margin-bottom: 8px; }

/* --- Alt Vurgulu Ana Başlık --- */
html .maritsa-subtitle { font-family: 'Archivo', sans-serif !important; font-size: 32px !important; font-weight: 800 !important; color: #616c70 !important; margin-bottom: 10px; letter-spacing: -0.6px; line-height: 1.3; }

/* --- İkonlu Özellikler Izgarası --- */
html .maritsa-goal-block-features { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 25px; }
html .maritsa-feature-item { display: flex; align-items: center; gap: 16px; transition: transform 0.3s ease; }
html .maritsa-feature-item:hover { transform: translateX(8px); }
html .maritsa-feature-icon-wrap { width: 54px; height: 54px; flex-shrink: 0; border-radius: 50%; background-color: #f2f3f5; border: 1px solid #e3e5e8; display: flex; align-items: center; justify-content: center; transition: transform 0.4s ease; }
html .maritsa-feature-item:hover .maritsa-feature-icon-wrap { transform: scale(1.1) rotate(3deg); }
html .maritsa-feature-icon { width: 24px; height: 24px; display: block; }
html .maritsa-feature-text { font-family: 'Archivo', sans-serif !important; font-size: 14px !important; color: #616c70 !important; font-weight: 600 !important; line-height: 1.4; }

/* --- MOBİL UYUMLULUK --- */
@media (max-width: 768px) {
  html .maritsa-goal-block-section { padding: 40px 20px; }
  html .maritsa-goal-block-main-wrapper { flex-direction: column; }
  html .maritsa-goal-block-image-area { min-width: 100%; height: 280px; }
  html .maritsa-goal-block-content-area { padding: 35px 25px; }
  html .maritsa-goal-block-header { margin-bottom: 26px; }
  html .maritsa-goal-block-features { gap: 22px 15px; }
  html .maritsa-main-title { font-size: 13px !important; }
  html .maritsa-subtitle { font-size: 24px !important; line-height: 1.2; }
  html .maritsa-feature-icon-wrap { width: 46px; height: 46px; }
  html .maritsa-feature-icon { width: 20px; height: 20px; }
  html .maritsa-feature-text { font-size: 13px !important; }
}
@media (max-width: 480px) {
  html .maritsa-goal-block-section { padding: 30px 15px; margin: 20px 0 0 0; }
  html .maritsa-goal-block-content-area { padding: 25px 20px; }
  html .maritsa-goal-block-features { grid-template-columns: 1fr 1fr; gap: 18px 10px; }
  html .maritsa-main-title { font-size: 12px !important; }
  html .maritsa-subtitle { font-size: 20px !important; }
  html .maritsa-feature-icon-wrap { width: 38px; height: 38px; }
  html .maritsa-feature-icon { width: 17px; height: 17px; }
  html .maritsa-feature-text { font-size: 11.5px !important; }
}

/* --- Blog --- */
/* --- Blog Blok --- */
html .maritsa-blog-section-wrapper { font-family: 'Archivo', sans-serif; width: 100%; max-width: 1200px; margin: 40px auto 30px; padding: 0 15px; box-sizing: border-box; }
html .maritsa-section-title { text-align: center; font-family: 'Archivo', sans-serif !important; font-size: 2.2em; font-weight: 800; margin-bottom: 25px; color: #616c70; letter-spacing: -0.5px; }
html .maritsa-carousel-container { position: relative; overflow: hidden; width: 100%; padding: 15px 0; }

/* --- Kenar solma efekti (kaydırılabilir ipucu) --- */
html .maritsa-carousel-container::before, html .maritsa-carousel-container::after { content: ''; position: absolute; top: 0; bottom: 0; width: 60px; z-index: 3; pointer-events: none; transition: opacity 0.3s ease; }
html .maritsa-carousel-container::before { left: 0; background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%); opacity: 0; }
html .maritsa-carousel-container::after { right: 0; background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%); }
html .maritsa-carousel-container.is-at-start::before { opacity: 0; }
html .maritsa-carousel-container.is-at-end::after { opacity: 0; }
html .maritsa-carousel-wrapper { display: flex; transition: transform .5s ease-in-out; scroll-snap-type: x mandatory; overflow-x: scroll; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; gap: 20px; padding-bottom: 20px; }
html .maritsa-carousel-wrapper::-webkit-scrollbar { display: none; }

/* --- OK BUTONLARI --- */
html .maritsa-carousel-arrow { position: absolute; top: 42%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background-color: #ffffff; border: 1.5px solid #c0c0c0; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 4; box-shadow: 0 4px 14px rgba(0,0,0,0.08); transition: background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; }
html .maritsa-carousel-arrow svg { width: 18px; height: 18px; stroke: #616c70; transition: stroke 0.3s ease; }
html .maritsa-carousel-arrow:hover { background-color: #616c70; border-color: #616c70; }
html .maritsa-carousel-arrow:hover svg { stroke: #ffffff; }
html .maritsa-carousel-arrow.is-disabled { opacity: 0; pointer-events: none; }
html .maritsa-carousel-arrow-prev { left: -4px; }
html .maritsa-carousel-arrow-next { right: -4px; }

/* --- BLOG KARTLARI --- */
html .maritsa-blog-item { flex: 0 0 calc(31% - 14px); box-sizing: border-box; background-color: #ffffff; border: none; box-shadow: 0 8px 25px rgba(0,0,0,0.04); padding: 20px; text-align: center; border-radius: 12px; scroll-snap-align: start; min-height: 300px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; transition: transform 0.4s ease, box-shadow 0.4s ease; }
html .maritsa-blog-item:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0,0,0,0.08); }
html .maritsa-blog-image-wrapper { width: 100%; overflow: hidden; border-radius: 8px; margin-bottom: 15px; }
html .maritsa-blog-item img { width: 100%; height: auto; display: block; transition: transform 0.6s ease; }
html .maritsa-blog-item:hover img { transform: scale(1.05); }
html .maritsa-blog-item h3 { font-family: 'Archivo', sans-serif !important; font-size: 1.15em; font-weight: 700; color: #616c70; margin-bottom: 12px; line-height: 1.3; }
html .maritsa-blog-item p { font-family: 'Archivo', sans-serif !important; font-size: 0.9em; color: #8a9094; margin-bottom: 20px; flex-grow: 1; line-height: 1.5; }
html .maritsa-read-more-button { display: inline-block; padding: 10px 22px; background-color: transparent; color: #616c70; font-family: 'Archivo', sans-serif !important; font-weight: 700; font-size: 0.9em; border: 1.5px solid #616c70; text-decoration: none; border-radius: 30px; transition: all 0.3s ease; }
html .maritsa-read-more-button:hover { background-color: #616c70; color: #ffffff; box-shadow: 0 5px 15px rgba(97, 108, 112, 0.3); }

/* --- MOBİL UYUMLULUK --- */
@media (max-width: 768px) {
  html .maritsa-blog-section-wrapper { margin: 20px 0; }
  html .maritsa-section-title { font-size: 1.8em; margin-bottom: 15px; }
  html .maritsa-carousel-wrapper { padding: 0 5%; gap: 15px; }
  html .maritsa-blog-item { flex: 0 0 85%; scroll-snap-align: center; padding: 15px; }
  html .maritsa-blog-item h3 { font-size: 1.05em; }
  html .maritsa-blog-item p { font-size: 0.85em; }
  html .maritsa-read-more-button { padding: 8px 18px; font-size: 0.85em; }
  html .maritsa-carousel-arrow { display: none; }
  html .maritsa-carousel-container::before, html .maritsa-carousel-container::after { width: 30px; }
}

/* --- Güven --- */
/* --- MARITSA GÜVEN BLOĞU --- */
html .maritsa-guven-bolumu { font-family: 'Archivo', sans-serif; width: 100%; padding: 50px 0 40px 0; background-color: #ffffff; box-sizing: border-box; }
html .maritsa-guven-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; gap: 25px; }

/* --- Güven Kutuları --- */
html .maritsa-guven-kutu { display: flex; align-items: center; justify-content: center; background-color: #ffffff; padding: 25px 20px; border-radius: 12px; border: none; box-shadow: 0 5px 25px rgba(0,0,0,0.04); flex: 1 1 250px; min-height: 90px; box-sizing: border-box; transition: transform 0.4s ease, box-shadow 0.4s ease; }
html .maritsa-guven-kutu:hover { transform: translateY(-6px); box-shadow: 0 15px 35px rgba(0,0,0,0.08); }
html .maritsa-guven-kutu .ikon-alani { margin-right: 18px; flex-shrink: 0; width: 58px; height: 58px; border-radius: 50%; background-color: #f2f3f5; border: 1px solid #e3e5e8; display: flex; align-items: center; justify-content: center; transition: transform 0.4s ease; }
html .maritsa-guven-kutu .ikon-alani img { width: 26px; height: 26px; object-fit: contain; display: block; }
html .maritsa-guven-kutu:hover .ikon-alani { transform: scale(1.1); }

/* --- Metin Ayarları --- */
html .maritsa-guven-kutu .metin-alani h4 { font-family: 'Archivo', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #616c70 !important; margin: 0; line-height: 1.4; }

/* --- MOBİL UYUMLULUK --- */
@media (max-width: 768px) {
  html .maritsa-guven-bolumu { padding: 30px 0; }
  html .maritsa-guven-container { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 0 15px; }
  html .maritsa-guven-kutu { flex-direction: column; padding: 20px 10px; min-height: auto; width: 100%; gap: 12px; }
  html .maritsa-guven-kutu .ikon-alani { width: 48px; height: 48px; margin-right: 0; margin-bottom: 0; }
  html .maritsa-guven-kutu .ikon-alani img { width: 22px; height: 22px; }
  html .maritsa-guven-kutu .metin-alani { text-align: center; }
  html .maritsa-guven-kutu .metin-alani h4 { font-size: 13px !important; }
}

/* ==========================================================================
   26 · Footer
   ========================================================================== */
html .mrs-footer { --mrs-slate-500: #616c70; --mrs-silver: #c0c0c0; --mrs-bg-top: #f7f7f8; --mrs-bg-bottom: #eef0f1; --mrs-panel: #ffffff; --mrs-ink: #3a4245; --mrs-ink-soft: #6c7477; --mrs-border: rgba(97,108,112,0.16); --mrs-border-strong: rgba(97,108,112,0.3); --mrs-accent: #616c70; --mrs-accent-dim: rgba(97,108,112,0.35); --mrs-font-display: 'Archivo', sans-serif; --mrs-font-body: var(--mx-font); position: relative; margin-top: 40px; background: linear-gradient(180deg, var(--mrs-bg-top) 0%, var(--mrs-bg-bottom) 100%); color: var(--mrs-ink-soft); font-family: var(--mrs-font-body); font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
html .mrs-footer * { box-sizing: border-box; }
html .mrs-footer a { color: var(--mrs-ink-soft); text-decoration: none; transition: color .2s ease, opacity .2s ease; }
html .mrs-footer a:hover { color: var(--mrs-accent); }
html .mrs-footer ul { margin: 0; padding: 0; list-style: none; }
html .mrs-inner { max-width: 1280px; margin: 0 auto; padding: 0 32px; }

/* --- SEO / anahtar kelime bloğu --- */
html .mrs-seo { padding: 40px 0 28px; border-bottom: 1px solid var(--mrs-border); }
html .mrs-seo h2 { font-family: var(--mrs-font-display); font-weight: 600; font-size: 18px; color: var(--mrs-ink); margin: 0 0 12px; letter-spacing: .2px; }
html .mrs-seo-text { max-width: 980px; color: var(--mrs-ink-soft); font-weight: 300; font-size: 14px; line-height: 1.85; }
html .mrs-seo-text p { margin: 0 0 10px; }
html .mrs-seo-more { display: none; }
html .mrs-seo.mrs-open .mrs-seo-more { display: inline; }
html .mrs-seo-toggle { margin-top: 10px; display: inline-flex; align-items: center; gap: 6px; background: none; border: 1px solid var(--mrs-accent-dim); color: var(--mrs-accent); font-family: var(--mrs-font-body); font-size: 13px; font-weight: 500; padding: 7px 16px; border-radius: 999px; cursor: pointer; transition: background .2s ease, color .2s ease; }
html .mrs-seo-toggle:hover { background: var(--mrs-accent); color: #fff; }
html .mrs-seo-toggle svg { width: 12px; height: 12px; transition: transform .25s ease; }
html .mrs-seo.mrs-open .mrs-seo-toggle svg { transform: rotate(180deg); }

/* --- Güven rozetleri --- */
html .mrs-trust { display: flex; flex-wrap: wrap; gap: 28px; padding: 24px 0; border-bottom: 1px solid var(--mrs-border); }
html .mrs-trust-item { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--mrs-ink-soft); font-weight: 400; }
html .mrs-trust-item svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--mrs-accent); }

/* --- Ana grid --- */
html .mrs-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; gap: 36px; padding: 44px 0 36px; }
html .mrs-brand-col .mrs-logo-link { display: inline-block; margin: 0 0 16px; }
html .mrs-brand-col .mrs-logo-img { height: 40px; width: auto; display: block; }
html .mrs-brand-col p.mrs-tagline { color: var(--mrs-ink-soft); font-size: 14px; font-weight: 300; max-width: 320px; margin: 0 0 22px; }
html .mrs-contact-list { margin-bottom: 22px; }
html .mrs-contact-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; color: var(--mrs-ink-soft); margin-bottom: 10px; }
html .mrs-contact-list li svg { width: 16px; height: 16px; margin-top: 2px; color: var(--mrs-accent); flex-shrink: 0; }
html .mrs-contact-list li a { color: var(--mrs-ink-soft); }
html .mrs-contact-list li a:hover { color: var(--mrs-accent); }

/* --- Sosyal ikonlar --- */
html .mrs-social { display: flex; gap: 10px; margin-bottom: 26px; flex-wrap: wrap; }
html .mrs-social a { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--mrs-ink-soft); color: var(--mrs-ink-soft); transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease; }
html .mrs-social a svg { width: 16px; height: 16px; }
html .mrs-social a:hover { background: var(--mrs-accent); border-color: var(--mrs-accent); color: #fff; transform: translateY(-2px); }
html .mrs-newsletter { max-width: 320px; }
html .mrs-newsletter p { font-family: var(--mrs-font-display); font-size: 13.5px; font-weight: 600; color: var(--mrs-ink); margin: 0 0 10px; }
html .mrs-newsletter-row { display: flex; border-bottom: 1px solid var(--mrs-ink-soft); padding-bottom: 6px; }
html .mrs-newsletter-row input[type="email"] { flex: 1; background: transparent; border: none; outline: none; color: var(--mrs-ink); font-family: var(--mrs-font-body); font-size: 13.5px; padding: 6px 4px; min-width: 0; }
html .mrs-newsletter-row input::placeholder { color: var(--mrs-ink-soft); }
html .mrs-newsletter-row button { background: none; border: none; color: var(--mrs-accent); cursor: pointer; display: flex; align-items: center; padding: 0 4px; }
html .mrs-newsletter-row button svg { width: 18px; height: 18px; }
html .mrs-newsletter-msg { font-size: 12px; color: var(--mrs-accent); margin-top: 8px; min-height: 14px; }

/* --- KVKK onay kutusu --- */
html .mrs-consent { display: flex; align-items: flex-start; gap: 7px; margin-top: 10px; }
html .mrs-consent input[type="checkbox"] { margin-top: 3px; accent-color: var(--mrs-accent); width: 13px; height: 13px; flex-shrink: 0; }
html .mrs-consent label { font-size: 11.5px; color: var(--mrs-ink-soft); line-height: 1.5; }
html .mrs-consent label a { color: var(--mrs-ink-soft); text-decoration: underline; }
html .mrs-consent label a:hover { color: var(--mrs-accent); }

/* --- Link kolonları --- */
html .mrs-col h3, html .mrs-acc summary { font-family: var(--mrs-font-display); font-weight: 600; font-size: 14.5px; letter-spacing: .3px; color: var(--mrs-ink); margin: 0 0 16px; cursor: default; list-style: none; }
html .mrs-acc summary::-webkit-details-marker { display: none; }
html .mrs-acc summary { display: flex; align-items: center; justify-content: space-between; }
html .mrs-acc .mrs-chevron { width: 12px; height: 12px; color: var(--mrs-ink-soft); display: none; transition: transform .25s ease; }
html .mrs-col ul li { margin-bottom: 10px; }
html .mrs-col ul li a { font-size: 13.8px; color: var(--mrs-ink-soft); display: inline-flex; align-items: center; gap: 8px; }
html .mrs-col ul li a::before { content: ""; width: 6px; height: 6px; border: 1.4px solid var(--mrs-accent); border-radius: 50%; flex-shrink: 0; transition: background .2s ease; }
html .mrs-col ul li a:hover::before { background: var(--mrs-accent); }

/* --- Alt bar --- */
html .mrs-bottom { border-top: 1px solid var(--mrs-border); padding: 20px 0 26px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
html .mrs-bottom .mrs-copy { font-size: 12.5px; color: var(--mrs-ink-soft); font-weight: 300; }
html .mrs-bottom .mrs-legal-links { display: flex; gap: 18px; flex-wrap: wrap; }
html .mrs-bottom .mrs-legal-links a { font-size: 12.5px; color: var(--mrs-ink-soft); }
html .mrs-badges { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
html .mrs-badges span { font-family: var(--mrs-font-body); font-size: 11.5px; font-weight: 500; color: var(--mrs-ink-soft); border: 1px solid var(--mrs-border-strong); border-radius: 5px; padding: 5px 9px; letter-spacing: .3px; }

/* --- Yukarı çık --- */
html .mrs-top-btn { position: fixed; right: 10px; bottom: 60px; width: 44px; height: 44px; border-radius: 50%; background: var(--mrs-accent); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(58,66,69,0.25); border: none; cursor: pointer; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .25s ease, transform .25s ease; z-index: 40; }
html .mrs-top-btn.mrs-show { opacity: 1; pointer-events: auto; transform: translateY(0); }
html .mrs-top-btn svg { width: 18px; height: 18px; }

/* --- Responsive --- */
@media (max-width: 1080px) {
  html .mrs-grid { grid-template-columns: 1fr 1fr 1fr; }
  html .mrs-brand-col { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  html .mrs-inner { padding: 0 20px; }
  html .mrs-grid { grid-template-columns: 1fr 1fr; gap: 28px 24px; padding: 32px 0 20px; }
  html .mrs-brand-col { grid-column: 1 / -1; }
  html .mrs-acc summary { cursor: pointer; padding: 10px 0; border-bottom: 1px solid var(--mrs-border); }
  html .mrs-acc .mrs-chevron { display: block; }
  html .mrs-acc[open] .mrs-chevron { transform: rotate(180deg); }
  html .mrs-acc ul { padding: 12px 0 4px; }
  html .mrs-bottom { justify-content: center; text-align: center; }
  html .mrs-top-btn { right: 16px; bottom: 16px; }
}
@media (max-width: 520px) {
  html .mrs-grid { grid-template-columns: 1fr; }
  html .mrs-trust { gap: 16px; }
}

/* ==========================================================================
   27 · Genel · mini sepet, WhatsApp, rozetler, bildirim
   ========================================================================== */
/* --- miniCart Adet Gizleme --- */
html .adettanim1, html .adettanim2, html .adettanim3 { display: none !important; }
html .mobilTicimaxLogo { display: none !important; }

/* --- Mini Sepet Tasarımı --- */
html .miniCartBos .minicartbos-explore-button { background-color: #616c70 !important; font-size: 15px !important; font-weight: bold !important; border-radius: 5px !important; }
html .miniCartRigthHeader .spnCartTxt, html .miniCartBos i { color: #616c70 !important; }
html .miniCartRigthHeader .header-close-btn svg { fill: #616c70 !important; }
html .miniCartBosDescriptionTitle { color: #616c70 !important; font-weight: bold !important; }
html .miniCartBosDescription { color: #666 !important; }
html .miniCartSatir2 .checkoutAsGuestButton { background-color: #616c70 !important; border-radius: 5px !important; }
html .solAnaMenu { background: #f1f1f1 !important; border-radius: 5px !important; padding: 32px 15px !important; }
html .solAnaMenu ul li a, html .solAnaMenu ul li.solAnaMenuAlt:before { color: #616c70 !important; font-size: 14px !important; font-weight: bold !important; }
html .hesabimAnasayfaMenuler ul li a { background: #616c70 !important; border-radius: 5px !important; color: #fff !important; font-size: 15px !important; }
html .hesabimAnasayfaMenuler ul li a:hover { background: #535e61 !important; }
html .hesabimAnasayfaMenuler ul li a .fa, html .hesabimAnasayfaMenuler ul li a .fa:hover { color: #fff !important; }
html .hesabimTablo .tdTutucu.tabloBasliklari { background: #616c70 !important; }

/* --- Hesabım Menüsü Hover (Üzerine Gelme) Rengi --- */
html .account-item .nav-dropdown ul li a:hover { background-color: #616c70 !important; color: #ffffff !important; }

/* --- Whatsapp Destek Butonu --- */
html .maritsa-round-support { background: #435A64 !important; color: white !important; position: fixed !important; bottom: 10px !important; right: 10px !important; font-size: 15px !important; font-weight: 500 !important; display: flex !important; justify-content: center !important; align-items: center !important; padding: 8px 8px !important; border-radius: 15px !important; text-decoration: none !important; z-index: 999 !important; transition: background-color 0.3s ease, box-shadow 0.3s ease !important; border: 2px solid transparent !important; outline: none !important; box-shadow: 0 0 0 0 #4CAF50 !important; }
html .maritsa-round-support:hover { background: #344754 !important; box-shadow: 0 0 0 2px #4CAF50 !important; }
html .maritsa-support-text { display: flex !important; align-items: center !important; position: relative !important; white-space: nowrap !important; }
html .whatsapp-icon { margin-right: 1px !important; width: 1.8em !important; height: 1.8em !important; fill: white !important; }
html .maritsa-dot { background-color: #4CAF50 !important; position: absolute !important; top: -2px !important; right: -3px !important; display: inline-block !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; margin: 0 !important; animation: maritsa-dot-pulse 1.5s infinite !important; }
@keyframes maritsa-dot-pulse { 0% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.7); } 70% { box-shadow: 0 0 0 6px rgba(76, 175, 80, 0); } 100% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); } }
@media (max-width: 576px) {
  html .maritsa-round-support { padding: 8px 8px !important; font-size: 14px !important; }
  html .maritsa-dot { right: -6px !important; }
}

/* --- MARITSA ROZET --- */

/* --- Gizlemeler --- */
html .ItemOrj .ozelAlan1, html .ItemOrj .ozelAlan2, html .ItemOrj .ozelAlan3, html .ItemOrj .ozelAlan4, html .productItem .ozelAlan1, html .productItem .ozelAlan2, html .productItem .ozelAlan3, html .productItem .ozelAlan4, html .ozelAlan1, html .ozelAlan2, html .ozelAlan3, html .ozelAlan4, html .firsatIcon, html .newIcon, html .cargoIcon { display: none !important; }

/* --- Resim Alanı --- */
html .productImage, html .productImageOwlSlider { position: relative !important; overflow: hidden !important; }
html .productImage a, html .productImageOwlSlider a { display: block !important; width: 100% !important; }

/* --- Konumlandırma --- */
html .maritsa-top-right, html .maritsa-bottom-left, html .maritsa-bottom-right, html .badge-video-strip { opacity: 0.90 !important; transition: opacity 0.3s ease; }
html .maritsa-top-right { position: absolute; top: 5px; right: 5px; display: flex; flex-direction: column; gap: 4px; align-items: flex-end; z-index: 45; }
html .maritsa-bottom-left { position: absolute; bottom: 5px; left: 5px; display: flex; flex-direction: column-reverse; gap: 5px; align-items: center; z-index: 45; transition: bottom 0.3s ease; }
html .maritsa-bottom-left.video-var { bottom: 27px !important; }
html .maritsa-bottom-right { position: absolute; bottom: 5px; right: 5px; z-index: 45; transition: bottom 0.3s ease; }
html .maritsa-bottom-right.video-var { bottom: 27px !important; }

/* --- Tasarımlar (Yuvarlak & Kutu) --- */
html .badge-circle { width: 40px; height: 40px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; font-family: var(--mx-font); font-weight: 700; box-shadow: 0 2px 5px rgba(0,0,0,0.2); border: 1.5px solid #fff; font-size: 9px; line-height: 1.1; text-transform: capitalize; }
html .bg-firsat { background-color: #2e7d32 !important; }
html .bg-kargo { background-color: rgba(0, 0, 0, 0.75) !important; backdrop-filter: blur(2px); font-size: 7px !important; line-height: 1.1 !important; justify-content: center !important; }
html .bg-taksit { background-color: #f59e0b !important; color: #fff !important; }
html .badge-yeni { background-color: #1e3a8a; color: #fff; border: 1.5px solid #fff; font-size: 9px; padding: 2px 5px; border-radius: 3px; font-weight: 700; box-shadow: 0 1px 3px rgba(0,0,0,0.2); text-transform: capitalize; }
html .badge-adet { background-color: rgba(0, 0, 0, 0.75); color: #fff; border: 1.5px solid #fff; backdrop-filter: blur(2px); font-size: 9px; padding: 2px 5px; border-radius: 3px; font-weight: 700; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
html .badge-renk { background: #fff; color: #616c70; border: 1px solid #616c70; font-size: 9px; padding: 2px 4px; border-radius: 3px; font-weight: 700; display: inline-flex; align-items: center; gap: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
html .badge-renk .toplar { display: flex; }
html .badge-renk .toplar span { display: block; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.3); margin-right: -3px; }
html .badge-renk .toplar span:last-child { margin-right: 0; }
html .badge-renk .toplar span:nth-child(1) { background: #d4af37; z-index: 3; }
html .badge-renk .toplar span:nth-child(2) { background: #616c70; z-index: 2; }
html .badge-renk .toplar span:nth-child(3) { background: #a8a8a8; z-index: 1; }

/* --- Favori İkonu --- */
@keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } }
html .productIconEx { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; z-index: 50 !important; }
html .favori, html .productIconEx .favori { position: absolute !important; top: 5px !important; left: 5px !important; z-index: 51 !important; margin: 0 !important; }
html .favori a { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; background-color: rgba(255, 255, 255, 0.6) !important; border: 1.5px solid #8b0000 !important; border-radius: 50% !important; color: #8b0000 !important; font-size: 0 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; transition: all 0.3s ease !important; }
html .favori a::before { content: '\f004'; font-family: 'FontAwesome'; font-size: 15px !important; color: #8b0000 !important; transition: all 0.3s ease !important; }
html .favori a.active, html .favori a:hover { border-color: #c62828 !important; background-color: #c62828 !important; color: #fff !important; animation: heartBeat 0.8s; }
html .favori a.active::before, html .favori a:hover::before { color: #fff !important; }

/* --- Video Strip & Kayan Yazılar --- */
html .badge-video-strip { position: absolute; bottom: 0; left: 0; width: 100%; height: 22px; background-color: rgba(0, 0, 0, 0.85); color: #fff; z-index: 40; backdrop-filter: blur(2px); overflow: hidden !important; }
html .video-slider, html .tab-slider { display: block; width: 100%; animation: slideUp2 6s infinite ease-in-out; }
html .video-slide-item { height: 22px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 5px; }
html .video-slide-item svg { width: 12px; height: 12px; fill: #fff; }

/* --- DÜZENLENEN KISIM BAŞLANGIÇ --- */
html .ozelAlan5 { position: absolute !important; top: -9999px; left: -9999px; opacity: 0 !important; visibility: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; clear: both !important; z-index: 100 !important; overflow: visible !important; background: linear-gradient(90deg, #8b0000 0%, #b71c1c 100%) !important; color: #fff !important; font-size: 12px !important; font-weight: 600 !important; padding: 6px 0px !important; border-radius: 4px !important; line-height: 1.2 !important; gap: 5px !important; box-shadow: 0 5px 5px rgba(139, 0, 0, 0.10); border-bottom: 2px solid #5a0000 !important; transition: opacity 0.3s ease; }

/* --- DÜZENLENEN KISIM BİTİŞ --- */
html .ozelAlan5::before { content: none !important; }
html .ozelAlan5 svg { fill: #fff; width: 18px !important; height: 18px !important; filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.3)); }
html .ozelAlan5.has-campaign { margin-top: 22px !important; border-radius: 0 0 4px 4px !important; }
html .ozelAlan5-tab { position: absolute; top: -16px; left: 0; width: 100%; height: 16px; background: linear-gradient(90deg, #fbc02d 0%, #f57c00 100%); border-radius: 4px 4px 0 0; overflow: hidden !important; box-shadow: inset 0 -1px 2px rgba(0,0,0,0.1); z-index: 1; }
html .tab-item { height: 16px; width: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-family: var(--mx-font); font-size: 9px; font-weight: 700; }
@keyframes slideUp2 { 0%, 45% { transform: translateY(0%); } 50%, 95% { transform: translateY(-50%); } 100% { transform: translateY(0%); } }

/* --- Masaüstü Ayarları (992px+) --- */
@media (min-width: 992px) {
  html .maritsa-top-right { top: 5px; right: 5px; gap: 5px; }
  html .maritsa-bottom-left { bottom: 5px; left: 5px; gap: 6px; }
  html .maritsa-bottom-right { bottom: 5px; right: 5px; }
  html .favori, html .productIconEx .favori { top: 5px !important; left: 5px !important; }
  html .maritsa-bottom-left.video-var, html .maritsa-bottom-right.video-var { bottom: 35px !important; }
  html .productImageOwlSlider .maritsa-bottom-left.video-var, html .sliderBannerContainer .maritsa-bottom-left.video-var, html .jCarouselLite .maritsa-bottom-left.video-var { bottom: 30px !important; }
  html .badge-circle { width: 65px !important; height: 65px !important; font-size: 12px !important; }
  html .bg-kargo { font-size: 11px !important; }
  html .badge-yeni, html .badge-adet { font-size: 11px; padding: 4px 8px; }
  html .badge-renk { padding: 4px 8px !important; font-size: 12px !important; }
  html .badge-renk .toplar span { width: 10px; height: 10px; }
  html .favori a { width: 40px; height: 40px; }
  html .badge-video-strip { height: 30px; font-size: 12px; }
  html .video-slide-item { height: 30px !important; }
  html .badge-video-strip svg { width: 15px; height: 15px; }
  html .ozelAlan5 { font-size: 15px !important; padding: 10px 5px !important; }
  html .ozelAlan5.has-campaign { margin-top: 24px !important; }
  html .ozelAlan5-tab { top: -20px; height: 20px; }
  html .tab-item { height: 20px !important; font-size: 11px; }

  /* --- Slider İstisnaları --- */
  html .productImageOwlSlider .badge-circle, html .sliderBannerContainer .badge-circle, html .jCarouselLite .badge-circle { width: 50px !important; height: 50px !important; font-size: 10px !important; }
  html .productImageOwlSlider .bg-kargo, html .sliderBannerContainer .bg-kargo, html .jCarouselLite .bg-kargo { font-size: 9px !important; }
  html .productImageOwlSlider .badge-yeni, html .sliderBannerContainer .badge-yeni, html .jCarouselLite .badge-yeni { font-size: 10px; padding: 3px 8px; }
  html .productImageOwlSlider .badge-adet, html .sliderBannerContainer .badge-adet, html .jCarouselLite .badge-adet { font-size: 10px; padding: 3px 8px; }
  html .productImageOwlSlider .badge-video-strip, html .sliderBannerContainer .badge-video-strip, html .jCarouselLite .badge-video-strip { height: 25px; font-size: 11px; }
  html .productImageOwlSlider .video-slide-item, html .sliderBannerContainer .video-slide-item, html .jCarouselLite .video-slide-item { height: 25px !important; }
  html .productImageOwlSlider .badge-video-strip svg, html .sliderBannerContainer .badge-video-strip svg, html .jCarouselLite .badge-video-strip svg { width: 13px; height: 13px; }
  html .productImageOwlSlider .maritsa-bottom-left.video-var, html .sliderBannerContainer .maritsa-bottom-left.video-var, html .jCarouselLite .maritsa-bottom-left.video-var { bottom: 30px !important; }
  html .productImageOwlSlider .favori a, html .sliderBannerContainer .favori a, html .jCarouselLite .favori a { width: 36px; height: 36px; }
  html .productImageOwlSlider ~ .productDetail .ozelAlan5, html .sliderBannerContainer .ozelAlan5, html .jCarouselLite .ozelAlan5 { font-size: 12px !important; padding: 8px 5px !important; }
}

/* --- İndirim İkonu (Discount) --- */
html .discountIcon { float: none !important; display: inline-block !important; vertical-align: middle !important; background: linear-gradient(90deg, #8b0000 0%, #b71c1c 100%) !important; color: #fff !important; font-family: var(--mx-font) !important; font-size: 12px !important; font-weight: 700 !important; text-shadow: none !important; padding: 4px 8px !important; border-radius: 4px !important; line-height: normal !important; margin: 0 5px 0 0 !important; box-shadow: 0 2px 4px rgba(139, 0, 0, 0.25) !important; border-bottom: 2px solid #5a0000 !important; }
html .discountIcon:before, html .discountIcon:after { content: none !important; display: none !important; }
html .ozelAlan5.processed { position: relative !important; top: auto !important; left: auto !important; opacity: 1 !important; visibility: visible !important; margin-top: 10px !important; float: left !important; }

/* --- Masaüstü için özel margin ayarı --- */
@media (min-width: 992px) {
  html .ozelAlan5.processed.has-campaign { margin-top: 24px !important; }
}
html .ticimaxDialogTxt { background-color: #ffffff !important; border-radius: 16px !important; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0,0,0,0.05) !important; border: none !important; padding: 30px 25px 25px 25px !important; max-width: 420px !important; font-family: inherit !important; }
html .ticimaxDialogTxt p { font-size: 16px !important; font-weight: 500 !important; color: #333333 !important; margin-top: 15px !important; line-height: 1.5 !important; text-align: center !important; }
html .tici-noty-notification-close-btn { position: absolute !important; top: 15px !important; right: 15px !important; width: 32px !important; height: 32px !important; line-height: 30px !important; background-color: #f1f2f6 !important; color: #7f8c8d !important; border-radius: 50% !important; text-align: center !important; font-size: 16px !important; font-family: Arial, sans-serif !important; text-decoration: none !important; transition: all 0.3s ease !important; }
html .tici-noty-notification-close-btn:hover { background-color: #e74c3c !important; color: #ffffff !important; transform: rotate(90deg) !important; }
html .pageNumber .divMoreProducts .button.getMoreProducts { background-color: #616c70 !important; color: #ffffff !important; border: 2px solid #616c70 !important; padding: 14px 40px !important; border-radius: 50px !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; transition: all 0.3s ease !important; box-shadow: 0 4px 10px rgba(97, 108, 112, 0.2) !important; display: inline-block !important; cursor: pointer !important; margin-top: 20px !important; margin-bottom: 20px !important; }
html .pageNumber .divMoreProducts .button.getMoreProducts:hover { background-color: #c0c0c0 !important; border-color: #c0c0c0 !important; color: #fff !important; box-shadow: 0 8px 20px rgba(192, 192, 192, 0.4) !important; transform: translateY(-3px) !important; }

/* ==========================================================================
   28 · Kategori · SEO metni
   ========================================================================== */
/* --- Google Fonts - Archivo (header ile uyumlu) --- */

/* --- Ana Wrapper - Sade, dikkat çekmeyen --- */
html .seo-content-wrapper { width: 100%; max-width: 1200px; margin: 0 auto 20px auto; padding: 15px 15px 18px 15px; box-sizing: border-box; clear: both; position: relative; text-align: left; background-color: transparent; border-bottom: 1px solid #ebebeb; }
html .seo-content { position: relative; line-height: 1.7; color: #6b7173; font-size: 12.5px; font-family: 'Archivo', Arial, sans-serif; text-align: left; }

/* --- Devamı (seo-more) - varsayılan gizli --- */
html .seo-more { display: none; }
html .seo-more.expanded { display: block; }

/* --- Başlık - Archivo, header ile tam uyum --- */
html .seo-content .seo-title { font-size: 19px; font-weight: 600; color: #4a5458; margin: 0 0 14px 0; padding: 0; line-height: 1.35; font-family: 'Archivo', Arial, sans-serif; letter-spacing: 0.1px; }

/* --- Alt Başlıklar --- */
html .seo-content .seo-subtitle { font-size: 14px; font-weight: 600; color: #616c70; margin: 18px 0 8px 0; padding: 0; line-height: 1.4; font-family: 'Archivo', Arial, sans-serif; }
html .seo-content .seo-subtitle:first-of-type { margin-top: 14px; }

/* --- Paragraflar --- */
html .seo-content p { margin: 0 0 10px 0; padding: 0; text-align: left; }
html .seo-content p:last-child { margin-bottom: 0; }

/* --- Madde İşaretli Listeler --- */
html .seo-content .seo-list { margin: 0 0 14px 0; padding: 0 0 0 18px; list-style-type: disc; }
html .seo-content .seo-list li { margin-bottom: 8px; padding-left: 2px; }
html .seo-content .seo-list li:last-child { margin-bottom: 0; }
html .seo-content .seo-list li::marker { color: #a8adaf; }

/* --- Vurgular - tek renk, sadece kalınlıkla ayrım --- */
html .seo-content strong { color: #4a5458; font-weight: 700; }
html .seo-content em { font-style: normal; color: #4a5458; font-weight: 500; }

/* --- Devamını Oku - text link stili --- */
html .seo-read-more-btn { display: inline-flex; align-items: center; gap: 4px; margin-top: 10px; padding: 0; background: none; border: none; color: #999; font-size: 11px; font-weight: 500; cursor: pointer; transition: color 0.2s ease; font-family: 'Archivo', Arial, sans-serif; }
html .seo-read-more-btn:hover { color: #616c70; }
html .seo-read-more-btn:focus { outline: none; }

/* --- Buton İkonu --- */
html .seo-read-more-btn .btn-icon { display: inline-flex; align-items: center; transition: transform 0.3s ease; }
html .seo-read-more-btn .btn-icon svg { width: 9px; height: 9px; }
html .seo-read-more-btn.active .btn-icon { transform: rotate(180deg); }

/* --- RESPONSIVE --- */
@media screen and (max-width: 992px) {
  html .seo-content-wrapper { padding: 12px 12px 15px 12px; }
  html .seo-content { font-size: 12px; }
  html .seo-content .seo-title { font-size: 17px; }
}
@media screen and (max-width: 576px) {
  html .seo-content-wrapper { padding: 10px 10px 12px 10px; margin-bottom: 12px; }
  html .seo-content { font-size: 11px; line-height: 1.6; }
  html .seo-content .seo-title { font-size: 15px; margin-bottom: 10px; }
  html .seo-content p { margin-bottom: 8px; }
  html .seo-read-more-btn { font-size: 10px; margin-top: 8px; }
}

/* ==========================================================================
   29 · Üye Girişi
   ========================================================================== */
@media (max-width: 620px) {
  html #divNewUyeGirisContent { margin-top: 40px !important; }
}

/* ==========================================================================
   30 · Ürün Detay · taksit, hazırlık süresi, kampanya bandı, butonlar
   ========================================================================== */
/* --- SAĞ ALAN DÜZENLEME --- */
html .RightDetail { top: auto !important; position: initial !important; z-index: 1 !important; align-self: flex-start !important; }

/* --- ÖN YAZI ALANI --- */
html .maritsa-short-desc { background-color: rgb(97 108 112 / 5%); border-left: 5px solid #616c70; border-radius: 0 6px 6px 0; padding: 8px 12px; margin-top: 10px; margin-bottom: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); display: block; }
html .maritsa-short-text { font-size: 14px; line-height: 1.6; color: #555; margin: 0; }
html .maritsa-short-text strong { color: #616c70; font-weight: 700; }

/* --- ÖN YAZI - UYARI KUTUSU --- */
html .maritsa-short-warning { background-color: rgb(253 235 206 / 20%); border-left: 5px solid #F59e0b; border-radius: 0 6px 6px 0; padding: 8px 12px; margin-top: 0; margin-bottom: 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); display: block; }
html .maritsa-short-warning-text { font-size: 14px; line-height: 1.6; color: #555; margin: 0; }
html .maritsa-short-warning-text strong { color: #b8860b; font-weight: 700; }

/* --- ÜRÜN AÇIKLAMASI ALANI --- */
html .maritsa-desc-container { line-height: 1.6; color: #555; max-width: 100%; background-color: #f9f9f9; padding: 15px 15px 0 15px; border-radius: 8px; overflow: hidden; margin-bottom: 10px; }
html .maritsa-info-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.03); }
html .maritsa-info-card:last-child { margin-bottom: 0; }
html .maritsa-info-card p { margin-bottom: 10px; }
html .maritsa-info-card a { text-decoration: none !important; font-weight: bold; color: #666; transition: opacity .3s; }
html .maritsa-info-card a:hover { text-decoration: none !important; opacity: .7; }
html .maritsa-info-card ul { margin: 0; padding-left: 20px !important; color: #666; list-style-type: disc !important; list-style-position: outside !important; margin-left: 5px; }
html .maritsa-info-card li { margin-bottom: 8px; }

/* --- GRID YAPISI --- */
html .maritsa-grid-container { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 20px; margin-top: 15px; margin-bottom: 15px; }
html .maritsa-box-item { background-color: #fafafa; border: 1px solid #eee; border-radius: 6px; padding: 20px 15px; text-align: center; transition: transform .2s,box-shadow .2s; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
html .maritsa-box-item:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); border-color: #ddd; }

/* --- ÖLÇÜ İKONLARI --- */
html .maritsa-measure-icon { width: 50px; height: 50px; margin-bottom: 15px; fill: #000059; background: #fff; border-radius: 50%; padding: 10px; border: 1px dashed #ccc; display: block; }

/* --- WHATSAPP PAYLAŞ --- */

/* --- Mevcut WhatsApp butonunu gizle --- */
html .UWhatsApp { display: none !important; }

/* --- MARITSA - ÜRÜN DETAY SAYFA STİLLERİ --- */

/* --- Orijinal Alanları Gizle --- */
html #divOzelAlan5, html #divTahminiTeslimatSuresi:not(.maritsa-goster), html #divTaksitAciklama:not(.maritsa-goster) { display: none !important; }

/* --- TAKSİT BİLGİSİ KUTUSU --- */

/* --- Orijinal taksit bilgisi gizli --- */
html #divTaksitAciklama { display: none !important; }

/* --- Taksit Bilgisi Kutusu - Ana Container --- */
html .maritsa-installment-box { display: none; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 8px; padding: 10px 14px; margin-top: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); transition: all 0.3s ease; }
html .maritsa-installment-box.active { display: block; animation: maritsa-fadeSlideIn 0.4s ease forwards; }
@keyframes maritsa-fadeSlideIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }

/* --- Üst Kısım - Başlık ve Taksit Tutarı --- */
html .maritsa-installment-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }

/* --- Sol - İkon ve Başlık --- */
html .maritsa-installment-left { display: flex; align-items: center; gap: 8px; }
html .maritsa-installment-icon { width: 28px; height: 28px; background: #FDEBCE; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
html .maritsa-installment-icon svg { width: 16px; height: 16px; fill: #f59e0b; }
html .maritsa-installment-title { display: flex; flex-direction: column; gap: 1px; }
html .maritsa-installment-title-main { font-size: 13px; font-weight: 500; color: #555; font-family: var(--mx-font); }
html .maritsa-installment-title-sub { display: none; }

/* --- Sağ - Taksit Tutarı --- */
html .maritsa-installment-amount { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
html .maritsa-installment-price { font-size: 14px; font-weight: 700; color: #f59e0b; background: #FDEBCE; padding: 5px 10px; border-radius: 5px; font-family: var(--maritsa-font-mono, 'JetBrains Mono', monospace); }
html .maritsa-installment-count { font-size: 11px; color: #555; font-weight: 500; font-family: var(--mx-font); }

/* --- Alt Bilgi - Açıklama (sağ hizalı) --- */
html .maritsa-installment-footer { margin-top: 8px; padding-top: 8px; border-top: 1px dashed #e0e0e0; text-align: right; }
html .maritsa-installment-footer svg { display: none; }
html .maritsa-installment-footer-text { font-size: 11px; color: #555; font-style: italic; line-height: 1.4; }

/* --- Yeşil vurgulu kelimeler için --- */
html .maritsa-installment-footer-text strong { color: #f59e0b; font-weight: 600; font-style: normal; }

/* --- Mobil Uyumluluk --- */
@media (max-width: 768px) {
  html .maritsa-installment-box { padding: 10px 12px; }
  html .maritsa-installment-icon { width: 26px; height: 26px; }
  html .maritsa-installment-icon svg { width: 14px; height: 14px; }
  html .maritsa-installment-title-main { font-size: 12px; }
  html .maritsa-installment-price { font-size: 13px; }
  html .maritsa-installment-count { font-size: 11px; }
  html .maritsa-installment-footer-text { font-size: 10px; }
}

/* --- KAMPANYA ALANI (Ön Yazı Üstünde) --- */
html .ProductName h1 span { margin-bottom: 25px !important; }
html .maritsa-akilli-kampanya { display: block !important; position: relative; overflow: hidden; background: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 15px !important; box-shadow: 0 2px 6px rgba(0,0,0,0.06); width: 100%; box-sizing: border-box; }

/* --- Animasyonlu Slider - Üst Kısım --- */
html .maritsa-slider-pencere { height: 44px; overflow: hidden; position: relative; width: 100%; background: #f9f9f9; border-bottom: 1px solid rgba(97, 108, 112, 0.1); }
html .maritsa-slider-ray { display: flex; flex-direction: column; animation: maritsaDikKaydir 6s infinite ease-in-out; }
html .maritsa-slider-item { height: 44px; display: flex; align-items: center; justify-content: center; color: #c0392b; font-weight: 700; font-size: 14px; letter-spacing: 0.3px; padding: 0 15px; flex-shrink: 0; }
html .maritsa-slider-item::before { content: '●'; font-size: 8px; margin-right: 10px; color: #c0392b; }
@keyframes maritsaDikKaydir { 0%, 40% { transform: translateY(0); } 50%, 90% { transform: translateY(-44px); } 100% { transform: translateY(0); } }

/* --- Sepet Fiyatı (Alt Bant) --- */
html .maritsa-sabit-fiyat { background: #c0392b; padding: 12px 16px; color: #ffffff; width: 100%; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; }
html .maritsa-sabit-fiyat .maritsa-fiyat-etiket { color: #ffffff; font-weight: 600; font-size: 15px; letter-spacing: 0.3px; }
html .maritsa-sabit-fiyat .maritsa-fiyat-deger { font-size: 17px; font-weight: 700; color: #ffffff; background: rgba(255,255,255,0.18); padding: 5px 12px; border-radius: 6px; }

/* --- TAHMİNİ HAZIRLIK SÜRESİ --- */
html #divTahminiTeslimatSuresi.maritsa-teslimat-kart { display: flex !important; flex-wrap: wrap; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 8px; padding: 10px 14px; margin-bottom: 10px !important; margin-top: 0px !important; align-items: center; justify-content: space-between; box-shadow: 0 1px 3px rgba(0,0,0,0.04); width: 100%; box-sizing: border-box; transition: padding 0.3s ease; }
html #divTahminiTeslimatSuresi.maritsa-teslimat-kart.maritsa-delivery-expanded { padding-bottom: 8px; }
html #divTahminiTeslimatSuresi.maritsa-teslimat-kart .left_line { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #555; margin-right: 0 !important; font-family: var(--mx-font); }
html #divTahminiTeslimatSuresi.maritsa-teslimat-kart .left_line::before { content: ''; display: inline-block; width: 28px; height: 28px; background: #e8f5e9 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%232e7d32'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E") center/16px no-repeat; border-radius: 6px; flex-shrink: 0; }
html #divTahminiTeslimatSuresi.maritsa-teslimat-kart .center_line { display: none !important; }
html #divTahminiTeslimatSuresi.maritsa-teslimat-kart .right_line { font-size: 14px; font-weight: 700; color: #2e7d32; background: #e8f5e9; padding: 5px 10px; border-radius: 5px; margin-left: auto !important; }
html .maritsa-delivery-explanation { display: none; width: 100%; font-size: 11px; color: #2e7d32; text-align: right; margin-top: 8px; padding-top: 8px; border-top: 1px dashed #e0e0e0; font-style: italic; }

/* --- Kapsayıcı Kutu --- */
html .maritsa-sepet-uyari-box { background-color: rgb(97 108 112 / 5%); border-left: 5px solid #616c70; border-radius: 0 6px 6px 0; padding: 8px 10px; margin-bottom: 15px; margin-top: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); display: none; align-items: center; gap: 10px; opacity: 0; transform: translateY(-10px); transition: all 0.4s ease-out; box-sizing: border-box; }

/* --- Görünür olduğunda --- */
html .maritsa-sepet-uyari-box.aktif { display: flex !important; opacity: 1; transform: translateY(0); }

/* --- İkon Kutusu --- */
html .maritsa-icon-box { width: 28px; height: 28px; background-color: rgba(97, 108, 112, 0.15); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

/* --- SVG Ayarları --- */
html .maritsa-icon-box svg { width: 16px; height: 16px; fill: #616c70; }

/* --- Metin Alanı --- */
html .maritsa-sepet-uyari-yazi { font-family: inherit; font-size: 13px !important; line-height: 1.4 !important; color: #555 !important; margin: 0 !important; text-align: left; }
html .maritsa-sepet-uyari-yazi strong { color: #616c70 !important; font-weight: 700 !important; display: block; margin-bottom: 2px; font-size: 14px !important; }

/* --- Sepete Ekle Butonu --- */
html #divSatinAl .basketBtn .Addtobasket.button, html #divSatinAl .basketBtn input.Addtobasket, html .BasketBtn .basketBtn .Addtobasket.button, html .BasketBtn .basketBtn input.Addtobasket, html input.Addtobasket.button.btnAddBasketOnDetail { background: linear-gradient(135deg, #616c70 0%, #4a5558 100%) !important; border: none !important; border-radius: 5px !important; color: #ffffff !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; padding: 14px 24px !important; width: 100% !important; height: auto !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 15px rgba(97, 108, 112, 0.3) !important; text-transform: uppercase !important; }
html #divSatinAl .basketBtn .Addtobasket.button:hover, html #divSatinAl .basketBtn input.Addtobasket:hover, html .BasketBtn .basketBtn .Addtobasket.button:hover, html .BasketBtn .basketBtn input.Addtobasket:hover, html input.Addtobasket.button.btnAddBasketOnDetail:hover { background: linear-gradient(135deg, #4a5558 0%, #3a4245 100%) !important; box-shadow: 0 6px 20px rgba(97, 108, 112, 0.4) !important; transform: translateY(-2px) !important; }
html #divSatinAl .basketBtn .Addtobasket.button:active, html #divSatinAl .basketBtn input.Addtobasket:active, html .BasketBtn .basketBtn .Addtobasket.button:active, html .BasketBtn .basketBtn input.Addtobasket:active, html input.Addtobasket.button.btnAddBasketOnDetail:active { transform: translateY(0) !important; box-shadow: 0 2px 10px rgba(97, 108, 112, 0.3) !important; }

/* --- Hemen Al Butonu --- */
html #divSatinAl .buyfast .buyfastbutton, html #divSatinAl .buyfast input#btnHemenAl, html .BasketBtn .buyfast .buyfastbutton, html .BasketBtn .buyfast input#btnHemenAl, html input.buyfastbutton.button { background: transparent !important; border: 2px solid #616c70 !important; border-radius: 10px !important; color: #616c70 !important; font-size: 14px !important; font-weight: 600 !important; padding: 12px 20px !important; width: 100% !important; height: auto !important; margin-top: 8px !important; cursor: pointer !important; transition: all 0.3s ease !important; text-transform: uppercase !important; }
html #divSatinAl .buyfast .buyfastbutton:hover, html #divSatinAl .buyfast input#btnHemenAl:hover, html .BasketBtn .buyfast .buyfastbutton:hover, html .BasketBtn .buyfast input#btnHemenAl:hover, html input.buyfastbutton.button:hover { background: #616c70 !important; color: #ffffff !important; }

/* --- Adet Seçici --- */
html #divSatinAl .Basketinp, html .BasketBtn .Basketinp, html #divBasketInputTextBox { margin-bottom: 10px; }

/* --- MOBİL UYUMLULUK --- */
@media screen and (max-width: 768px) {
  html #divTaksitAciklama.maritsa-taksit-kart { padding: 6px 10px; width: auto !important; max-width: fit-content !important; }
  html #divTahminiTeslimatSuresi.maritsa-teslimat-kart { padding: 10px 12px; }
  html .maritsa-slider-pencere { height: 40px; }
  html .maritsa-slider-item { height: 40px; font-size: 13px; }
  html .maritsa-slider-ray { animation: maritsaDikKaydirMobil 6s infinite ease-in-out; }
  @keyframes maritsaDikKaydirMobil { 0%, 40% { transform: translateY(0); } 50%, 90% { transform: translateY(-40px); } 100% { transform: translateY(0); } }
  html .maritsa-sabit-fiyat { padding: 10px 14px; }
  html .maritsa-sabit-fiyat .maritsa-fiyat-etiket { font-size: 14px; }
  html .maritsa-sabit-fiyat .maritsa-fiyat-deger { font-size: 15px; padding: 4px 10px; }
  html #divSatinAl .basketBtn .Addtobasket.button, html .BasketBtn .basketBtn .Addtobasket.button, html input.Addtobasket.button.btnAddBasketOnDetail { padding: 12px 20px !important; font-size: 14px !important; }
}

/* --- Numune Butonu Kaydırma --- */
html .basketBtn { margin-bottom: 15px !important; }

/* ==========================================================================
   31 · Yeni tasarım (önizleme) · header, kartlar, kategori, ürün detay
   ========================================================================== */
/* --- Ortak --- */
html.mx-yeni body { --mx-ust: 30px; -webkit-tap-highlight-color: transparent; }
html.mx-yeni .mx-gizli { display: none !important; }
@keyframes mxBelir { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes mxAsagi { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes mxYukari { from { transform: translateY(100%); } to { transform: none; } }
@keyframes mxSaga { from { transform: translateX(100%); } to { transform: none; } }
@keyframes mxSolgun { from { opacity: 0; } to { opacity: 1; } }

/* --- Önizleme rozeti --- */
html.mx-yeni .mx-onizleme { position: fixed; left: 12px; bottom: 12px; z-index: 3000; display: flex; align-items: center; gap: 8px; padding: 7px 8px 7px 12px; border-radius: 999px; background: #1f2427; color: #fff; font: 600 12px/1 var(--mx-font); box-shadow: 0 6px 20px rgba(0,0,0,.25); }
html.mx-yeni .mx-onizleme a { color: #1f2427 !important; background: #fff; border-radius: 999px; padding: 5px 9px; font-weight: 700; text-decoration: none !important; }
html.mx-alt-cubuk .mx-onizleme { bottom: 84px; }

/* --- Header · kategori menüsü --- */
html.mx-yeni .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a { padding-left: 0 !important; font-weight: 500 !important; letter-spacing: .01em; color: #2b3235 !important; transition: color .2s ease; }
html.mx-yeni .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a::before { display: none !important; }
html.mx-yeni .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a::after { content: '' !important; position: absolute !important; left: 50% !important; right: 50% !important; bottom: 0 !important; height: 2px !important; background: var(--mx-ana) !important; border-radius: 2px; transition: left .28s ease, right .28s ease !important; }
html.mx-yeni .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a::after { left: 0 !important; right: 0 !important; }
html.mx-yeni .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a { color: var(--mx-ana) !important; }
html.mx-yeni .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-wrap { animation: mxAsagi .22s ease both; }
html.mx-yeni .newHeaderNavigation.mobileStyle .nav-item-link { padding-left: 16px !important; }
html.mx-yeni .newHeaderNavigation.mobileStyle .nav-item-link::before { display: none !important; }

/* --- Ürün kartı --- */
html.mx-yeni .productItem .productImage { border-radius: 12px; overflow: hidden !important; background: #f4f4f2; }
html.mx-yeni .productItem .productImage img { transition: transform .6s cubic-bezier(.2,.7,.2,1); }
html.mx-yeni .badge-video-strip ~ .badge-video-strip, html.mx-yeni .maritsa-bottom-right ~ .maritsa-bottom-right { display: none !important; }
html.mx-yeni .productItem .badge-video-strip, html.mx-yeni .jCarouselLite .badge-video-strip { left: 8px !important; bottom: 8px !important; width: auto !important; height: 24px !important; padding: 0 10px; border-radius: 999px; background: rgba(255,255,255,.92) !important; color: #2f3739 !important; backdrop-filter: blur(6px); box-shadow: 0 1px 6px rgba(0,0,0,.12); opacity: 1 !important; }
html.mx-yeni .productItem .badge-video-strip .video-slide-item, html.mx-yeni .jCarouselLite .badge-video-strip .video-slide-item { height: 24px !important; justify-content: flex-start; gap: 5px; font-size: 11px; font-weight: 600; white-space: nowrap; }
html.mx-yeni .productItem .badge-video-strip svg, html.mx-yeni .jCarouselLite .badge-video-strip svg { fill: currentColor !important; width: 12px !important; height: 12px !important; }
html.mx-yeni .productItem .maritsa-bottom-right, html.mx-yeni .productItem .maritsa-bottom-right.video-var, html.mx-yeni .jCarouselLite .maritsa-bottom-right.video-var { top: 8px !important; right: 8px !important; bottom: auto !important; opacity: 1 !important; }
html.mx-yeni .productItem .badge-renk { border: 0 !important; border-radius: 999px !important; padding: 4px 8px !important; font-size: 11px !important; font-weight: 600 !important; color: #2f3739 !important; background: rgba(255,255,255,.92) !important; backdrop-filter: blur(6px); box-shadow: 0 1px 6px rgba(0,0,0,.12) !important; }
html.mx-yeni .productItem .favori a { width: 34px !important; height: 34px !important; background: rgba(255,255,255,.92) !important; border: 0 !important; box-shadow: 0 1px 6px rgba(0,0,0,.12) !important; backdrop-filter: blur(6px); }
html.mx-yeni .productItem .favori a::before { color: #2f3739 !important; font-size: 14px !important; }
html.mx-yeni .productItem .favori a.active, html.mx-yeni .productItem .favori a:hover { background: #c0392b !important; }
html.mx-yeni .productItem .favori a.active::before, html.mx-yeni .productItem .favori a:hover::before { color: #fff !important; }
html.mx-yeni .productItem .favori, html.mx-yeni .productItem .productIconEx .favori { top: 8px !important; left: 8px !important; }
html.mx-yeni .productItem .productDetail { padding: 10px 2px 0 !important; }
html.mx-yeni .productItem .productName { margin: 0 0 6px !important; }
html.mx-yeni .productItem .productName a { font-size: 14px !important; font-weight: 500 !important; color: #23292b !important; line-height: 1.4 !important; min-height: 2.8em !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0 !important; }
html.mx-yeni .productItem .productPoints:has(.rating[data-rating="0"]) { display: none !important; }
html.mx-yeni .productItem .productPoints { height: auto !important; margin-bottom: 6px !important; }
html.mx-yeni .productItem .productPoints .rating i { font-size: 13px !important; }
html.mx-yeni .productItem .productPrice { float: left !important; display: inline-flex !important; align-items: baseline; gap: 6px; width: auto !important; margin: 0 !important; }
html.mx-yeni .productItem .discountPrice, html.mx-yeni .productItem .regularPrice { float: none !important; margin: 0 !important; }
html.mx-yeni .productItem .discountPrice span.discountPriceSpan, html.mx-yeni .productItem .discountPrice span:first-child { font-size: 16px !important; font-weight: 700 !important; color: #1f2427 !important; }
html.mx-yeni .productItem .regularPrice span.regularPriceSpan { font-size: 12.5px !important; color: #9aa0a3 !important; font-weight: 400 !important; }
html.mx-yeni .productItem .discountKdv, html.mx-yeni .productItem .regularKdv { display: none !important; }
html.mx-yeni .productItem .discountIcon { background: #fbeeec !important; color: #b03a2e !important; border: 0 !important; box-shadow: none !important; padding: 3px 7px !important; border-radius: 6px !important; font-size: 11.5px !important; float: left !important; margin: 3px 0 0 8px !important; }
html.mx-yeni .ozelAlan5.processed, html.mx-yeni .ozelAlan5.processed.has-campaign { margin-top: 8px !important; flex-wrap: wrap !important; justify-content: flex-start !important; gap: 2px 6px !important; padding: 8px 10px !important; border-radius: 10px !important; background: #fbeeec !important; color: #a93226 !important; box-shadow: none !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: left; border: 0 !important; clear: both; }
html.mx-yeni .ozelAlan5 svg { display: none !important; }
html.mx-yeni .ozelAlan5 .ozelAlan5-tab { position: static !important; order: -1; width: 100% !important; height: 14px !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; overflow: hidden !important; }
html.mx-yeni .ozelAlan5 .tab-item { height: 14px !important; justify-content: flex-start !important; color: #c0392b !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .04em; text-transform: uppercase; opacity: .85; }
@media (min-width: 992px) {
  html.mx-yeni .ozelAlan5.processed { font-size: 14px !important; }
  html.mx-yeni .productItem:hover .productImage img { transform: scale(1.04); }
}

/* --- Kategori · başlık ve çipler --- */
html.mx-yeni .mx-kat-bas { float: left; width: 100%; padding: 6px 0 14px; animation: mxBelir .35s ease both; }
html.mx-yeni .mx-kat-bas h1 { margin: 0; font: 600 24px/1.2 var(--mx-font); color: #1f2427; letter-spacing: -.01em; }
html.mx-yeni .mx-kat-bas .mx-kat-say { margin-top: 4px; font-size: 13px; color: #7b8285; }
html.mx-yeni .mx-cipler { display: flex; gap: 8px; overflow-x: auto; padding: 12px 0 2px; margin: 0 -4px; scrollbar-width: none; scroll-snap-type: x proximity; }
html.mx-yeni .mx-cipler::-webkit-scrollbar { display: none; }
html.mx-yeni .mx-cipler a { flex: 0 0 auto; scroll-snap-align: start; display: inline-flex; align-items: center; height: 36px; padding: 0 15px; border-radius: 999px; border: 1px solid #dfe2e3; background: #fff; color: #2f3739 !important; font-size: 13.5px; font-weight: 500; text-decoration: none !important; white-space: nowrap; transition: background .2s, border-color .2s, color .2s; }
html.mx-yeni .mx-cipler a:hover { border-color: var(--mx-ana); }
html.mx-yeni .mx-cipler a.aktif { background: var(--mx-ana); border-color: var(--mx-ana); color: #fff !important; }
html.mx-yeni .categoryContainer .categoryTitle .breadcrumb { margin-bottom: 4px; }
@media (min-width: 1042px) {
  html.mx-yeni .mx-kat-bas h1 { font-size: 32px; }
  html.mx-yeni .mx-cipler { flex-wrap: wrap; overflow: visible; }
}

/* --- Kategori · sıralama/filtre çubuğu --- */
html.mx-yeni .categoryContainer #divSayfalamaUst { position: sticky !important; top: var(--mx-ust); z-index: 60; background: #fff; margin: 0 0 14px !important; padding: 8px 0 !important; float: left; }
html.mx-yeni .categoryContainer #divSayfalamaUst:has(.filterBlock.active) { z-index: 10000 !important; }
html.mx-yeni .categoryContainer .ProductListContent { clear: both; }
@media (max-width: 1041px) {
  html.mx-yeni body .mobilFilterOpenBtn { display: flex !important; gap: 10px; }
  html.mx-yeni body .mobilFilterOpenBtn .button { float: none !important; width: auto !important; flex: 1 1 0; height: 44px; line-height: 44px !important; border: 1px solid #dfe2e3 !important; border-radius: 12px; font-size: 14px !important; font-weight: 600 !important; color: #2f3739 !important; background: #fff !important; text-align: center; }
  html.mx-yeni body .mobilFilterOpenBtn .button.mobilFilterBtn { order: 2; }
  html.mx-yeni body #divSayfalamaUst.Slct .brandlistselection { width: calc(50% - 5px) !important; height: 44px; }
  html.mx-yeni body #divSayfalamaUst.Slct .brandlistselection .sortingContent select { height: 44px !important; }
  html.mx-yeni .mx-filtre-sayi { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; margin-left: 6px; padding: 0 6px; border-radius: 999px; background: var(--mx-ana); color: #fff; font-size: 11px; line-height: 1; vertical-align: 1px; }
  html.mx-yeni body .category-vertical-filters.top-filters { width: min(420px, 92vw) !important; background: #fff !important; display: flex !important; flex-direction: column; transition: right .32s cubic-bezier(.2,.7,.2,1) !important; }
  html.mx-yeni body .filterBlock.active .category-vertical-filters.top-filters { box-shadow: -10px 0 40px rgba(0,0,0,.18); }
  html.mx-yeni body .filterBlock.active::before { content: ''; position: fixed; inset: 0; background: rgba(20,24,26,.45); z-index: 9998; animation: mxSolgun .25s ease both; }
  html.mx-yeni body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst { background: #fff !important; color: #1f2427 !important; border-bottom: 1px solid #eceeef; margin: 0 !important; line-height: 56px !important; font-weight: 700; font-size: 17px !important; flex: 0 0 auto; }
  html.mx-yeni body .category-vertical-filters.top-filters .FiltreUst .closeFilt, html.mx-yeni body .category-vertical-filters.top-filters .FiltreUst a, html.mx-yeni body .category-vertical-filters.top-filters .FiltreUst a i { color: #1f2427 !important; line-height: 56px !important; }
  html.mx-yeni body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan { flex: 1 1 auto; max-height: none !important; padding: 6px 0 90px; }
  html.mx-yeni body .category-vertical-filters.top-filters .panel { padding: 0 18px !important; margin: 0 !important; border-bottom: 1px solid #eceeef; background: #fff; }
  html.mx-yeni body .category-vertical-filters.top-filters .panel .panel-heading a { text-transform: none !important; font-weight: 600 !important; font-size: 15.5px !important; line-height: 54px !important; padding: 0 !important; color: #1f2427 !important; }
  html.mx-yeni body .category-vertical-filters.top-filters .list-group.dropdown li { margin-bottom: 14px !important; }
  html.mx-yeni body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a { font-size: 14.5px !important; color: #2f3739 !important; }
  html.mx-yeni body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo { padding: 0 18px !important; margin: 0 !important; border-bottom: 1px solid #eceeef; }
  html.mx-yeni body .category-vertical-filters.top-filters .tukgo .filterOrderInStock { padding: 0 !important; font-size: 15px !important; }
  html.mx-yeni body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after { background: var(--mx-ana) !important; }
  html.mx-yeni body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 !important; padding: 12px 18px calc(12px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #eceeef; }
  html.mx-yeni body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span { display: block !important; width: 100%; background: var(--mx-ana) !important; border-radius: 12px; font-weight: 700; letter-spacing: .02em; text-transform: none !important; font-size: 15.5px !important; line-height: 28px !important; padding: 11px !important; }
}
@media (min-width: 1042px) {
  html.mx-yeni body #divSayfalamaUst .filterBlock { z-index: 70 !important; }
  html.mx-yeni body #divSayfalamaUst .filterBlock.active { box-shadow: 0 18px 40px rgba(0,0,0,.12); border-radius: 0 0 14px 14px; border-top: 1px solid #eceeef !important; animation: mxAsagi .2s ease both; }
  html.mx-yeni body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span { display: inline-block; background: var(--mx-ana); color: #fff; padding: 10px 22px; border-radius: 10px; font-weight: 600; }
}

/* --- Kategori · SEO metni --- */
html.mx-yeni .mx-seo-kutu { clear: both; width: 100%; margin: 28px 0 8px; padding: 22px 20px; border-radius: 16px; background: #f6f6f4; }
html.mx-yeni .mx-seo-kutu .seo-content-wrapper { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html.mx-yeni .mx-seo-kutu .seo-title { font-size: 18px !important; line-height: 1.35 !important; color: #1f2427 !important; margin: 0 0 10px !important; }
html.mx-yeni .mx-seo-kutu p { font-size: 14.5px !important; line-height: 1.7 !important; color: #4a5356 !important; }
html.mx-yeni .mx-seo-kutu .seo-read-more-btn { margin-top: 6px !important; padding: 9px 16px !important; border-radius: 999px !important; border: 1px solid #d5d9da !important; background: #fff !important; color: #2f3739 !important; font-weight: 600 !important; font-size: 13px !important; }
@media (min-width: 1042px) {
  html.mx-yeni .mx-seo-kutu { padding: 34px 40px; margin-top: 40px; }
  html.mx-yeni .mx-seo-kutu .seo-content-wrapper { max-width: 900px; }
}

/* --- Ürün detay · galeri --- */
html.mx-yeni .productDetailContainer .leftImage { position: relative; }
html.mx-yeni .mx-galeri-sayac { position: absolute; right: 12px; bottom: 12px; z-index: 20; padding: 5px 10px; border-radius: 999px; background: rgba(31,36,39,.72); color: #fff; font: 600 12px/1 var(--mx-font); letter-spacing: .04em; backdrop-filter: blur(4px); pointer-events: none; }
html.mx-yeni .mx-galeri { display: none; }
@media (max-width: 767px) {
  html.mx-yeni .productDetailContainer #linkOncekiSayfa { position: absolute !important; top: 12px !important; left: 12px !important; z-index: 20; width: 38px !important; height: 38px !important; border-radius: 50%; background: rgba(255,255,255,.9) !important; backdrop-filter: blur(6px); box-shadow: 0 2px 10px rgba(0,0,0,.12); display: flex !important; align-items: center; justify-content: center; font-size: 0 !important; }
  html.mx-yeni .productDetailContainer #linkOncekiSayfa::before { content: ''; width: 9px; height: 9px; border-left: 2px solid #2f3739; border-bottom: 2px solid #2f3739; transform: translateX(2px) rotate(45deg); }
  html.mx-yeni .productDetailContainer #linkOncekiSayfa > * { display: none !important; }
  html.mx-yeni .productDetailContainer .leftImage { margin: 0 -20px; width: calc(100% + 40px) !important; }
  html.mx-yeni .productDetailContainer #divMobileImageList .owl-item img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
  html.mx-yeni .productDetailContainer #divMobileImageList .owl-dots { display: none !important; }
}
@media (min-width: 768px) {
  html.mx-yeni .productDetailContainer .leftImage .SmallImages { display: none !important; }
  html.mx-yeni .mx-galeri { display: grid; grid-template-columns: 76px 1fr; gap: 14px; position: sticky; top: calc(var(--mx-ust) + 16px); }
  html.mx-yeni .mx-galeri-kucuk { display: flex; flex-direction: column; gap: 10px; max-height: calc(100vh - var(--mx-ust) - 40px); overflow-y: auto; scrollbar-width: none; }
  html.mx-yeni .mx-galeri-kucuk::-webkit-scrollbar { display: none; }
  html.mx-yeni .mx-galeri-kucuk button { padding: 0; border: 0; border-radius: 10px; overflow: hidden; background: #f4f4f2; cursor: pointer; opacity: .55; outline: 2px solid transparent; outline-offset: 2px; transition: opacity .2s, outline-color .2s; aspect-ratio: 4 / 5; }
  html.mx-yeni .mx-galeri-kucuk button.aktif, html.mx-yeni .mx-galeri-kucuk button:hover { opacity: 1; }
  html.mx-yeni .mx-galeri-kucuk button.aktif { outline-color: var(--mx-ana); }
  html.mx-yeni .mx-galeri-kucuk img { width: 100%; height: 100%; object-fit: cover; display: block; }
  html.mx-yeni .mx-galeri-ana { position: relative; border-radius: 16px; overflow: hidden; background: #f4f4f2; aspect-ratio: 4 / 5; max-height: calc(100vh - var(--mx-ust) - 40px); cursor: zoom-in; }
  html.mx-yeni .mx-galeri-ana img { width: 100%; height: 100%; object-fit: cover; display: block; animation: mxSolgun .35s ease both; }
  html.mx-yeni .mx-galeri-ok { position: absolute; top: 50%; width: 42px; height: 42px; margin-top: -21px; border-radius: 50%; border: 0; background: rgba(255,255,255,.92); box-shadow: 0 2px 12px rgba(0,0,0,.12); cursor: pointer; opacity: 0; transition: opacity .2s; z-index: 5; }
  html.mx-yeni .mx-galeri-ok::before { content: ''; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; border-left: 2px solid #2f3739; border-bottom: 2px solid #2f3739; transform: translate(-35%, -50%) rotate(45deg); }
  html.mx-yeni .mx-galeri-ok.ileri { right: 14px; }
  html.mx-yeni .mx-galeri-ok.ileri::before { transform: translate(-65%, -50%) rotate(-135deg); }
  html.mx-yeni .mx-galeri-ok.geri { left: 14px; }
  html.mx-yeni .mx-galeri-ana:hover .mx-galeri-ok { opacity: 1; }
  html.mx-yeni .productDetailContainer .TopDet { display: flex; align-items: flex-start; gap: 48px; }
  html.mx-yeni .productDetailContainer .TopDet .leftImage { flex: 1 1 54%; width: auto !important; float: none !important; max-width: 680px; align-self: stretch; }
  html.mx-yeni .productDetailContainer .TopDet .RightDetail { flex: 1 1 46%; width: auto !important; float: none !important; }
}

/* --- Büyük görsel penceresi --- */
html.mx-yeni .mx-buyut { position: fixed; inset: 0; z-index: 4000; background: rgba(12,14,15,.94); display: flex; align-items: center; justify-content: center; animation: mxSolgun .2s ease both; }
html.mx-yeni .mx-buyut img { max-width: 96vw; max-height: 92vh; object-fit: contain; border-radius: 6px; }
html.mx-yeni .mx-buyut button { position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255,255,255,.14); color: #fff; font-size: 26px; line-height: 44px; cursor: pointer; }

/* --- Ürün detay · başlık, fiyat, kampanya --- */
html.mx-yeni .productDetailContainer .ProductName h1 { font: 600 22px/1.25 var(--mx-font) !important; color: #1f2427 !important; letter-spacing: -.01em; margin: 0 !important; }
html.mx-yeni .productDetailContainer .ProductName h1 span { font: inherit !important; margin: 0 !important; line-height: inherit !important; }
html.mx-yeni .productDetailContainer .ProductName { margin: 16px 0 8px !important; }
html.mx-yeni .productDetailContainer .PriceList { margin: 0 0 12px !important; display: flow-root !important; }
html.mx-yeni .productDetailContainer #pnlFiyatlar { float: none !important; }
html.mx-yeni .productDetailContainer #divFiyatAlanlari, html.mx-yeni .productDetailContainer #pnlFiyatlar { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
html.mx-yeni .productDetailContainer #divIndirimliFiyat { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; gap: 10px; flex-wrap: wrap; }
html.mx-yeni .productDetailContainer #divIndirimliFiyat .Formline { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html.mx-yeni .productDetailContainer #divFiyatAlanlari .lineTitle, html.mx-yeni .productDetailContainer #divFiyatAlanlari .spanKdv { display: none !important; }
html.mx-yeni .productDetailContainer .IndirimliFiyatContent .spanFiyat, html.mx-yeni .productDetailContainer #divFiyatAlanlari > .urunDetayFiyatContainer > .Formline:not(#divOzellestirmeFiyati) .spanFiyat { font: 700 28px/1.1 var(--mx-font) !important; color: #1f2427 !important; }
html.mx-yeni .productDetailContainer .PiyasafiyatiContent .spanFiyat { font: 400 16px/1.1 var(--mx-font) !important; color: #9aa0a3 !important; text-decoration: line-through !important; }
html.mx-yeni .productDetailContainer .maritsa-taksit-kart { float: none !important; display: block; margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 13px !important; color: #4a5356 !important; }
html.mx-yeni .mx-indirim-orani { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border-radius: 6px; background: #fbeeec; color: #b03a2e; font-size: 12.5px; font-weight: 700; }
html.mx-yeni .productDetailContainer .maritsa-akilli-kampanya { border: 1px solid #f1d6d2 !important; border-radius: 14px !important; overflow: hidden; background: #fdf6f5 !important; box-shadow: none !important; margin: 0 0 16px !important; }
html.mx-yeni .productDetailContainer .maritsa-akilli-kampanya .maritsa-slider-pencere { background: transparent !important; border: 0 !important; height: 34px !important; }
html.mx-yeni .productDetailContainer .maritsa-akilli-kampanya .maritsa-slider-ray > * { color: #b03a2e !important; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: .02em; }
html.mx-yeni .productDetailContainer .maritsa-akilli-kampanya .maritsa-sabit-fiyat { background: #c0392b !important; padding: 12px 16px !important; }
html.mx-yeni .productDetailContainer #divOnyazi { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 0 18px !important; max-height: none !important; overflow: visible !important; }
html.mx-yeni .productDetailContainer #divOnyazi .left_line, html.mx-yeni .productDetailContainer #divOnyazi .left_line > span { display: block; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; font-size: 15px !important; line-height: 1.65 !important; color: #4a5356 !important; max-height: none !important; overflow: visible !important; }
html.mx-yeni .productDetailContainer #divOnyazi .left_line::before, html.mx-yeni .productDetailContainer #divOnyazi::before { display: none !important; }
html.mx-yeni .mx-kisalt { position: relative; max-height: 5em; overflow: hidden !important; }
html.mx-yeni .mx-kisalt::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2.2em; background: linear-gradient(rgba(255,255,255,0), #fff); }
html.mx-yeni .mx-devami { margin-top: 6px; padding: 0; border: 0; background: none; color: #1f2427; font: 600 13.5px var(--mx-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
@media (min-width: 768px) {
  html.mx-yeni .productDetailContainer .ProductName h1 { font-size: 30px !important; }
  html.mx-yeni .productDetailContainer .ProductName { margin-top: 0 !important; }
  html.mx-yeni .productDetailContainer .ProductName, html.mx-yeni .productDetailContainer .PriceList { float: none !important; width: 100% !important; display: block; }
}

/* --- Ürün detay · form adımları --- */
html.mx-yeni .mx-adim { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font: 700 15.5px/1.2 var(--mx-font); color: #1f2427; }
html.mx-yeni .mx-adim b { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--mx-ana); color: #fff; font-size: 13px; flex: 0 0 auto; }
html.mx-yeni .productDetailContainer .maritsa-group-box { border-radius: 16px !important; border: 1px solid #ebeded !important; box-shadow: none !important; animation: mxBelir .35s ease both; }
html.mx-yeni .productDetailContainer .maritsa-result-box.active { border-color: #d7dcdd !important; background: #fafbfb !important; }

/* --- Ürün detay · sepete ekle, güven --- */
html.mx-yeni .productDetailContainer .BasketBtn .basketBtn input, html.mx-yeni .productDetailContainer .BasketBtn .basketBtn a, html.mx-yeni .productDetailContainer .btnAddBasketOnDetail { border-radius: 14px !important; height: 54px !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: .02em !important; text-transform: none !important; background: #1f2427 !important; box-shadow: 0 8px 20px rgba(31,36,39,.18) !important; transition: transform .15s ease, box-shadow .15s ease !important; }
html.mx-yeni .productDetailContainer .btnAddBasketOnDetail:active { transform: scale(.98); }
html.mx-yeni .productDetailContainer .maritsa-teslimat-kart { border-radius: 14px !important; }
html.mx-yeni .mx-guven { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 14px 0 6px; clear: both; width: 100%; }
html.mx-yeni .mx-guven div { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 6px; border-radius: 12px; background: #f6f6f4; text-align: center; font-size: 11.5px; line-height: 1.3; color: #4a5356; font-weight: 500; }
html.mx-yeni .mx-guven svg { width: 20px; height: 20px; stroke: var(--mx-ana); fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
html.mx-yeni .productDetailContainer #maritsaShareBtn { border: 0 !important; background: none !important; box-shadow: none !important; color: #4a5356 !important; font-size: 13.5px !important; text-decoration: underline; text-underline-offset: 3px; height: auto !important; padding: 6px 0 !important; }

/* --- Ürün detay · açıklama ve bilgi satırları --- */
html.mx-yeni .mx-bilgi { clear: both; width: 100%; margin: 26px 0 8px; }
html.mx-yeni .mx-bilgi h2 { font: 700 19px/1.3 var(--mx-font); color: #1f2427; margin: 0 0 14px; }
html.mx-yeni .mx-aciklama { position: relative; }
html.mx-yeni .mx-aciklama.kapali { max-height: 560px; overflow: hidden; }
html.mx-yeni .mx-aciklama.kapali::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(rgba(255,255,255,0), #fff 85%); pointer-events: none; }
html.mx-yeni .mx-aciklama .urunDetayPanel { display: block !important; padding: 0 !important; float: none !important; }
html.mx-yeni .mx-aciklama .urunTabAlt { max-height: none !important; height: auto !important; overflow: visible !important; float: none !important; }
html.mx-yeni .mx-aciklama .maritsa-desc-container { background: none !important; padding: 0 !important; }
html.mx-yeni .mx-aciklama .maritsa-info-card { border-radius: 14px !important; box-shadow: none !important; border-color: #ebeded !important; }
html.mx-yeni .mx-aciklama-ac { display: block; width: 100%; margin: 4px 0 0; height: 48px; border-radius: 12px; border: 1px solid #d5d9da; background: #fff; color: #1f2427; font: 600 14.5px var(--mx-font); cursor: pointer; }
html.mx-yeni .mx-satirlar { margin-top: 18px; border-top: 1px solid #ebeded; }
html.mx-yeni .mx-satir { display: flex; width: 100%; align-items: center; gap: 12px; padding: 0 2px; height: 60px; border: 0; border-bottom: 1px solid #ebeded; background: none; text-align: left; font: 600 15px var(--mx-font); color: #1f2427; cursor: pointer; }
html.mx-yeni .mx-satir span { flex: 1 1 auto; }
html.mx-yeni .mx-satir small { font-weight: 500; color: #7b8285; font-size: 13px; }
html.mx-yeni .mx-satir::after { content: ''; width: 8px; height: 8px; border-right: 2px solid #9aa0a3; border-top: 2px solid #9aa0a3; transform: rotate(45deg); margin-right: 6px; }
html.mx-yeni .mx-satir svg { width: 20px; height: 20px; stroke: var(--mx-ana); fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
html.mx-yeni .productDetailContainer .urunOzellikTab .urunTab > ul, html.mx-yeni .productDetailContainer .urunOzellik .urunTab { display: none !important; }
@media (min-width: 768px) {
  html.mx-yeni .mx-bilgi { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 48px; margin-top: 56px; padding-top: 40px; border-top: 1px solid #ebeded; }
  html.mx-yeni .mx-bilgi h2 { font-size: 24px; }
  html.mx-yeni .mx-satirlar { margin-top: 0; position: sticky; top: calc(var(--mx-ust) + 20px); align-self: start; }
}

/* --- Alttan/yandan açılan panel --- */
html.mx-yeni .mx-panel-arka { position: fixed; inset: 0; z-index: 3500; background: rgba(20,24,26,.45); animation: mxSolgun .2s ease both; }
html.mx-yeni .mx-panel { position: fixed; left: 0; right: 0; bottom: 0; z-index: 3501; max-height: 86vh; display: flex; flex-direction: column; background: #fff; border-radius: 20px 20px 0 0; box-shadow: 0 -10px 40px rgba(0,0,0,.18); animation: mxYukari .32s cubic-bezier(.2,.7,.2,1) both; }
html.mx-yeni .mx-panel-bas { display: flex; align-items: center; justify-content: space-between; padding: 6px 18px 0; min-height: 60px; border-bottom: 1px solid #ebeded; font: 700 17px var(--mx-font); color: #1f2427; position: relative; }
html.mx-yeni .mx-panel-bas::before { content: ''; position: absolute; top: 8px; left: 50%; width: 38px; height: 4px; margin-left: -19px; border-radius: 4px; background: #d5d9da; }
html.mx-yeni .mx-panel-bas button { width: 40px; height: 40px; border: 0; border-radius: 50%; background: #f2f3f3; font-size: 22px; line-height: 40px; color: #1f2427; cursor: pointer; }
html.mx-yeni .mx-panel-govde { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 16px 18px calc(24px + env(safe-area-inset-bottom)); }
html.mx-yeni .mx-panel-govde .urunDetayPanel { display: block !important; float: none !important; padding: 0 !important; }
html.mx-panel-acik, html.mx-panel-acik body { overflow: hidden !important; }
@media (min-width: 768px) {
  html.mx-yeni .mx-panel { left: auto; top: 0; width: 480px; max-height: none; border-radius: 0; animation-name: mxSaga; }
  html.mx-yeni .mx-panel-bas::before { display: none; }
}

/* --- Mobil alt sepet çubuğu --- */
html.mx-yeni .mx-alt { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1500; display: flex; align-items: center; gap: 12px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97); backdrop-filter: blur(10px); border-top: 1px solid #ebeded; box-shadow: 0 -6px 24px rgba(0,0,0,.08); transform: translateY(110%); transition: transform .3s cubic-bezier(.2,.7,.2,1); }
html.mx-yeni .mx-alt.acik { transform: none; }
html.mx-yeni .mx-alt-fiyat { flex: 1 1 auto; min-width: 0; line-height: 1.2; }
html.mx-yeni .mx-alt-fiyat small { display: block; font-size: 11.5px; color: #7b8285; font-weight: 500; }
html.mx-yeni .mx-alt-fiyat strong { display: block; font: 700 18px var(--mx-font); color: #1f2427; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.mx-yeni .mx-alt button { flex: 0 0 auto; height: 50px; padding: 0 22px; border: 0; border-radius: 14px; background: #1f2427; color: #fff; font: 700 15px var(--mx-font); cursor: pointer; }
html.mx-alt-cubuk .maritsa-round-support { bottom: 86px !important; transition: bottom .3s ease; }
@media (min-width: 768px) {
  html.mx-yeni .mx-alt { display: none; }
}