/*
 * ========================================================================
 * DEKOHOP - HESAP, GIRIS, KAYIT VE IZIN SAYFALARI (MASAUSTU ADAYI)
 * ========================================================================
 *
 * ETKI ALANI
 * - Hesap ana sayfasi
 * - Kullanici girisi
 * - Parolami unuttum ve yeni parola belirleme
 * - Musteri kaydi
 * - E-bulten tercihi
 * - Bu sayfalardaki sag hesap menusu
 *
 * ETKILEMEZ
 * - Header, ana menu, kategori, urun karti, sepet ve odeme sayfalari
 * - Sozlesme metni, zorunluluk kurali, IP/cihaz kaydi veya SHA-256 kaniti
 * - Mobil/tablet gorunumu (mobil turu daha sonra ayri yapilacaktir)
 *
 * KULLANIM
 * Yalniz asagidaki :root alaninda, ':' isaretinden sonraki degeri degistirin.
 * Degisken adini ve satir sonundaki ';' isaretini silmeyin.
 */

/* DEKOHOP-EDITABLE-SETTINGS-START */
:root {
  /* 01 - SAYFA VE ANA KART */
  --dekohop-account-main-menu-gap: 14px; /* Ana menu ile giris/parola karti arasindaki kompakt dikey bosluk */
  --dekohop-account-recovery-main-menu-gap: 14px; /* Ana menu ile Parolami Unuttum/Yeni Parola karti arasindaki kompakt bosluk */
  --dekohop-account-page-bottom-space: 28px; /* Sayfanin footer oncesi kompakt boslugu */
  --dekohop-account-content-background: #ffffff; /* Hesap ana kart zemini */
  --dekohop-account-card-background: #ffffff; /* Giris ve form kart zemini */
  --dekohop-account-card-soft-background: #f4f6ff; /* Yeni musteri ve yardimci alan zemini */
  --dekohop-account-login-card-background: linear-gradient(135deg, #f7f8ff 0%, #ffffff 52%, #ffffff 100%); /* Yeni hesap ve girisi tek yuzeyde birlestiren kart zemini */
  --dekohop-account-login-window-header-background: #e8f0f3; /* Kartin tamamini kapsayan tek Kullanici Girisi pencere basligi zemini */
  --dekohop-account-login-window-header-color: #263940; /* Tek Kullanici Girisi pencere basliginin yazi rengi */
  --dekohop-account-login-window-header-border-color: #cbd9de; /* Renkli baslik satirinin alt ayirici rengi */
  --dekohop-account-login-window-header-padding-y: 8px; /* Renkli baslik satirinin ust-alt kompakt ic boslugu */
  --dekohop-account-login-divider-color: #e1e5f2; /* Tek giris kartinda yeni hesap ile giris arasindaki ince ayirici */
  --dekohop-account-login-divider-width: 1px; /* Tek giris kartindaki dikey ayirici kalinligi; 0px ayiriciyi kapatir */
  --dekohop-account-register-panel-ratio: 1.5; /* Sol Yeni Musteri bolumunun yatay payi; onceki 1 degerine gore yuzde 50 buyutuldu */
  --dekohop-account-login-panel-ratio: 2; /* Sag Kullanici Girisi bolumunun yatay payi; 2 degeri sol bolumun iki kati genislik verir */
  --dekohop-account-login-card-min-height: 0px; /* Giris kartinda gereksiz dikey uzamayi kapatir; gerekirse artirilabilir */
  --dekohop-account-login-card-padding: 14px; /* Giris kartinin kompakt ic boslugu */
  --dekohop-account-login-form-max-width: 280px; /* E-posta ve parola kutularinin kompakt azami genisligi */
  --dekohop-account-login-field-height: 42px; /* Yalniz giris sayfasindaki e-posta ve parola kutularinin yuksekligi */
  --dekohop-account-register-description-max-width: 220px; /* Genisletilen sol kayit bolumunde metnin ortali ve duzgun satirlanacagi genislik */
  --dekohop-account-recovery-background: linear-gradient(145deg, #ffffff 0%, #f7f8ff 100%); /* Parola yenileme kart zemini */
  --dekohop-account-card-border-color: #d9def0; /* Kart kenar rengi */
  --dekohop-account-card-hover-border-color: #bdc7e6; /* Kart hover kenar rengi */
  --dekohop-account-card-border-width: 1px; /* Kart kenar kalinligi */
  --dekohop-account-card-radius: 8px; /* Buyuk kartin sade, az yuvarlatilmis kosesi */
  --dekohop-account-card-padding: 18px; /* Buyuk kart kompakt ic boslugu */
  --dekohop-account-card-shadow: 0 6px 18px rgba(51, 63, 112, 0.07); /* Sade kart golgesi */
  --dekohop-account-card-hover-shadow: 0 8px 22px rgba(51, 63, 112, 0.10); /* Sade hover golgesi */

  /* 02 - BASLIK VE METIN */
  --dekohop-account-title-color: #202638; /* Ana baslik rengi */
  --dekohop-account-title-size: 2rem; /* Ana baslik puntosu */
  --dekohop-account-section-title-size: 1.35rem; /* Bolum basligi puntosu */
  --dekohop-account-main-section-title-size: calc(var(--dekohop-account-section-title-size) + 1pt); /* Hesabim ana ekranindaki Hesabim, Siparislerim, Satis Ortakligi Hesabim ve Bulten Aboneliklerim basliklari; ortak bolum basligindan tam 1 punto buyuktur */
  --dekohop-account-text-color: #4e5568; /* Aciklama metni rengi */
  --dekohop-account-muted-color: #7d8497; /* Ikincil metin rengi */
  --dekohop-account-link-color: #425aa5; /* Metin baglantisi rengi */
  --dekohop-account-link-hover-color: #2f4389; /* Metin baglantisi hover rengi */
  --dekohop-account-body-font-size: var(--dekohop-main-menu-font-size, 1.45rem); /* Form, aciklama, Parolami Unuttum ve buton yazilari; ana menu puntosunu izler */
  --dekohop-account-login-title-size: 18px; /* Kartin ustundeki tek Kullanici Girisi baslik puntosu */
  --dekohop-account-login-description-size: 14px; /* Yeni hesap aciklama metni puntosu */
  --dekohop-account-register-description-offset-y: -21px; /* Alisveris deneyiminizi metnini dikey merkezden bir satir yukari tasir; 0px varsayilan merkezdir */
  --dekohop-account-login-label-size: 15px; /* E-posta ve parola baslik puntosu */
  --dekohop-account-login-button-size: 16px; /* Devam Et ve Giris Yap dugme yazisi puntosu */
  --dekohop-account-login-button-height: 36px; /* Kayit Ol ve Giris Yap dugmelerinin kisaltilmis dikey boyu */
  --dekohop-account-login-button-vertical-space: 5px; /* Giris sayfasindaki iki dugmenin ust-alt ic boslugu */
  --dekohop-account-login-button-horizontal-space: 12px; /* Giris sayfasindaki iki dugmenin yaziyi degistirmeden kisaltilan sag-sol ic boslugu */
  --dekohop-account-login-content-gap: 8px; /* Giris kartindaki aciklama ve form satirlari arasindaki kompakt bosluk */
  --dekohop-account-recovery-description-gap: 12px; /* Parola aciklamasi ile form alani arasindaki dikey bosluk */
  --dekohop-account-recovery-button-gap: 16px; /* Parola alani ile esit genislikteki dugmeler arasindaki dikey bosluk */
  --dekohop-account-login-content-max-width: 560px; /* Tek giris kartinin toplam kompakt genisligi; sol 1 pay, sag 2 paydir */
  --dekohop-account-recovery-content-max-width: 600px; /* Parola kurtarma ve yeni parola kartinin kompakt azami genisligi */
  --dekohop-account-recovery-description-max-width: 500px; /* Parola aciklamasini birbirine yakin uzunlukta dengeli satirlara bolen azami genislik */
  --dekohop-account-recovery-field-max-width: 520px; /* Parola sayfasindaki e-posta/parola alaninin azami genisligi */
  --dekohop-account-recovery-card-padding: 22px; /* Parola yenileme kartinin kompakt ic boslugu */
  --dekohop-account-recovery-content-vertical-alignment: center; /* Parola kartindaki tum baslik, aciklama, form ve dugme grubunu kart yuksekliginde dikey ortalar */
  --dekohop-account-recovery-content-horizontal-alignment: center; /* Parola kartindaki tum metin, alan ve dugme grubunu yatay ortalar */

  /* 03 - FORM ALANLARI */
  --dekohop-account-field-height: 42px; /* Input ve select kompakt yuksekligi */
  --dekohop-account-field-background: #ffffff; /* Input zemini */
  --dekohop-account-field-border-color: #d5daeb; /* Input kenar rengi */
  --dekohop-account-field-focus-border-color: #8fa2dc; /* Secili input kenari */
  --dekohop-account-field-focus-background: #fcfcff; /* Secili input zemini */
  --dekohop-account-field-focus-shadow: 0 0 0 4px rgba(88, 111, 186, 0.14); /* Secili input halkasi */
  --dekohop-account-field-radius: 6px; /* Inputun sade, az yuvarlatilmis kosesi */
  --dekohop-account-field-label-width: 150px; /* Kayit formu kompakt etiket sutunu */
  --dekohop-account-form-row-gap: 9px; /* Form satirlari arasi kompakt bosluk */
  --dekohop-account-register-content-max-width: 680px; /* Kayit kartinin okunakli kompakt azami genisligi */
  --dekohop-account-register-header-offset: 10px; /* Kayit sayfasinin ana menuden tam 10px daha asagida baslamasi */
  --dekohop-account-register-action-gap: 12px; /* Kayit Ol ve Kurumsal Kayit Ol dugmeleri arasi bosluk */
  --dekohop-account-register-primary-width: 140px; /* Kayit Ol dugmesinin kompakt genisligi */
  --dekohop-account-register-corporate-width: 190px; /* Kurumsal Kayit Ol dugmesinin kompakt genisligi */

  /* 04 - BUTONLAR */
  --dekohop-account-primary-background: #3d4f8f; /* Ana buton zemini */
  --dekohop-account-primary-color: #ffffff; /* Ana buton yazisi */
  --dekohop-account-primary-hover-background: #5064aa; /* Ana buton hover zemini */
  --dekohop-account-secondary-background: #eef1fa; /* Ikincil buton zemini */
  --dekohop-account-secondary-color: #334477; /* Ikincil buton yazisi */
  --dekohop-account-button-radius: 7px; /* Butonun sade, az yuvarlatilmis kosesi */
  --dekohop-account-button-height: 40px; /* Buton kompakt yuksekligi */
  --dekohop-account-button-horizontal-space: 18px; /* Buton sag-sol kompakt boslugu */
  --dekohop-account-recovery-button-width: 132px; /* Parola sayfasindaki Geri ve Devam Et dugmelerinin esit genisligi */

  /* 04A - PAROLAMI UNUTTUM KARTINI GIRIS SAYFASIYLA ESLESTIRME */
  --dekohop-account-forgotten-content-max-width: 560px; /* Parolami Unuttum kartinin giris kartiyla ayni kompakt azami genisligi */
  --dekohop-account-forgotten-card-padding: 14px; /* Parolami Unuttum kartinin kompakt ic boslugu */
  --dekohop-account-forgotten-description-max-width: 440px; /* Aciklamayi dengeli iki satirda tutan azami genislik */
  --dekohop-account-forgotten-field-max-width: 280px; /* E-posta alaninin giris sayfasiyla ayni kompakt genisligi */
  --dekohop-account-forgotten-button-width: 112px; /* Geri ve Devam Et dugmelerinin esit kompakt genisligi */
  --dekohop-account-forgotten-content-gap: 12px; /* Aciklama, e-posta ve dugmeler arasindaki kompakt dikey bosluk */
  --dekohop-account-forgotten-header-height: 54px; /* Parolami Unuttum basligini kartin ust satirinda dikey ortalayan yukseklik */

  /* 05 - HESAP ISLEM KARTLARI */
  --dekohop-account-action-background: #f2f4fa; /* Hesap islemi kart zemini; secili degilken soft ama belirgin */
  --dekohop-account-action-hover-background: #eef1fb; /* Hesap islemi hover zemini */
  --dekohop-account-action-border-color: #dfe3f1; /* Hesap islemi kenari */
  --dekohop-account-action-radius: 7px; /* Hesap islemi sade kose yuvarlama */
  --dekohop-account-action-min-height: 44px; /* Hesap islemi kompakt asgari yukseklik */
  --dekohop-account-action-gap: 8px; /* Hesap islemleri arasi kompakt bosluk */

  /* 06 - SAG HESAP MENUSU */
  --dekohop-account-menu-background: #fbfbfe; /* Sag menu kart zemini */
  --dekohop-account-menu-border-color: #dce1ef; /* Sag menu kenari */
  --dekohop-account-menu-item-color: #4a5267; /* Sag menu yazisi */
  --dekohop-account-menu-item-hover-background: #edf0fa; /* Sag menu hover zemini */
  --dekohop-account-menu-item-active-background: #e1e6f6; /* Acik sayfa menu zemini */
  --dekohop-account-menu-item-active-color: #2f407c; /* Acik sayfa menu yazisi */
  --dekohop-account-menu-radius: 8px; /* Sag menu kartinin sade kose yuvarlamasi */
  --dekohop-account-menu-item-radius: 5px; /* Sag menu satirinin sade kose yuvarlamasi */
  --dekohop-account-menu-gap: 3px; /* Sag menu satirlari arasi kompakt bosluk */

  /* 06A - GIRIS YAPILMIS HESAP SAYFALARI ORTAK MASAUSTU DUZENI */
  --dekohop-account-logged-main-menu-gap: 14px; /* Ana menu ile hesap icerigi arasindaki kompakt dikey bosluk */
  --dekohop-account-logged-layout-max-width: 1060px; /* Icerik karti ve sag menu dahil toplam azami genislik */
  --dekohop-account-logged-column-gap: 14px; /* Ana icerik ile sag hesap menusu arasindaki kompakt bosluk */
  --dekohop-account-logged-sidebar-width: 230px; /* Sag hesap menusu kompakt genisligi */
  --dekohop-account-logged-sidebar-sticky-top: 18px; /* Sayfa kayarken sag menunun ustten sabit mesafesi */
  --dekohop-account-logged-content-background: #ffffff; /* Tum hesap alt sayfalarinin ana kart zemini */
  --dekohop-account-logged-content-border-color: #dce1ef; /* Tum hesap alt sayfalarinin ana kart kenari */
  --dekohop-account-logged-content-radius: 8px; /* Tum hesap alt sayfalarinin sade kose yuvarlamasi */
  --dekohop-account-logged-content-shadow: 0 6px 18px rgba(51, 63, 112, 0.07); /* Tum hesap alt sayfalarinin sade golgesi */
  --dekohop-account-logged-content-padding: 18px; /* Tum hesap alt sayfalarinin kompakt ic boslugu */
  --dekohop-account-logged-title-size: 1.75rem; /* Hesap alt sayfasi ana baslik puntosu */
  --dekohop-account-logged-section-title-size: 1.25rem; /* Form ve tablo bolum basligi puntosu */
  --dekohop-account-logged-form-max-width: 640px; /* Profil, parola, adres ve izin formlarinin azami genisligi */
  --dekohop-account-logged-form-label-width: 150px; /* Formlardaki sol etiket sutunu genisligi */
  --dekohop-account-logged-field-height: 44px; /* Giris yapilmis hesap formlarindaki alan yuksekligi */
  --dekohop-account-logged-form-row-gap: 9px; /* Form satirlari arasindaki kompakt dikey bosluk */
  --dekohop-account-logged-button-height: 38px; /* Hesap alt sayfalarindaki kompakt ana dugme yuksekligi */
  --dekohop-account-logged-button-min-width: 112px; /* Geri, Devam Et ve benzeri dugmelerin asgari genisligi */
  --dekohop-account-logged-button-gap: 10px; /* Yan yana hesap dugmeleri arasindaki bosluk */
  --dekohop-account-logged-empty-background: #f8faf9; /* Bos siparis/adres/islem bilgilendirme zemini */
  --dekohop-account-logged-empty-min-height: 72px; /* Bos sonuc bilgilendirmesinin asgari yuksekligi */
  --dekohop-account-logged-table-header-background: #eef4f2; /* Hesap tablolarinin baslik zemini */
  --dekohop-account-logged-table-hover-background: #f8fbfa; /* Hesap tablosu satir hover zemini */
  --dekohop-account-logged-table-border-color: #dce5e1; /* Hesap tablolarinin kenar ve ayirici rengi */
  --dekohop-account-logged-table-radius: 7px; /* Hesap tablolarinin sade kose yuvarlamasi */
  --dekohop-account-logged-table-cell-padding: 9px; /* Hesap tablosu kompakt hucre ic boslugu */
  --dekohop-account-logged-wishlist-image-size: 78px; /* Favoriler tablosundaki urun gorseli azami boyutu */
  --dekohop-account-product-image-size: 72px; /* Siparis ve iade satirlarindaki urun gorselinin masaustu boyutu */
  --dekohop-account-product-image-radius: 6px; /* Siparis ve iade urun gorsellerinin sade kose yuvarlamasi */
  --dekohop-account-product-cell-gap: 12px; /* Urun gorseli ile tiklanabilir urun adi arasindaki bosluk */
  --dekohop-account-product-preview-size: 300px; /* Urun gorseline gelince acilan yuksek cozunurluklu buyuk onizleme boyutu */
  --dekohop-account-product-preview-gap: 14px; /* Buyuk onizleme ile kucuk urun gorseli arasindaki bosluk */
  --dekohop-account-product-preview-viewport-space: 16px; /* Buyuk onizlemenin ekran kenarlarina en az uzakligi */
  --dekohop-account-product-preview-radius: 8px; /* Buyuk urun onizlemesinin sade kose yuvarlamasi */
  --dekohop-account-product-preview-border-color: #cfd9d5; /* Buyuk urun onizlemesinin kenar rengi */
  --dekohop-account-product-preview-background: #ffffff; /* Seffaf urun gorsellerinin arkasindaki zemin */
  --dekohop-account-product-preview-shadow: 0 18px 46px rgba(34, 48, 43, 0.24); /* Buyuk urun onizlemesinin golgesi */
  --dekohop-account-product-preview-layer: 2900; /* Hesap iceriginin ustunde; ana menu, arama, sepet ve kullanici acilirlarinin altinda kalir */
  --dekohop-account-product-name-color: #243f35; /* Siparis, iade ve favorilerdeki tiklanabilir urun adi rengi */
  --dekohop-account-product-name-hover-color: #a83f4a; /* Urun adinin uzerine gelindigindeki rengi */
  --dekohop-account-order-detail-card-radius: var(--dekohop-account-logged-table-radius); /* Siparisi Goruntule sayfasindaki Siparis Ayrintilari, adresler, urunler ve Siparis Gecmisi kartlarinin kose yuvarlamasi */
  --dekohop-account-return-detail-card-radius: var(--dekohop-account-logged-table-radius); /* Iadeyi Goruntule sayfasindaki iade bilgisi ve urun kartlarinin kose yuvarlamasi */
  --dekohop-account-return-success-title-size: 1.35rem; /* Iade talebi basari sayfasindaki Urun Iadeleri baslik puntosu */
  --dekohop-account-return-success-top-gap: var(--dekohop-account-logged-main-menu-gap); /* Iade basari karti diger Hesabim sayfalariyla ayni ust hizada baslar */
  --dekohop-account-return-success-text-max-width: 760px; /* Iade basari aciklamalarinin azami satir genisligi */
  --dekohop-account-return-success-button-width: 112px; /* Iade basari sayfasindaki Devam Et dugmesinin genisligi */
  --dekohop-account-return-success-content-gap: 12px; /* Iade basari sayfasindaki baslik, aciklama ve dugme araligi */
  --dekohop-account-logout-title-size: 1.6rem; /* Hesap Cikisi baslik puntosu */
  --dekohop-account-logout-top-gap: var(--dekohop-account-logged-main-menu-gap); /* Cikis karti diger Hesabim sayfalariyla ayni ust hizada baslar */
  --dekohop-account-logout-text-max-width: 700px; /* Cikis aciklamalarinin azami satir genisligi */
  --dekohop-account-logout-button-width: 112px; /* Cikis sayfasindaki Devam Et dugmesinin genisligi */
  --dekohop-account-logout-content-gap: 12px; /* Cikis basligi, aciklamalar ve dugme arasindaki bosluk */
  --dekohop-account-barcode-background: #f2f7f5; /* Tiklaninca kopyalanan barkod dugmesinin zemini */
  --dekohop-account-barcode-border-color: #cdded7; /* Barkod dugmesinin kenar rengi */
  --dekohop-account-barcode-color: #243f35; /* Barkod degeri yazi rengi */
  --dekohop-account-barcode-copied-background: #dff2e9; /* Barkod kopyalandiginda kisa sure gorunen zemin */
  --dekohop-account-barcode-radius: 6px; /* Barkod dugmesinin sade kose yuvarlamasi */
  --dekohop-account-order-action-size: 31px; /* Goz, yeniden sepete ekle ve iade simgelerinin yuzde 15 kucultulmus dugme boyutu */
  --dekohop-account-contracts-background: #f8faf9; /* Gelecek sozlesme eklentisi icin ayrilan alanin zemini */
  --dekohop-account-logged-breadcrumb-display: none; /* none: yol agacini gizler; flex: yeniden gosterir */
  --dekohop-account-main-action-width: 255px; /* Sol ana karttaki tum islem dugmeleri; en uzun mevcut metne gore ortak genislik */
  --dekohop-account-main-panel-padding: 18px; /* Daraltilmis sol ana kartin kompakt ic boslugu */
  --dekohop-account-side-panel-width: 230px; /* Sag hesap menusu kompakt genisligi */
  --dekohop-account-panels-gap: 14px; /* Sol ana kart ile sag hesap menusu arasindaki kompakt bosluk */

  /* 07 - BREADCRUMB VE UYARILAR */
  --dekohop-account-breadcrumb-background: #f6f7fc; /* Yol cubugu zemini */
  --dekohop-account-breadcrumb-border-color: #e1e4f0; /* Yol cubugu kenari */
  --dekohop-account-breadcrumb-display: none; /* none: girisli ve girissiz tum hesap sayfalarinda yol agacini gizler */
  --dekohop-account-breadcrumb-radius: 7px; /* Yol cubugu yeniden acilirsa sade kose yuvarlama */
  --dekohop-account-alert-radius: 7px; /* Basari/hata kutusu sade kose yuvarlama */

  /* 08 - GELECEK SOZLESME VE IZIN EKLENTISI GORSEL ALANLARI */
  --dekohop-consent-card-background: #f8f9fd; /* Sozlesme/izin kart zemini */
  --dekohop-consent-card-border-color: #dce1ef; /* Sozlesme/izin kart kenari */
  --dekohop-consent-card-radius: 7px; /* Sozlesme/izin kartinin sade kose yuvarlamasi */
  --dekohop-consent-card-padding: 18px; /* Dinamik sozlesme/bulten kartinin ic boslugu */
  --dekohop-consent-card-gap: 12px; /* Dinamik durum, gecmis ve islem alanlari arasindaki bosluk */
  --dekohop-consent-required-color: #b43c47; /* Zorunlu izin isaret rengi */
  --dekohop-consent-optional-color: #526aa8; /* Istege bagli izin isaret rengi */
  --dekohop-consent-history-background: #f4f5fa; /* Kabul gecmisi satir zemini */
  --dekohop-consent-active-background: #e7f5ee; /* Etkin bulten/izin durumunun zemini */
  --dekohop-consent-active-color: #1d684d; /* Etkin bulten/izin durumunun yazisi */
  --dekohop-consent-revoked-background: #f8ecee; /* Geri alinmis/kapali izin durumunun zemini */
  --dekohop-consent-revoked-color: #91414a; /* Geri alinmis/kapali izin durumunun yazisi */
  --dekohop-consent-channel-background: #ffffff; /* E-posta, SMS ve WhatsApp kanal karti zemini */
  --dekohop-consent-channel-border-color: #dce1e7; /* Kanal karti kenar rengi */
  --dekohop-consent-channel-date-color: #667085; /* Son katilim/cikis tarih yazisi */
}
/* DEKOHOP-EDITABLE-SETTINGS-END */

/* DEKOHOP-COMMON-DESKTOP-RULES-START */

/* 01 - HESAP AILESININ ORTAK SAYFA DUZENI */
#account-login,
#account-forgotten,
#account-reset,
#account-register,
#account-account,
#account-newsletter {
  padding-bottom: var(--dekohop-account-page-bottom-space);
  color: var(--dekohop-account-text-color);
}

#account-login > .breadcrumb,
#account-forgotten > .breadcrumb,
#account-reset > .breadcrumb,
#account-register > .breadcrumb,
#account-account > .breadcrumb,
#account-newsletter > .breadcrumb {
  display: var(--dekohop-account-breadcrumb-display);
  align-items: center;
  width: max-content;
  margin: 4px auto 20px;
  padding: 8px 14px;
  border: 1px solid var(--dekohop-account-breadcrumb-border-color);
  border-radius: var(--dekohop-account-breadcrumb-radius);
  background: var(--dekohop-account-breadcrumb-background);
}

#account-login h1,
#account-forgotten h1,
#account-reset h1,
#account-register h1,
#account-account h1,
#account-newsletter h1 {
  margin: 0 0 14px;
  color: var(--dekohop-account-title-color);
  font-size: var(--dekohop-account-title-size);
  font-weight: 650;
  line-height: 1.25;
  text-align: center;
}

#account-login h2,
#account-forgotten legend,
#account-reset legend,
#account-register legend,
#account-account h2,
#account-newsletter legend {
  color: var(--dekohop-account-title-color);
  font-size: var(--dekohop-account-section-title-size);
  font-weight: 650;
  text-align: center;
}

#account-login .alert,
#account-forgotten .alert,
#account-reset .alert,
#account-register .alert,
#account-account .alert,
#account-newsletter .alert {
  border-radius: var(--dekohop-account-alert-radius);
  text-align: center;
}

/* 02 - GIRIS SAYFASI: YENI MUSTERI + KULLANICI GIRISI */
#account-login > .row > #column-right,
#account-forgotten > .row > #column-right,
#account-reset > .row > #column-right {
  display: none !important;
}

#account-login > .row,
#account-forgotten > .row,
#account-reset > .row {
  margin-top: var(--dekohop-account-main-menu-gap);
}

#account-forgotten > .row,
#account-reset > .row {
  margin-top: var(--dekohop-account-recovery-main-menu-gap);
}

#account-login > .row > #content,
#account-forgotten > .row > #content,
#account-reset > .row > #content {
  float: none;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

#account-login > .row > #content {
  max-width: var(--dekohop-account-login-content-max-width);
}

#account-login #content > .row {
  display: block;
  margin-right: 0;
  margin-left: 0;
  gap: 0;
  overflow: hidden;
  border: var(--dekohop-account-card-border-width) solid var(--dekohop-account-card-border-color);
  border-radius: var(--dekohop-account-card-radius);
  background: var(--dekohop-account-login-card-background);
  box-shadow: var(--dekohop-account-card-shadow);
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

#account-login #content > .row:hover {
  border-color: var(--dekohop-account-card-hover-border-color);
  box-shadow: var(--dekohop-account-card-hover-shadow);
}

#account-login .dekohop-account-login__body {
  display: flex;
  width: 100%;
  align-items: stretch;
}

#account-login .dekohop-account-login__body > [class*="col-sm-"] {
  float: none;
  width: auto;
  min-width: 0;
  padding: 0;
  flex: 1 1 0;
}

#account-login .dekohop-account-login__body > .dekohop-account-login__panel--register {
  flex: var(--dekohop-account-register-panel-ratio) 1 0;
}

#account-login .dekohop-account-login__body > .dekohop-account-login__panel--returning {
  flex: var(--dekohop-account-login-panel-ratio) 1 0;
}

#account-login .dekohop-account-login__window-title {
  width: 100%;
  margin: 0;
  padding: var(--dekohop-account-login-window-header-padding-y) var(--dekohop-account-login-card-padding);
  border-bottom: 1px solid var(--dekohop-account-login-window-header-border-color);
  background: var(--dekohop-account-login-window-header-background);
  color: var(--dekohop-account-login-window-header-color);
  font-size: var(--dekohop-account-login-title-size);
  line-height: 1.25;
  text-align: center;
}

#account-login .well {
  display: flex;
  height: 100%;
  min-height: var(--dekohop-account-login-card-min-height);
  margin: 0;
  padding: var(--dekohop-account-login-card-padding);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: none;
}

#account-login .dekohop-account-login__body > .dekohop-account-login__panel--register .well {
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  background: transparent;
}

#account-login .dekohop-account-login__body > div + div {
  border-left: var(--dekohop-account-login-divider-width) solid var(--dekohop-account-login-divider-color);
}

#account-login .well p {
  color: var(--dekohop-account-text-color);
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

#account-login .well .dekohop-account-login__description {
  width: 100%;
  max-width: var(--dekohop-account-register-description-max-width);
  margin: 0;
  font-size: var(--dekohop-account-login-description-size);
  grid-row: 2;
  justify-self: center;
  transform: translateY(var(--dekohop-account-register-description-offset-y));
}

#account-login .dekohop-account-login__body > .dekohop-account-login__panel--register .well .btn {
  margin-top: 0;
  grid-row: 3;
  justify-self: center;
  align-self: end;
}

#account-login .well form {
  display: flex;
  width: 100%;
  max-width: var(--dekohop-account-login-form-max-width);
  height: auto;
  margin-right: auto;
  margin-left: auto;
  flex: 1 1 auto;
  flex-direction: column;
}

#account-login .well form > .btn {
  margin-top: auto;
  align-self: center;
}

#account-login .well .form-group {
  margin-bottom: var(--dekohop-account-login-content-gap);
  text-align: center;
}

#account-login .well .form-control {
  height: var(--dekohop-account-login-field-height);
  text-align: left;
}

#account-login .well .form-group a {
  display: inline-block;
  margin-top: 9px;
  color: var(--dekohop-account-link-color);
  font-size: var(--dekohop-account-body-font-size);
}

#account-login .well label {
  font-size: var(--dekohop-account-login-label-size);
}

#account-login .well .btn {
  min-height: var(--dekohop-account-login-button-height);
  padding-top: var(--dekohop-account-login-button-vertical-space);
  padding-bottom: var(--dekohop-account-login-button-vertical-space);
  font-size: var(--dekohop-account-login-button-size);
  padding-right: var(--dekohop-account-login-button-horizontal-space);
  padding-left: var(--dekohop-account-login-button-horizontal-space);
}

/* 02B - PAROLA KURTARMA VE YENI PAROLA SAYFALARI */
#account-login > .breadcrumb,
#account-forgotten > .breadcrumb,
#account-reset > .breadcrumb {
  display: none;
}

#account-forgotten > .row > #content,
#account-reset > .row > #content {
  display: flex;
  max-width: var(--dekohop-account-recovery-content-max-width);
  padding: var(--dekohop-account-recovery-card-padding);
  border: var(--dekohop-account-card-border-width) solid var(--dekohop-account-card-border-color);
  border-radius: var(--dekohop-account-card-radius);
  background: var(--dekohop-account-recovery-background);
  box-shadow: var(--dekohop-account-card-shadow);
  flex-direction: column;
  align-items: stretch;
  justify-content: var(--dekohop-account-recovery-content-vertical-alignment);
  text-align: var(--dekohop-account-recovery-content-horizontal-alignment);
}

#account-forgotten #content > p,
#account-reset #content > p,
#account-forgotten label,
#account-reset label,
#account-forgotten .btn,
#account-reset .btn {
  font-size: var(--dekohop-account-body-font-size);
}

#account-forgotten #content > p,
#account-reset #content > p {
  width: 100%;
  max-width: var(--dekohop-account-recovery-description-max-width);
  margin: 0 auto var(--dekohop-account-recovery-description-gap);
  color: var(--dekohop-account-text-color);
  line-height: 1.65;
  white-space: normal;
  text-wrap: balance;
}

#account-forgotten fieldset,
#account-reset fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

#account-forgotten legend,
#account-reset legend {
  width: 100%;
  margin: 0 0 18px;
  padding: 0 0 10px;
  border: 0;
  border-bottom: 1px solid var(--dekohop-account-card-border-color);
  line-height: 1.35;
}

#account-forgotten legend {
  display: none;
}

#account-forgotten .form-horizontal .form-group,
#account-reset .form-horizontal .form-group {
  display: block;
  margin: 0 0 var(--dekohop-account-form-row-gap);
}

#account-forgotten .form-horizontal .control-label,
#account-reset .form-horizontal .control-label {
  display: block;
  float: none;
  width: 100%;
  margin: 0 0 9px;
  padding: 0;
  color: var(--dekohop-account-title-color);
  text-align: var(--dekohop-account-recovery-content-horizontal-alignment);
}

#account-forgotten .form-horizontal .col-sm-10,
#account-reset .form-horizontal .col-sm-10 {
  float: none;
  width: 100%;
  max-width: var(--dekohop-account-recovery-field-max-width);
  min-width: 0;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

#account-forgotten .buttons,
#account-reset .buttons {
  display: flex;
  margin: var(--dekohop-account-recovery-button-gap) 0 0;
  padding: 0;
  border-top: 0;
  align-items: center;
  justify-content: var(--dekohop-account-recovery-content-horizontal-alignment);
  gap: 12px;
}

#account-forgotten .buttons .pull-left,
#account-forgotten .buttons .pull-right,
#account-reset .buttons .pull-left,
#account-reset .buttons .pull-right {
  float: none !important;
}

#account-forgotten .buttons .btn,
#account-reset .buttons .btn {
  display: inline-flex;
  width: var(--dekohop-account-recovery-button-width);
  align-items: center;
  justify-content: center;
}

/* 02C - YALNIZ PAROLAMI UNUTTUM SAYFASININ GIRIS KARTIYLA UYUMLU KOMPAKT PROFILI */
#account-forgotten > .row > #content {
  max-width: var(--dekohop-account-forgotten-content-max-width);
  min-height: 0;
  padding: var(--dekohop-account-forgotten-card-padding);
  background: var(--dekohop-account-login-card-background);
  justify-content: flex-start;
}

#account-forgotten #content > h1 {
  display: flex;
  width: calc(100% + (var(--dekohop-account-forgotten-card-padding) * 2));
  min-height: var(--dekohop-account-forgotten-header-height);
  margin: calc(var(--dekohop-account-forgotten-card-padding) * -1) calc(var(--dekohop-account-forgotten-card-padding) * -1) var(--dekohop-account-forgotten-content-gap);
  padding: var(--dekohop-account-login-window-header-padding-y) var(--dekohop-account-forgotten-card-padding);
  border-bottom: 1px solid var(--dekohop-account-login-window-header-border-color);
  border-radius: calc(var(--dekohop-account-card-radius) - var(--dekohop-account-card-border-width)) calc(var(--dekohop-account-card-radius) - var(--dekohop-account-card-border-width)) 0 0;
  background: var(--dekohop-account-login-window-header-background);
  color: var(--dekohop-account-login-window-header-color);
  font-size: var(--dekohop-account-login-title-size);
  line-height: 1.25;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#account-forgotten #content > p {
  max-width: var(--dekohop-account-forgotten-description-max-width);
  margin-bottom: var(--dekohop-account-forgotten-content-gap);
  line-height: 1.5;
}

#account-forgotten .form-horizontal .form-group {
  margin-bottom: var(--dekohop-account-forgotten-content-gap);
}

#account-forgotten .form-horizontal .col-sm-10 {
  max-width: var(--dekohop-account-forgotten-field-max-width);
}

#account-forgotten .form-control {
  height: var(--dekohop-account-login-field-height);
}

#account-forgotten .buttons {
  margin-top: var(--dekohop-account-forgotten-content-gap);
}

#account-forgotten .buttons .btn {
  width: var(--dekohop-account-forgotten-button-width);
  min-height: var(--dekohop-account-login-button-height);
  padding-top: var(--dekohop-account-login-button-vertical-space);
  padding-bottom: var(--dekohop-account-login-button-vertical-space);
  font-size: var(--dekohop-account-login-button-size);
}

/* 03 - KAYIT VE E-BULTEN FORM KARTLARI */
#account-register > .row {
  margin-top: var(--dekohop-account-register-header-offset);
}

#account-register > .row > #column-right {
  display: none !important;
}

#account-register > .row > #content {
  float: none;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

#account-register #content > form,
#account-newsletter #content > form {
  padding: var(--dekohop-account-card-padding);
  border: var(--dekohop-account-card-border-width) solid var(--dekohop-account-card-border-color);
  border-radius: var(--dekohop-account-card-radius);
  background: var(--dekohop-account-card-background);
  box-shadow: var(--dekohop-account-card-shadow);
}

#account-register #content > form {
  width: 100%;
  max-width: var(--dekohop-account-register-content-max-width);
  margin-right: auto;
  margin-left: auto;
}

#account-register #content > p {
  width: 100%;
  max-width: var(--dekohop-account-register-content-max-width);
  margin: 0 auto 10px;
  color: var(--dekohop-account-muted-color);
  text-align: center;
}

#account-register fieldset,
#account-newsletter fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

#account-register fieldset + fieldset {
  margin-top: 14px;
}

#account-register legend,
#account-newsletter legend {
  width: 100%;
  margin: 0 0 10px;
  padding: 0 0 8px;
  border: 0;
  border-bottom: 1px solid var(--dekohop-account-card-border-color);
  line-height: 1.35;
}

#account-register .form-horizontal .form-group,
#account-newsletter .form-horizontal .form-group {
  display: grid;
  align-items: center;
  margin: 0 0 var(--dekohop-account-form-row-gap);
  grid-template-columns: var(--dekohop-account-field-label-width) minmax(0, 1fr);
  gap: 14px;
}

/* Bootstrap clearfix pseudo-elemanlari grid icinde fazladan iki hucre olusturur.
 * Kapatilmazsa etiket ve alanlar farkli satirlara duser. */
#account-register .form-horizontal .form-group::before,
#account-register .form-horizontal .form-group::after,
#account-newsletter .form-horizontal .form-group::before,
#account-newsletter .form-horizontal .form-group::after {
  display: none;
  content: none;
}

#account-register .form-horizontal .control-label,
#account-newsletter .form-horizontal .control-label {
  float: none;
  width: auto;
  padding: 0;
  color: var(--dekohop-account-title-color);
  text-align: left;
}

#account-register .form-horizontal .col-sm-10,
#account-newsletter .form-horizontal .col-sm-10 {
  float: none;
  width: auto;
  min-width: 0;
  padding: 0;
}

#account-register .radio,
#account-register .checkbox,
#account-newsletter .radio,
#account-newsletter .checkbox,
#account-register .radio-inline,
#account-newsletter .radio-inline {
  color: var(--dekohop-account-text-color);
}

#account-register .buttons,
#account-newsletter .buttons {
  margin: 14px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid var(--dekohop-account-card-border-color);
}

#account-register .dekohop-register-agreement {
  margin-bottom: 10px;
  text-align: center;
}

#account-register .dekohop-register-action-row {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  gap: var(--dekohop-account-register-action-gap);
}

#account-register .dekohop-register-action-row .btn-primary {
  width: var(--dekohop-account-register-primary-width);
}

#account-register .dekohop-register-action-row .dekohop-register-corporate {
  width: var(--dekohop-account-register-corporate-width);
  border-color: var(--dekohop-account-card-border-color);
  background: var(--dekohop-account-secondary-background);
  color: var(--dekohop-account-secondary-color);
  cursor: default;
  opacity: 1;
}

/* 04 - ORTAK FORM KONTROLLERI */
#account-login .form-control,
#account-forgotten .form-control,
#account-reset .form-control,
#account-register .form-control,
#account-newsletter .form-control {
  height: var(--dekohop-account-field-height);
  padding: 10px 14px;
  border: 1px solid var(--dekohop-account-field-border-color);
  border-radius: var(--dekohop-account-field-radius);
  background: var(--dekohop-account-field-background);
  box-shadow: none;
  color: var(--dekohop-account-title-color);
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

#account-register textarea.form-control {
  height: auto;
  min-height: 110px;
}

#account-login .form-control:focus,
#account-forgotten .form-control:focus,
#account-reset .form-control:focus,
#account-register .form-control:focus,
#account-newsletter .form-control:focus {
  border-color: var(--dekohop-account-field-focus-border-color);
  background: var(--dekohop-account-field-focus-background);
  box-shadow: var(--dekohop-account-field-focus-shadow);
}

#account-login .btn,
#account-forgotten .btn,
#account-reset .btn,
#account-register .btn,
#account-newsletter .btn {
  min-height: var(--dekohop-account-button-height);
  padding: 11px var(--dekohop-account-button-horizontal-space);
  border-radius: var(--dekohop-account-button-radius);
  font-weight: 650;
}

#account-login .btn-primary,
#account-forgotten .btn-primary,
#account-reset .btn-primary,
#account-register .btn-primary,
#account-newsletter .btn-primary {
  border-color: var(--dekohop-account-primary-background);
  background: var(--dekohop-account-primary-background);
  color: var(--dekohop-account-primary-color);
}

#account-login .btn-primary:hover,
#account-login .btn-primary:focus,
#account-forgotten .btn-primary:hover,
#account-forgotten .btn-primary:focus,
#account-reset .btn-primary:hover,
#account-reset .btn-primary:focus,
#account-register .btn-primary:hover,
#account-register .btn-primary:focus,
#account-newsletter .btn-primary:hover,
#account-newsletter .btn-primary:focus {
  border-color: var(--dekohop-account-primary-hover-background);
  background: var(--dekohop-account-primary-hover-background);
  color: var(--dekohop-account-primary-color);
}

#account-newsletter .btn-default {
  border-color: var(--dekohop-account-card-border-color);
  background: var(--dekohop-account-secondary-background);
  color: var(--dekohop-account-secondary-color);
}

#account-forgotten .btn-default,
#account-reset .btn-default {
  border-color: var(--dekohop-account-card-border-color);
  background: var(--dekohop-account-secondary-background);
  color: var(--dekohop-account-secondary-color);
}

/* 05 - HESAP ANA SAYFASI */
#account-account > .row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--dekohop-account-panels-gap);
}

#account-account > .row > #content {
  float: none;
  width: calc((var(--dekohop-account-main-action-width) * 2) + var(--dekohop-account-action-gap) + (var(--dekohop-account-main-panel-padding) * 2) + 2px);
  max-width: none;
  flex: 0 0 auto;
}

#account-account > .row > #column-right {
  float: none;
  width: var(--dekohop-account-side-panel-width);
  max-width: none;
  flex: 0 0 var(--dekohop-account-side-panel-width);
}

#account-account #content {
  padding: var(--dekohop-account-main-panel-padding);
  border: var(--dekohop-account-card-border-width) solid var(--dekohop-account-card-border-color);
  border-radius: var(--dekohop-account-card-radius);
  background: var(--dekohop-account-content-background);
  box-shadow: var(--dekohop-account-card-shadow);
}

#account-account #content > h2 {
  margin: 0 0 12px;
  padding: 0;
  font-size: var(--dekohop-account-main-section-title-size);
}

#account-account #content > ul + h2 {
  margin-top: 26px;
}

#account-account #content > .list-unstyled {
  display: grid;
  margin: 0;
  padding: 0;
  grid-template-columns: repeat(2, var(--dekohop-account-main-action-width));
  justify-content: center;
  gap: var(--dekohop-account-action-gap);
}

#account-account #content > .list-unstyled li {
  min-width: 0;
}

#account-account #content > .dekohop-account-single-action li {
  width: var(--dekohop-account-main-action-width);
  grid-column: 1 / -1;
  justify-self: center;
}

#account-account #content > .list-unstyled li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--dekohop-account-action-min-height);
  padding: 12px 16px;
  border: 1px solid var(--dekohop-account-action-border-color);
  border-radius: var(--dekohop-account-action-radius);
  background: var(--dekohop-account-action-background);
  color: var(--dekohop-account-text-color);
  font-weight: 550;
  position: relative;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

#account-account #content > .list-unstyled li a::after {
  display: none;
  content: none;
}

#account-account #content > .list-unstyled li a:hover,
#account-account #content > .list-unstyled li a:focus {
  border-color: #c8ddd5;
  background: var(--dekohop-account-action-hover-background);
  color: var(--dekohop-account-title-color);
  transform: translateY(-1px);
}

/* 06 - SAG HESAP MENUSU */
#account-login .list-group,
#account-register .list-group,
#account-account .list-group,
#account-newsletter .list-group {
  display: flex;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--dekohop-account-menu-border-color);
  border-radius: var(--dekohop-account-menu-radius);
  background: var(--dekohop-account-menu-background);
  box-shadow: var(--dekohop-account-card-shadow);
  flex-direction: column;
  gap: var(--dekohop-account-menu-gap);
  position: sticky;
  top: 18px;
}

#account-login .list-group-item,
#account-register .list-group-item,
#account-account .list-group-item,
#account-newsletter .list-group-item {
  margin: 0;
  padding: 10px 12px;
  border: 0;
  border-radius: var(--dekohop-account-menu-item-radius);
  background: transparent;
  color: var(--dekohop-account-menu-item-color);
  line-height: 1.35;
  transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}

#account-login .list-group-item:hover,
#account-login .list-group-item:focus,
#account-register .list-group-item:hover,
#account-register .list-group-item:focus,
#account-account .list-group-item:hover,
#account-account .list-group-item:focus,
#account-newsletter .list-group-item:hover,
#account-newsletter .list-group-item:focus {
  background: var(--dekohop-account-menu-item-hover-background);
  color: var(--dekohop-account-menu-item-active-color);
  transform: translateX(2px);
}

#account-login .list-group-item[href*="route=account/login"],
#account-register .list-group-item[href*="route=account/register"],
#account-account .list-group-item[data-dekohop-account-route="account/account"],
#account-newsletter .list-group-item[href*="route=account/newsletter"] {
  background: var(--dekohop-account-menu-item-active-background);
  color: var(--dekohop-account-menu-item-active-color);
  font-weight: 650;
}

/* 06B - GIRIS YAPILMIS TUM HESAP SAYFALARINDA ORTAK KOMPAKT DUZEN */
:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) {
  padding-bottom: var(--dekohop-account-page-bottom-space);
  color: var(--dekohop-account-text-color);
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) > .breadcrumb {
  display: var(--dekohop-account-logged-breadcrumb-display);
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) > .row {
  display: flex;
  width: 100%;
  max-width: var(--dekohop-account-logged-layout-max-width);
  margin: var(--dekohop-account-logged-main-menu-gap) auto 0;
  align-items: flex-start;
  gap: var(--dekohop-account-logged-column-gap);
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) > .row > #content {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: var(--dekohop-account-logged-content-padding);
  border: 1px solid var(--dekohop-account-logged-content-border-color);
  border-radius: var(--dekohop-account-logged-content-radius);
  background: var(--dekohop-account-logged-content-background);
  box-shadow: var(--dekohop-account-logged-content-shadow);
  flex: 1 1 auto;
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) > .row > #column-right {
  display: block;
  float: none;
  width: var(--dekohop-account-logged-sidebar-width);
  min-width: var(--dekohop-account-logged-sidebar-width);
  margin: 0;
  padding: 0;
  flex: 0 0 var(--dekohop-account-logged-sidebar-width);
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #content > h1 {
  margin: 0 0 20px;
  color: var(--dekohop-account-title-color);
  font-size: var(--dekohop-account-logged-title-size);
  font-weight: 650;
  line-height: 1.3;
  text-align: center;
}

:is(
  #account-edit,
  #account-password,
  #account-address,
  #account-return,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #content > form {
  width: 100%;
  max-width: var(--dekohop-account-logged-form-max-width);
  margin-right: auto;
  margin-left: auto;
}

#account-newsletter #content > form {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

:is(
  #account-edit,
  #account-password,
  #account-address,
  #account-return,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

:is(
  #account-edit,
  #account-password,
  #account-address,
  #account-return,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) fieldset + fieldset {
  margin-top: 22px;
}

:is(
  #account-edit,
  #account-password,
  #account-address,
  #account-return,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) legend {
  width: 100%;
  margin: 0 0 16px;
  padding: 0 0 9px;
  border: 0;
  border-bottom: 1px solid var(--dekohop-account-logged-content-border-color);
  color: var(--dekohop-account-title-color);
  font-size: var(--dekohop-account-logged-section-title-size);
  font-weight: 650;
  line-height: 1.35;
  text-align: center;
}

:is(
  #account-edit,
  #account-password,
  #account-address,
  #account-return,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .form-horizontal .form-group {
  display: grid;
  margin: 0 0 var(--dekohop-account-logged-form-row-gap);
  align-items: center;
  grid-template-columns: var(--dekohop-account-logged-form-label-width) minmax(0, 1fr);
  gap: 16px;
}

:is(
  #account-edit,
  #account-password,
  #account-address,
  #account-return,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .form-horizontal .control-label {
  grid-column: 1;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--dekohop-account-title-color);
  line-height: 1.35;
  text-align: right;
}

:is(
  #account-edit,
  #account-password,
  #account-address,
  #account-return,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .form-horizontal .form-group > [class*="col-sm-"]:not(.control-label) {
  grid-column: 2;
  float: none;
  width: auto;
  min-width: 0;
  padding: 0;
}

:is(
  #account-edit,
  #account-password,
  #account-address,
  #account-return,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .form-control {
  height: var(--dekohop-account-logged-field-height);
  padding: 9px 13px;
  border: 1px solid var(--dekohop-account-field-border-color);
  border-radius: var(--dekohop-account-field-radius);
  background: var(--dekohop-account-field-background);
  box-shadow: none;
  color: var(--dekohop-account-title-color);
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

:is(
  #account-edit,
  #account-password,
  #account-address,
  #account-return,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) textarea.form-control {
  height: auto;
  min-height: 92px;
}

:is(
  #account-edit,
  #account-password,
  #account-address,
  #account-return,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .form-control:focus {
  border-color: var(--dekohop-account-field-focus-border-color);
  background: var(--dekohop-account-field-focus-background);
  box-shadow: var(--dekohop-account-field-focus-shadow);
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .buttons {
  display: flex;
  margin: 20px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid var(--dekohop-account-logged-content-border-color);
  align-items: center;
  justify-content: center;
  gap: var(--dekohop-account-logged-button-gap);
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .buttons .pull-left,
:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .buttons .pull-right {
  display: flex;
  float: none !important;
  align-items: center;
  justify-content: center;
  gap: var(--dekohop-account-logged-button-gap);
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .btn {
  border-radius: var(--dekohop-account-button-radius);
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) .buttons .btn {
  display: inline-flex;
  min-width: var(--dekohop-account-logged-button-min-width);
  min-height: var(--dekohop-account-logged-button-height);
  padding: 9px var(--dekohop-account-button-horizontal-space);
  align-items: center;
  justify-content: center;
  font-weight: 650;
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher
) #content > p:only-of-type {
  display: flex;
  min-height: var(--dekohop-account-logged-empty-min-height);
  margin: 0;
  padding: 16px;
  border-radius: var(--dekohop-account-action-radius);
  background: var(--dekohop-account-logged-empty-background);
  align-items: center;
  justify-content: center;
  color: var(--dekohop-account-muted-color);
  line-height: 1.5;
  text-align: center;
}

:is(
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction
) .table-responsive {
  border: 1px solid var(--dekohop-account-logged-table-border-color);
  border-radius: var(--dekohop-account-logged-table-radius);
  background: var(--dekohop-account-logged-content-background);
  overflow-x: auto;
}

/* Siparisi Goruntule sayfasindaki dogrudan tablolar Bootstrap'in kare dis kenarini kullanmaz. */
#account-order #content > .table {
  border: 1px solid var(--dekohop-account-logged-table-border-color);
  border-radius: var(--dekohop-account-order-detail-card-radius);
  background: var(--dekohop-account-logged-content-background);
  overflow: hidden;
  clip-path: inset(0 round var(--dekohop-account-order-detail-card-radius));
}

/* Iadeyi Goruntule sayfasindaki dogrudan tablolarin ust ve alt koselerini birlikte kirpar. */
#account-return #content > .table {
  border: 1px solid var(--dekohop-account-logged-table-border-color);
  border-radius: var(--dekohop-account-return-detail-card-radius);
  background: var(--dekohop-account-logged-content-background);
  overflow: hidden;
  clip-path: inset(0 round var(--dekohop-account-return-detail-card-radius));
}

/* Yalniz account/return/success: baslik ve metinler ortali, dugme metinlerin tam altindadir. */
.dekohop-account-return-success-page {
  padding-bottom: var(--dekohop-account-page-bottom-space);
  color: var(--dekohop-account-text-color);
}

.dekohop-account-return-success-page > .breadcrumb {
  display: none;
}

.dekohop-account-return-success-page > .row {
  display: flex;
  width: 100%;
  max-width: var(--dekohop-account-logged-layout-max-width);
  margin: var(--dekohop-account-return-success-top-gap) auto 0;
  align-items: flex-start;
  gap: var(--dekohop-account-logged-column-gap);
}

.dekohop-account-return-success-page > .row > #content {
  display: flex;
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: var(--dekohop-account-logged-content-padding);
  border: 1px solid var(--dekohop-account-logged-content-border-color);
  border-radius: var(--dekohop-account-logged-content-radius);
  background: var(--dekohop-account-logged-content-background);
  box-shadow: var(--dekohop-account-logged-content-shadow);
  text-align: center;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
}

.dekohop-account-return-success-page > .row > #column-right {
  display: block;
  float: none;
  width: var(--dekohop-account-logged-sidebar-width);
  min-width: var(--dekohop-account-logged-sidebar-width);
  margin: 0;
  padding: 0;
  align-self: flex-start;
  flex: 0 0 var(--dekohop-account-logged-sidebar-width);
}

.dekohop-account-return-success {
  text-align: center;
}

.dekohop-account-return-success > h1 {
  margin: 0 0 var(--dekohop-account-return-success-content-gap);
  color: var(--dekohop-account-title-color);
  font-size: var(--dekohop-account-return-success-title-size);
  font-weight: 650;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
}

.dekohop-account-return-success > p {
  width: 100%;
  max-width: var(--dekohop-account-return-success-text-max-width);
  margin: 0 auto var(--dekohop-account-return-success-content-gap);
  line-height: 1.55;
  text-align: center;
}

.dekohop-account-return-success > .buttons {
  display: flex;
  margin: calc(var(--dekohop-account-return-success-content-gap) * 1.5) 0 0;
  align-items: center;
  justify-content: center;
}

.dekohop-account-return-success > .buttons > .pull-right {
  float: none !important;
}

.dekohop-account-return-success > .buttons .btn {
  width: var(--dekohop-account-return-success-button-width);
  min-height: var(--dekohop-account-logged-button-height);
}

/* Yalniz account/logout: son hesap kartlariyla ayni kompakt, ortali ve yuvarlak duzen. */
.dekohop-account-logout-page {
  padding-bottom: var(--dekohop-account-page-bottom-space);
  color: var(--dekohop-account-text-color);
}

.dekohop-account-logout-page > .breadcrumb {
  display: none;
}

.dekohop-account-logout-page > .row {
  display: flex;
  width: 100%;
  max-width: var(--dekohop-account-logged-layout-max-width);
  margin: var(--dekohop-account-logout-top-gap) auto 0;
  align-items: flex-start;
  gap: var(--dekohop-account-logged-column-gap);
}

.dekohop-account-logout-page > .row > #content {
  display: flex;
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: var(--dekohop-account-logged-content-padding);
  border: 1px solid var(--dekohop-account-logged-content-border-color);
  border-radius: var(--dekohop-account-logged-content-radius);
  background: var(--dekohop-account-logged-content-background);
  box-shadow: var(--dekohop-account-logged-content-shadow);
  text-align: center;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
}

.dekohop-account-logout-page > .row > #column-right {
  display: block;
  float: none;
  width: var(--dekohop-account-logged-sidebar-width);
  min-width: var(--dekohop-account-logged-sidebar-width);
  margin: 0;
  padding: 0;
  align-self: flex-start;
  flex: 0 0 var(--dekohop-account-logged-sidebar-width);
}

.dekohop-account-logout > h1 {
  margin: 0 0 var(--dekohop-account-logout-content-gap);
  color: var(--dekohop-account-title-color);
  font-size: var(--dekohop-account-logout-title-size);
  font-weight: 650;
  line-height: 1.3;
  text-align: center;
}

.dekohop-account-logout > p {
  width: 100%;
  max-width: var(--dekohop-account-logout-text-max-width);
  margin: 0 auto var(--dekohop-account-logout-content-gap);
  line-height: 1.55;
  text-align: center;
}

.dekohop-account-logout > .buttons {
  display: flex;
  margin: calc(var(--dekohop-account-logout-content-gap) * 1.5) 0 0;
  align-items: center;
  justify-content: center;
}

.dekohop-account-logout > .buttons > .pull-right {
  float: none !important;
}

.dekohop-account-logout > .buttons .btn {
  width: var(--dekohop-account-logout-button-width);
  min-height: var(--dekohop-account-logged-button-height);
}

:is(
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction
) .table-responsive > .table {
  margin: 0;
  border: 0;
  background: transparent;
}

:is(
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction
) .table > thead > tr > td,
:is(
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction
) .table > thead > tr > th {
  padding: var(--dekohop-account-logged-table-cell-padding);
  border-color: var(--dekohop-account-logged-table-border-color);
  background: var(--dekohop-account-logged-table-header-background);
  color: var(--dekohop-account-title-color);
  vertical-align: middle;
}

:is(
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction
) .table > tbody > tr > td {
  padding: var(--dekohop-account-logged-table-cell-padding);
  border-color: var(--dekohop-account-logged-table-border-color);
  vertical-align: middle;
  transition: background 150ms ease;
}

:is(
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction
) .table > tbody > tr:hover > td {
  background: var(--dekohop-account-logged-table-hover-background);
}

#account-wishlist .table img {
  width: var(--dekohop-account-logged-wishlist-image-size);
  height: var(--dekohop-account-logged-wishlist-image-size);
  max-width: var(--dekohop-account-logged-wishlist-image-size);
  border-radius: var(--dekohop-account-product-image-radius);
  object-fit: cover;
}

/* 06C - URUN GORSELI, URUN BAGLANTISI VE GERCEK BARKOD */
.dekohop-account-product-cell,
.dekohop-account-return-product-preview {
  display: flex;
  min-width: 220px;
  align-items: center;
  gap: var(--dekohop-account-product-cell-gap);
}

.dekohop-account-return-product-preview {
  max-width: var(--dekohop-account-logged-form-max-width);
  margin: 0 auto 16px;
  padding: 12px;
  border: 1px solid var(--dekohop-account-logged-table-border-color);
  border-radius: var(--dekohop-account-logged-table-radius);
  background: var(--dekohop-account-logged-table-hover-background);
}

.dekohop-account-product-image {
  display: block;
  position: relative;
  width: var(--dekohop-account-product-image-size);
  min-width: var(--dekohop-account-product-image-size);
  height: var(--dekohop-account-product-image-size);
  overflow: hidden;
  border-radius: var(--dekohop-account-product-image-radius);
  background: #fff;
}

.dekohop-account-product-image--wishlist {
  width: var(--dekohop-account-logged-wishlist-image-size);
  min-width: var(--dekohop-account-logged-wishlist-image-size);
  height: var(--dekohop-account-logged-wishlist-image-size);
  margin: 0 auto;
}

.dekohop-account-product-image img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

[data-dekohop-account-image-preview] {
  cursor: zoom-in;
}

.dekohop-account-image-preview-layer {
  display: block;
  position: fixed;
  z-index: var(--dekohop-account-product-preview-layer);
  width: min(var(--dekohop-account-product-preview-size), calc(100vw - (2 * var(--dekohop-account-product-preview-viewport-space))));
  height: min(var(--dekohop-account-product-preview-size), calc(100vh - (2 * var(--dekohop-account-product-preview-viewport-space))));
  padding: 8px;
  border: 1px solid var(--dekohop-account-product-preview-border-color);
  border-radius: var(--dekohop-account-product-preview-radius);
  background: var(--dekohop-account-product-preview-background);
  box-shadow: var(--dekohop-account-product-preview-shadow);
  opacity: 0;
  pointer-events: none;
  transform: scale(0.96);
  transition: opacity 140ms ease, transform 140ms ease;
}

.dekohop-account-image-preview-layer[hidden] {
  display: none;
}

.dekohop-account-image-preview-layer.is-visible {
  opacity: 1;
  transform: scale(1);
}

.dekohop-account-image-preview-layer img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: calc(var(--dekohop-account-product-preview-radius) - 8px);
  object-fit: contain;
}

.dekohop-account-product-copy {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.dekohop-account-product-name {
  color: var(--dekohop-account-product-name-color);
  font-weight: 650;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

a.dekohop-account-product-name:hover,
a.dekohop-account-product-name:focus {
  color: var(--dekohop-account-product-name-hover-color);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.dekohop-account-barcode {
  display: inline-flex;
  max-width: 100%;
  padding: 7px 9px;
  border: 1px solid var(--dekohop-account-barcode-border-color);
  border-radius: var(--dekohop-account-barcode-radius);
  background: var(--dekohop-account-barcode-background);
  color: var(--dekohop-account-barcode-color);
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.2;
  overflow-wrap: anywhere;
  cursor: pointer;
  transition: background 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.dekohop-account-barcode:hover,
.dekohop-account-barcode:focus,
.dekohop-account-barcode.is-copied {
  border-color: #9fc5b6;
  background: var(--dekohop-account-barcode-copied-background);
  color: var(--dekohop-account-barcode-color);
  transform: translateY(-1px);
}

.dekohop-account-barcode-empty {
  color: #87928e;
}

.dekohop-account-order-actions .btn {
  width: var(--dekohop-account-order-action-size);
  min-width: var(--dekohop-account-order-action-size);
  height: var(--dekohop-account-order-action-size);
  min-height: var(--dekohop-account-order-action-size);
  max-height: var(--dekohop-account-order-action-size);
  padding: 0;
  border-radius: 9px;
  line-height: calc(var(--dekohop-account-order-action-size) - 2px);
  text-align: center;
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher,
  .dekohop-account-return-success-page,
  .dekohop-account-logout-page
) .list-group {
  display: flex;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--dekohop-account-menu-border-color);
  border-radius: var(--dekohop-account-menu-radius);
  background: var(--dekohop-account-menu-background);
  box-shadow: var(--dekohop-account-card-shadow);
  flex-direction: column;
  gap: var(--dekohop-account-menu-gap);
  position: sticky;
  top: var(--dekohop-account-logged-sidebar-sticky-top);
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher,
  .dekohop-account-return-success-page,
  .dekohop-account-logout-page
) .list-group-item {
  margin: 0;
  padding: 10px 12px;
  border: 0;
  border-radius: var(--dekohop-account-menu-item-radius);
  background: transparent;
  color: var(--dekohop-account-menu-item-color);
  line-height: 1.35;
  transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}

:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher,
  .dekohop-account-return-success-page,
  .dekohop-account-logout-page
) .list-group-item:hover,
:is(
  #account-account,
  #account-edit,
  #account-password,
  #account-address,
  #account-wishlist,
  #account-order,
  #account-download,
  #account-recurring,
  #account-reward,
  #account-return,
  #account-transaction,
  #account-newsletter,
  #account-affiliate,
  #account-tracking,
  #account-voucher,
  .dekohop-account-return-success-page,
  .dekohop-account-logout-page
) .list-group-item:focus {
  background: var(--dekohop-account-menu-item-hover-background);
  color: var(--dekohop-account-menu-item-active-color);
  transform: translateX(2px);
}

.list-group-item.is-active {
  background: var(--dekohop-account-menu-item-active-background);
  color: var(--dekohop-account-menu-item-active-color);
  font-weight: 650;
}

.dekohop-account-contracts-slot {
  display: none;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid var(--dekohop-consent-card-border-color);
  border-radius: var(--dekohop-consent-card-radius);
  background: var(--dekohop-account-contracts-background);
}

.dekohop-account-contracts-slot:target,
.dekohop-account-contracts-slot.has-content {
  display: block;
}

.dekohop-account-contracts-slot > :last-child {
  margin-bottom: 0;
}

/* 07 - GELECEK SOZLESME / IZIN EKLENTISI ICIN SADECE GORSEL SOZLESME */
.dekohop-consent-slot:empty,
.dekohop-consent-list:empty,
.dekohop-consent-history:empty {
  display: none;
}

.dekohop-consent-slot,
.dekohop-consent-card,
.dekohop-consent-history {
  margin: 18px 0;
  padding: var(--dekohop-consent-card-padding);
  border: 1px solid var(--dekohop-consent-card-border-color);
  border-radius: var(--dekohop-consent-card-radius);
  background: var(--dekohop-consent-card-background);
}

.dekohop-account-consent-slot {
  width: 100%;
}

.dekohop-consent-slot + .dekohop-consent-slot,
.dekohop-consent-slot + .dekohop-consent-history,
.dekohop-consent-history + .dekohop-consent-slot {
  margin-top: var(--dekohop-consent-card-gap);
}

.dekohop-consent-card--required {
  border-left: 4px solid var(--dekohop-consent-required-color);
}

.dekohop-consent-card--optional {
  border-left: 4px solid var(--dekohop-consent-optional-color);
}

.dekohop-consent-history__item {
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--dekohop-consent-history-background);
}

.dekohop-consent-history__item + .dekohop-consent-history__item {
  margin-top: 8px;
}

.dekohop-consent-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  border-radius: 999px;
  font-weight: 650;
}

.dekohop-consent-status--active {
  background: var(--dekohop-consent-active-background);
  color: var(--dekohop-consent-active-color);
}

.dekohop-consent-status--revoked,
.dekohop-consent-status--inactive {
  background: var(--dekohop-consent-revoked-background);
  color: var(--dekohop-consent-revoked-color);
}

.dekohop-consent-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--dekohop-consent-card-gap);
}

.dekohop-consent-actions:empty {
  display: none;
}

.dekohop-consent-channel-list {
  display: grid;
  gap: var(--dekohop-consent-card-gap);
  margin: 18px 0;
}

.dekohop-consent-channel {
  display: grid;
  grid-template-columns: minmax(150px, 0.9fr) minmax(260px, 1.5fr) auto;
  align-items: center;
  gap: var(--dekohop-consent-card-gap);
  padding: var(--dekohop-consent-card-padding);
  border: 1px solid var(--dekohop-consent-channel-border-color);
  border-radius: var(--dekohop-consent-card-radius);
  background: var(--dekohop-consent-channel-background);
}

.dekohop-consent-channel__main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.dekohop-consent-channel__main h2 {
  margin: 0;
  font-size: 1rem;
}

.dekohop-consent-channel__dates {
  display: grid;
  margin: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--dekohop-consent-card-gap);
}

.dekohop-consent-channel__dates > div {
  min-width: 0;
}

.dekohop-consent-channel__dates dt,
.dekohop-consent-channel__dates dd {
  margin: 0;
}

.dekohop-consent-channel__dates dt {
  color: var(--dekohop-consent-channel-date-color);
  font-size: 0.82rem;
  font-weight: 550;
}

.dekohop-consent-channel__dates dd {
  margin-top: 3px;
  color: var(--dekohop-account-text-color);
  font-weight: 600;
}

.dekohop-consent-channel__action:empty {
  display: none;
}

/* DEKOHOP-COMMON-DESKTOP-RULES-END */

/* DEKOHOP-RESPONSIVE-RULES-START */
/*
 * MOBIL/TABLET TURU BILEREK BOS BIRAKILDI.
 * Masaustu sayfalari tamamlandiktan sonra capability/container query ile
 * eklenecek; buraya kosulsuz kural yazilmayacak.
 */
/* DEKOHOP-RESPONSIVE-RULES-END */