/*!
    ----------------------------------

    * Mobel Furniture Template Theme
    * Version - 2.2.0
    * Copyright (c) 2017 ElaThemes.com

    ----------------------------------

    [Table of contents]

    1. Default body styles
    2. Page loader
    3. Headings
    4. Anchors.view-grid
    5. Button styles
    6. Breadcrumbs
    7. Checkbox
    8. Sections
    9. Header
    10. Main Header
    11. Main navigation
    12. Categories
    13. Header content
    14. Blocks
    15. Sort bar
    16. Price filter
    17. Pagination
    18. Filters
    19. Products category
    20. Product page
    21. Product color buttons
    22. BLog
    23. Designer
    24. Tabs navigation
    25. Comments
    26. Wrapper more
    27. Stretcher
    28. Scroll to top
    29. Banner
    30. Main popup
    31. Instagram
    32. Checkout
    33. Checkout steps
    34. Login wrapper
    35. Contact
    36. Map Info window
    37. Shortcodes
    38. Tabsy wrapper
    39. History
    40. Intro
    41. Text blocks
    42. Quotes
    43. Team
    44. Owl-icons
    45. Footer
    46. Info icons
    47. Cards
    49. Single page

    ----------------------------------
 */
/*  
    ----------------------------------
    1. Default body styles
    ----------------------------------
*/

	/* Mevcut bloğu silip yerine bunu yapıştırın */
	img.product-image-style {
		width: auto !important;          /* En-boy oranının bozulmaması için genişliği serbest bırakıyoruz */
		height: auto !important;         /* Yüksekliği serbest bırakıyoruz */
		max-width: 100% !important;      /* 150px'lik dış kutunun genişliğini asla aşamaz */
		max-height: 100% !important;     /* 150px'lik dış kutunun yüksekliğini asla aşamaz */
		object-fit: contain !important;  /* 415x850'lik oranı bozmadan, sünmeden kutuya sığdırır */
		display: inline-block;
	}

/* Sadece alt tarafa çok hafif bir sınır çizgisi */
.grid-card .image {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 1.3;
    color: #666666;
}

@media (min-width: 992px) {
    body {
        font-size: 16px;
        line-height: 1.4;
    }
}

/* Tüm sayfa arka planı */
body .wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
	background-color: #eeeeee;
}

b,
strong,
label,
.label {
    font-weight: 500;
}

@media print {
    .container {
        width: 100% !important;
    }
}

/*  
    ----------------------------------
    2. Page loader
    ----------------------------------
*/
.page-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 999999;
    background-color: white;
}

.page-loader:before {
    font-family: 'LinearIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e810";
    position: fixed;
    font-size: 40px;
    left: 50%;
    top: 50%;
    z-index: 999999;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-left: -20px;
    margin-top: -20px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    color: #ffbb00;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.page-loader.loaded {
    width: 0;
    left: 0;
    -moz-transition: all 1s cubic-bezier(0.8, 0.2, 0.2, 0.9);
    -o-transition: all 1s cubic-bezier(0.8, 0.2, 0.2, 0.9);
    -webkit-transition: all 1s cubic-bezier(0.8, 0.2, 0.2, 0.9);
    transition: all 1s cubic-bezier(0.8, 0.2, 0.2, 0.9);
}

.page-loader.loaded:before {
    opacity: 0;
}

/*  
    ----------------------------------
    3. Headings
    ----------------------------------
*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
    margin-top: 0;
}

h1, .h1 {
    font-size: 23px;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    h1, .h1 {
        font-size: 34px;
        margin-top: 26.66667px;
        margin-bottom: 26.66667px;
    }
}

h2, .h2 {
    font-size: 21px;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    h2, .h2 {
        font-size: 30px;
        margin-top: 26.66667px;
        margin-bottom: 26.66667px;
    }
}

h3, .h3 {
    font-size: 19px;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    h3, .h3 {
        font-size: 26px;
        margin-top: 26.66667px;
        margin-bottom: 26.66667px;
    }
}

h4, .h4 {
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    h4, .h4 {
        font-size: 22px;
        margin-top: 26.66667px;
        margin-bottom: 26.66667px;
    }
}

h5, .h5 {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    h5, .h5 {
        font-size: 18px;
        margin-top: 26.66667px;
        margin-bottom: 26.66667px;
    }
}

h6, .h6 {
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    h6, .h6 {
        font-size: 14px;
        margin-top: 26.66667px;
        margin-bottom: 26.66667px;
    }
}

/*  
    ----------------------------------
    4. Anchors
    ----------------------------------
*/
a {
    color: #3a3d45;
}

a:focus, a:active, a:hover {
    color: #666666;
    text-decoration: none;
}

a, .btn {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media print {
    a[href]:after,
    abbr[title]:after,
    a[href^="#"]:after {
        content: none !important;
    }
}

/* iPad fix */
input, textarea, select {
    -webkit-appearance: none;
    /*disable shaddow nav ipad*/
    -moz-appearance: none;
    /*disable shaddow nav ipad*/
    border-radius: 0;
    /*disable border-radius ipad*/
}

/*  
    ----------------------------------
    5. Button styles
    ----------------------------------
*/
.btn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.btn.btn-main {
    background-color: #ffbb00;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.btn.btn-main:hover {
    background-color: #008685;
}

.btn.btn-main, .btn.btn-main:hover, .btn.btn-main:focus, .btn.btn-main:active {
    color: #fff;
}

.btn.btn-clean {
    background-color: transparent;
    border-color: white;
    color: white !important;
}

.btn.btn-clean:hover {
    background-color: white;
    border-color: white;
    color: black !important;
}

.btn.btn-clean-dark {
    background-color: transparent;
    border-color: rgba(58, 61, 69, 0.5);
    color: #3a3d45 !important;
}

.btn.btn-clean-dark:hover {
    background-color: #3a3d45;
    border-color: #3a3d45;
    color: white !important;
}

.btn.btn-add {
    background: transparent;
    position: absolute;
    overflow: visible;
    color: white;
    bottom: 0;
    right: 0;
    border: 0;
    width: 100px;
    height: 100px;
    font-size: 19px;
    cursor: pointer;
    z-index: 9;
}

.btn.btn-add:hover {
    color: white;
}

.btn.btn-add:hover:before {
    background-color: #000000;
}

.btn.btn-add .icon {
    position: absolute;
    bottom: 17px;
    right: 17px;
}

.btn.btn-add:before {
    background-color: #ffbb00;
    position: absolute;
    content: "";
    width: 200%;
    height: 200%;
    top: 0%;
    left: 50%;
    z-index: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
/* --- 1. SATIN AL DÜĞMESİ (Sizin Kodunuz) --- */
.btn.btn-buy {
    background-color: #ff5800;
    color: white;
    position: absolute;
    right: 10px;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn.btn-buy:after, .btn.btn-buy:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 50px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn.btn-buy:before {
    font-family: 'LinearIcons';
    content: "\e82e"; /* Sepet İkonu */
    font-size: 28px;
    transform: translate3d(0, 0, 0);
	line-height: 44px !important;
}

.btn.btn-buy:after {
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    content: "Satın" "\000A" "Al";
    white-space: pre;
    line-height: 1.2;
    text-align: center;
    padding-top: 12px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    transform: translate3d(0, 100%, 0);
}

.btn.btn-buy:hover:before {
    transform: translate3d(0, 100%, 0);
}

.btn.btn-buy:hover:after {
    transform: translate3d(0, 0, 0);
}


/* --- 2. BİLGİ AL DÜĞMESİ (YENİ VE BAĞIMSIZ) --- */
.btn.btn-buy.btn-info-custom {
    background-color: #015281; 	/* Bilgi Al simgesi rengi (istediğiniz renk yapabilirsiniz) */
    top: 100px;								/* Satın al butonunun 10px altında yer alır (50px + 10px) */
}

/* Bilgi butonunun normal halindeki ikon (Örnek LinearIcons bilgi kodu veya başka bir ikon kodu) */
.btn.btn-buy.btn-info-custom:before {
    font-family: 'LinearIcons';
    content: "\e818";          /* LinearIcons'daki  icon-envelope iconu */
    font-size: 24px;           
}

/* Bilgi butonunun üzerine gelince çıkacak alt alta yazı */
.btn.btn-buy.btn-info-custom:after {
    content: "Bilgi" "\000A" "Al";
    font-size: 11px;           /* Yazı sığmazsa boyutu küçültebilirsiniz */
    padding-top: 12px;
}

/* TÜRKÇE VE İNGİLİZCE BROŞÜR DÜĞMELERİ */

/* --- 3. Buton (Türkçe Broşür) --- */
.btn.btn-buy.btn-broscure-custom {
    background-color: #ff0000 !important;
    top: 200px !important;
}

.btn.btn-buy.btn-broscure-custom:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="75" height="50" viewBox="0 0 1200 800"><rect width="1200" height="800" fill="none"/><circle cx="425" cy="400" r="200" fill="%23fff"/><circle cx="475" cy="400" r="160" fill="%23ff0000"/><polygon fill="%23fff" points="583,400 715,443 633,330 633,470 715,357"/></svg>') !important;
    display: inline-block !important;
    position: relative !important;
    top: -12px !important; /* Aşağı kaydırmak için buradaki sayıyı artırabilir (örn: 6px, 8px) veya azaltabilirsiniz */
    margin-right: 40px !important;
}

/* Türkçe Yazı ("Bilgi Al" ile birebir aynı yapı) */
.btn.btn-buy.btn-broscure-custom:after {
    content: "TÜRKÇE" "\000A" "Broşür" !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    white-space: pre-line !important;
    padding-top: 4px !important;
    display: block !important;
}


/* --- 4. Buton (İngilizce Broşür) --- */
.btn.btn-buy.btn-broscure-en {
    background-color: #012169 !important;
    top: 260px !important;
}

/* İngiltere Bayrak - Lacivert Zemin Şeffaf */
.btn.btn-buy.btn-broscure-en:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 600 300"><rect width="600" height="300" fill="none"/><path d="M0,0 L600,300 M600,0 L0,300" stroke="%23fff" stroke-width="60"/><path d="M0,0 L600,300 M600,0 L0,300" stroke="%23C8102E" stroke-width="40"/><path d="M300,0 V300 M0,150 H600" stroke="%23fff" stroke-width="100"/><path d="M300,0 V300 M0,150 H600" stroke="%23C8102E" stroke-width="60"/></svg>') !important;
    display: inline-block !important;
    position: relative !important;
    top: -5px !important;
    margin-right: 20px !important;
}

/* İngilizce Yazı */
.btn.btn-buy.btn-broscure-en:after {
    content: "İngilizce" "\000A" "Broşür" !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
    white-space: pre-line !important;
    padding-top: 4px !important;
    display: block !important;
}

/* Mouse ile üzerine gelince bayrağı gizle, sadece yazı kalsın istiyorsanız: */
.btn.btn-buy.btn-broscure-custom:hover:before,
.btn.btn-buy.btn-broscure-en:hover:before {
    display: none !important; /* Üzerine gelince bayrak kaybolur */
}

.btn.btn-buy.btn-broscure-custom:hover:after,
.btn.btn-buy.btn-broscure-en:hover:after {
    padding-top: 0 !important; /* Yazı tam ortada kalır */
}
/* --- Hover Anında Sağa Kaymayı Önleme ve Tam Yatay Merkezleme --- */

.btn.btn-buy.btn-broscure-custom:hover,
.btn.btn-buy.btn-broscure-en:hover {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding-left: 0 !important;  /* Temadan gelebilecek sol iç boşluğu sıfırlar */
    padding-right: 0 !important; /* Temadan gelebilecek sağ iç boşluğu sıfırlar */
}

.btn.btn-buy.btn-broscure-custom:hover:after,
.btn.btn-buy.btn-broscure-en:hover:after {
    position: static !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;    /* Yatayda tam ortaya kilitler */
    padding: 0 !important;
    transform: none !important;
}



/* PDF e çevirirken satırları bölme ayarı */
tr {
    page-break-inside: avoid;
    break-inside: avoid;
}

/*  
    ----------------------------------
    6. Breadcrumbs
    ----------------------------------
*/
.breadcrumb {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.breadcrumb.breadcrumb-inverted {
    background: transparent;
    margin: 0;
    padding: 0;
}

.breadcrumb.breadcrumb-inverted > li {
    color: white;
}

.breadcrumb.breadcrumb-inverted > li > a {
    color: white;
}

.breadcrumb > li.active,
.breadcrumb > li.active a {
    color: #ff5800;
}

.breadcrumb > li a.active {
    color: #ff5800;
}

@media (max-width: 767px) {
    .breadcrumb {
        overflow: auto;
    }
}

/*  
    ----------------------------------
    7. Checkbox
    ----------------------------------
*/
.checkbox {
    margin: 0;
    padding: 5px 0;
}

.checkbox label {
    padding-left: 35px;
    line-height: 1.8;
}

.checkbox label a {
    color: #8b8b8b;
    text-decoration: underline;
}

.checkbox label a:hover {
    color: #ffbb00;
}

.checkbox input[type=checkbox], .checkbox input[type=radio] {
    display: none;
}

.checkbox input[type=checkbox] + label:before, .checkbox input[type=radio] + label:before {
    font-family: 'LinearIcons';
    content: "";
    line-height: 22px;
    font-size: 16px;
    position: absolute;
    border: 1px solid #bbc4c7;
    display: inline-block;
    height: 25px;
    width: 25px;
    padding: 0;
    left: 0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.checkbox input[type=checkbox]:checked + label:before, .checkbox input[type=radio]:checked + label:before {
    background: #ffbb00;
    color: white;
    border-color: #ffbb00;
    text-align: center;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.checkbox input[type=checkbox]:checked + label:before {
    content: "\e870";
}

.checkbox input[type=radio]:checked + label:before {
    content: "\e814";
}

.checkbox input[type=checkbox]:checked + label:after, .checkbox input[type=radio]:checked + label:after {
    font-weight: bold;
}

/*  
    ----------------------------------
    8. Sections
    ----------------------------------
*/
section {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (min-width: 1200px) {
    section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

/*  
    ----------------------------------
    9. Header
    ----------------------------------
*/
header {
    display: block;
    margin-bottom: 40px;
}

header .title {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #c3bfbf; /* Popüler Ürünler Başlığı Yazıtipi Rengi */
    text-transform: none; /* Büyük harf zorlamasını kaldırır */
    z-index: 1;
    position: relative;
}

header .title:last-child {
    margin-bottom: 0;
}

header .subtitle {
    text-transform: none;
}

header .text p:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    header {
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    header {
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    header {
        margin-bottom: 40px;
    }
}

header .text p {
    color: #ffbb00; /* Buradaki renk kodunu istediğiniz gibi değiştirin */
}

/*  
    ----------------------------------
    10. Main Header
    ----------------------------------
*/
.main-header {
    padding-top: 128px;
    padding-bottom: 20px;
    background-color: #3a3d45;
    background-size: cover;
    background-position: center;
}

.main-header header, .main-header .title {
    color: white;
}

.main-header header {
    margin-bottom: 5px;
}

@media (min-width: 992px) {
    .main-header {
        padding-top: 200px;
    }
    .main-header.main-header-blog {
        padding-bottom: 100px;
    }
}

@media print {
    .main-header {
        padding: 40px 0 !important;
    }
}

/*  
    ----------------------------------
    11. Main navigation
    ----------------------------------
*/
nav {
    position: absolute;
    background-color: black;
    z-index: 9999;
    width: 100%;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media print {
    nav {
        display: none !important;
    }
}

nav.navbar-fixed {
    position: fixed;
    background-color: transparent;
}

nav.navbar-default {
    position: relative;
    background-color: black;
}

nav.navbar-sticked {
    background-color: #232529;
}

nav.navbar-sticked .navigation-top > ul {
    height: 0;
    border-color: transparent;
}

nav .container,
nav .navigation {
    position: relative;
}

nav .navigation ul,
nav .navigation ul li {
    margin: 0;
    padding: 0;
}

nav .navigation ul li {
    list-style-type: none;
}

nav .navigation > ul {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

nav .navigation > ul > li,
nav .navigation > ul > li > a {
    display: inline-block;
}

nav .navigation > ul > li > a {
    padding: 14px 20px;
}

nav .navigation > ul > li.active a, nav .navigation > ul > li.active a:hover {
    color: #7b7b7b;
}

nav .navigation .logo {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}

nav .navigation .logo img {
    max-width: 150px;
}

nav .navigation .nav-settings ul li {
    cursor: pointer;
    padding: 5px 0;
}

nav .navigation .nav-settings ul li:hover {
    color: black;
}

nav .navigation .nav-settings:hover .nav-settings-list {
    visibility: visible;
    opacity: 1;
}

nav .navigation .nav-settings .nav-settings-list {
    border-bottom: 5px solid black;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background-color: #ffbb00;
    color: white;
    top: 100%;
    z-index: 999;
    padding: 10px;
    text-align: left;
    min-width: 80px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

nav .navigation-top {
    position: relative;
    z-index: 99999;
}

nav .navigation-top > ul {
    text-align: right;
    height: 28px;
    overflow: hidden;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

nav .navigation-top > ul > li > a {
    color: #ffbb00;
    padding: 5px 13px;
}

nav .navigation-top > ul > li > a:hover {
    color: #ffc933;
}

@media (min-width: 991px) {
    nav .navigation-top > ul {
        height: 35px;
    }
    nav .navigation-top > ul > li > a {
        padding: 5px 15px;
    }
}

nav .navigation-main .open-cart,
nav .navigation-main .open-login,
nav .navigation-main .open-search,
nav .navigation-main .open-settings,
nav .navigation-main .open-menu,
nav .navigation-main .close-menu-wrapper {
    display: none;
}

nav .navigation-main .open-dropdown {
    margin-left: 5px;
}

nav .navigation-main .floating-menu > ul > li > a {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: normal;
}

nav .navigation-main .navbar-dropdown .navbar-box .row > div {
    margin-bottom: 15px;
    margin-bottom: 0;
}

nav .navigation-main .navbar-dropdown .navbar-box ul {
    margin-bottom: 20px;
}

nav .navigation-main .navbar-dropdown .navbar-box ul > li {
    padding: 0;
    list-style-type: none;
    margin-bottom: 5px;
}

nav .navigation-main .navbar-dropdown .navbar-box ul > li.label {
    padding: 5px 0;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 6px;
    font-weight: normal;
    color: #ffbb00;
    text-transform: normal;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

@media (min-width: 992px) {
    nav .navigation-main .navbar-dropdown .navbar-box ul > li.label {
        font-size: 18px;
        color: white;
        margin-bottom: 12px;
    }
}

nav .navigation-main .navbar-dropdown .navbar-box ul > li > a {
    color: white;
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #ffc933;
}

nav .navigation-main .navbar-dropdown .navbar-box ul > li > a span.label {
    padding: 2px 4px;
    vertical-align: super;
    font-size: 55%;
    display: inline-block;
}

@media (min-width: 992px) {
    nav .navigation-main .navbar-dropdown .navbar-box ul > li > a:hover {
        color: black;
    }
}

nav .navigation-main .navbar-dropdown .navbar-box ul > li:last-child > a {
    border-bottom: 0;
}

@media (min-width: 992px) {
    nav .navigation .floating-menu > ul > li,
    nav .navigation .floating-menu > ul > li > a {
        display: inline-block;
    }
    nav .navigation .logo {
        position: absolute;
        z-index: 1;
        top: 5px;
        left: 0;
    }
    nav .navigation-top {
        display: block;
    }
    nav .navigation-main .floating-menu > ul {
        position: relative;
        text-align: right;
        border-bottom: 0px solid #CCC;
    }
    nav .navigation-main .floating-menu > ul > li > a {
        color: white;
        padding: 20px 10px;
    }
    nav .navigation-main .floating-menu > ul > li > a.current:after, nav .navigation-main .floating-menu > ul > li > a:after {
        position: absolute;
        background-color: #ffbb00;
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        height: 5px;
        width: 100%;
        display: block;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown {
        position: absolute;
        overflow: hidden;
        color: white;
        width: 100%;
        left: 0;
        right: 0;
        top: 99%;
        text-align: left;
        z-index: 9999;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -moz-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box {
        display: table;
        width: 100%;
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .image img {
        width: 100%;
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box > div {
        display: table-cell;
        vertical-align: top;
        width: 50%;
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .box-1 {
        background-color: rgba(0, 0, 0, 0.9);
        width: 40%;
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .box-2 {
        width: 60%;
        background-color: #ffbb00;
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .box {
        padding: 40px 50px;
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box ul {
        width: 100%;
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box ul:last-child {
        margin-bottom: 0;
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown.navbar-dropdown-single {
        width: auto;
        right: auto;
        left: auto;
        max-width: 250px;
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown.navbar-dropdown-single .navbar-box {
        min-height: inherit;
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown.navbar-dropdown-single .navbar-box .box {
        padding: 20px;
    }
    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .btn {
        margin-top: 20px;
    }
    nav .navigation-main .floating-menu > ul > li.active a:hover {
        color: #ffbb00;
    }
    nav .navigation-main .floating-menu > ul > li a.current:after,
    nav .navigation-main .floating-menu > ul > li:hover a:after {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    nav .navigation-main .floating-menu > ul > li:last-child > a {
        padding-right: 0;
    }
    nav .navigation-main .floating-menu > ul > li:last-child .navbar-dropdown.navbar-dropdown-single {
        right: 0;
    }
    nav .navigation-main .floating-menu > ul > li:hover .navbar-dropdown {
        -moz-transition: all 0.6s cubic-bezier(0, 0.95, 0.8, 0.99);
        -o-transition: all 0.6s cubic-bezier(0, 0.95, 0.8, 0.99);
        -webkit-transition: all 0.6s cubic-bezier(0, 0.95, 0.8, 0.99);
        transition: all 0.6s cubic-bezier(0, 0.95, 0.8, 0.99);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
}

@media (max-width: 991px) {
    nav.navbar-fixed {
        position: absolute;
        background-color: black;
    }
    nav.navbar-single-page {
        position: fixed !important;
    }
    nav .container {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    nav .navigation.navigation-top {
        background-color: black;
    }
    nav .navigation .logo {
        width: 165px;
        overflow: hidden;
        padding-left: 14px;
    }
    nav .navigation-main .open-menu,
    nav .navigation-main .close-menu-wrapper {
        display: block;
    }
    nav .navigation-main .open-menu {
        position: absolute;
        top: 0px;
        right: 0;
        width: 40px;
        height: 100%;
        color: #fff;
        text-align: center;
        border-left: 1px solid #333;
    }
    nav .navigation-main .open-menu .icon {
        font-size: 15px;
        line-height: 58px;
    }
    nav .navigation-main .floating-menu {
        position: absolute;
        padding: 0 10px;
        z-index: 9999;
        width: 100%;
        top: 0;
        right: 0;
        left: auto;
        background-color: #000000;
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    nav .navigation-main .floating-menu.expanded, nav .navigation-main .floating-menu.expanded .close-menu {
        display: block;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    nav .navigation-main .floating-menu.expanded > ul > li {
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }
    nav .navigation-main .floating-menu .navbar-dropdown {
        display: none;
        background-color: #1a1a1a;
        padding: 0 10px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        margin-bottom: 10px;
    }
    nav .navigation-main .floating-menu > ul {
        overflow: hidden;
    }
    nav .navigation-main .floating-menu > ul > li {
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(1) {
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(2) {
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(3) {
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(4) {
        -moz-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(5) {
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(6) {
        -moz-transition-delay: 0.6s;
        -o-transition-delay: 0.6s;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(7) {
        -moz-transition-delay: 0.7s;
        -o-transition-delay: 0.7s;
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(8) {
        -moz-transition-delay: 0.8s;
        -o-transition-delay: 0.8s;
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(9) {
        -moz-transition-delay: 0.9s;
        -o-transition-delay: 0.9s;
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(10) {
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(11) {
        -moz-transition-delay: 1.1s;
        -o-transition-delay: 1.1s;
        -webkit-transition-delay: 1.1s;
        transition-delay: 1.1s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(12) {
        -moz-transition-delay: 1.2s;
        -o-transition-delay: 1.2s;
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(13) {
        -moz-transition-delay: 1.3s;
        -o-transition-delay: 1.3s;
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(14) {
        -moz-transition-delay: 1.4s;
        -o-transition-delay: 1.4s;
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(15) {
        -moz-transition-delay: 1.5s;
        -o-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(16) {
        -moz-transition-delay: 1.6s;
        -o-transition-delay: 1.6s;
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(17) {
        -moz-transition-delay: 1.7s;
        -o-transition-delay: 1.7s;
        -webkit-transition-delay: 1.7s;
        transition-delay: 1.7s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(18) {
        -moz-transition-delay: 1.8s;
        -o-transition-delay: 1.8s;
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(19) {
        -moz-transition-delay: 1.9s;
        -o-transition-delay: 1.9s;
        -webkit-transition-delay: 1.9s;
        transition-delay: 1.9s;
    }
    nav .navigation-main .floating-menu > ul > li:nth-child(20) {
        -moz-transition-delay: 2s;
        -o-transition-delay: 2s;
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }
    nav .navigation-main .floating-menu > ul > li > a {
        color: white;
        display: block;
        border-bottom: 1px solid #252525;
        padding: 15px 0;
        position: relative;
    }
    nav .navigation-main .floating-menu > ul > li .open-dropdown {
        position: absolute;
        display: block;
        width: 40px;
        height: 100%;
        right: 0;
        top: 0;
        font-size: 22px;
        line-height: 50px;
        text-align: center;
    }
    nav .navigation-main .floating-menu > ul > li .open-dropdown .fa:before {
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        display: inline-block;
    }
    nav .navigation-main .floating-menu > ul > li.expanded .open-dropdown .fa:before {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    nav .navigation-main .close-menu-wrapper {
        height: 50px;
        border-bottom: 1px solid #252525;
    }
    nav .navigation-main .close-menu {
        cursor: pointer;
        display: block;
        height: 50px;
        width: 50px;
        float: right;
        background-size: auto 50px;
        background-position: 100% center;
        background-repeat: no-repeat;
        color: white;
        text-align: right;
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    nav .navigation-main .close-menu .icon {
        font-size: 26px;
        line-height: 50px;
        padding-right: 8px;
    }
    nav .navigation-main .navbar-dropdown .box-1 {
        display: none;
    }
    nav .navigation-main .navbar-dropdown ul {
        margin: 20px 0;
        padding: 0;
    }
    nav .navigation-main .navbar-dropdown .navbar-box ul > li > a {
        border-color: #252525;
        font-size: 14px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    nav .navigation-main .navbar-dropdown .navbar-box ul > li > a.label {
        text-transform: uppercase;
        margin-bottom: 10px;
        display: inline-block;
    }
	
	/* Mobil görünümde 'expanded' sınıfı alan li elemanının alt menüsünü göster */
    nav .navigation-main .floating-menu > ul > li.expanded .navbar-dropdown {
        display: block !important;
    }
}

nav .open-login,
nav .open-cart,
nav .open-settings,
nav .open-search {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

nav .open-login.open .icon:before,
nav .open-cart.open .icon:before,
nav .open-settings.open .icon:before,
nav .open-search.open .icon:before {
    content: "\e870";
}

nav .open-cart {
    position: relative;
}

nav .open-cart span {
    background-color: #cc0000;
    color: white;
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 15px;
    right: 4px;
    top: 5%;
    text-align: center;
    font-size: 10px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

nav .categories {
    background-color: transparent;
    padding: 20px;
}

nav .categories a {
    display: block;
    color: white;
}

nav .categories figure .f-icon {
    font-size: 76px;
    line-height: 45px;
}

nav .categories figure figcaption {
    white-space: nowrap;
}

@media (min-width: 992px) {
    nav .categories {
        padding: 40px;
    }
    nav .categories a {
        color: white;
    }
    nav .categories figure {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    nav .categories {
        padding: 0;
    }
    nav .categories .row > div {
        padding: 1px;
    }
    nav .categories figure {
        background-color: #111;
        padding: 40px 5px;
    }
}

nav .search-wrapper {
    position: absolute;
    background: white;
    top: 100%; /* Menünün tam altından başla */
    margin-top: 5px; /* Menü ile arama kutusu arasında 5px boşluk bırakır */
    right: 15px;
    left: 15px;
    z-index: 9999;
    padding: 0;
}

nav .search-wrapper .form-control {
    padding-top: 20px;
    padding-bottom: 20px;
    height: inherit;
}

nav .search-wrapper .btn-search {
    position: absolute;
    right: 10px;
    top: 8px;
}

nav .search-wrapper .search-results {
    padding: 15px;
    border: 1px solid #dddddd;
}

nav .search-wrapper .search-results .search-result-items {
    margin-bottom: 20px;
}

nav .search-wrapper .search-results .search-result-items:last-child {
    margin-bottom: 0;
}

nav .search-wrapper .search-results .search-result-items ul {
    margin: 0;
    padding: 0;
}

nav .search-wrapper .search-results .search-result-items ul li {
    list-style-type: none;
    border-bottom: 1px solid #dddddd;
}

nav .search-wrapper .search-results .search-result-items ul li:last-child {
    border-bottom: 0;
}

nav .search-wrapper .search-results .search-result-items ul li a {
    display: block;
    padding: 7.5px 0;
}

nav .search-wrapper .search-results .search-result-items ul li a span {
    display: inline-block;
}

nav .search-wrapper .search-results .search-result-items ul li a .id {
    color: #ffbb00;
    padding-right: 7.5px;
}

nav .search-wrapper .search-results .search-result-items ul li a .name {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

nav .search-wrapper .search-results .search-result-items ul li a .category {
    color: #b9bcc5;
    font-size: 85%;
}

@media (max-width: 767px) {
    nav .search-wrapper .search-results .search-result-items ul li a .category {
        display: block;
    }
}

nav .search-wrapper .search-results .search-result-items .title {
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    nav .search-wrapper {
        left: 0;
        right: 0;
    }
    nav .search-wrapper .btn {
        top: 7px;
        right: 10px;
    }
}

/* Arama sonuç kutusunun içi boşsa onu sayfadan tamamen kaldır */
nav .search-wrapper .search-results:empty {
    display: none !important;
    padding: 0 !important;
    border: none !important;
}

nav .login-wrapper {
    width: 100%;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    display: inline-block;
    text-align: left;
    padding: 20px;
    top: 100%;
    left: auto;
    right: 0;
    z-index: 999;
}

nav .login-wrapper .btn {
    margin-top: 20px;
}

nav .login-wrapper a {
    display: block;
    font-size: 12px;
    padding: 5px 0;
}

@media (min-width: 768px) {
    nav .login-wrapper {
        max-width: 300px;
    }
}

nav .cart-wrapper {
    position: absolute;
    width: 100%;
    top: 100%;
    right: 0;
    padding: 7.5px;
    max-width: 500px;
    background: #eeeeee;
    border: 1px solid #ffbb00;
    overflow: hidden;
}

nav .cart-wrapper .checkout {
    padding: 0 15px;
    opacity: 0;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

nav .cart-wrapper .checkout hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

nav .cart-wrapper .checkout .cart-block {
    padding: 10px;
    margin-bottom: 10px;
    width: 48%;
    float: left;
    margin: 1%;
    display: block;
}

nav .cart-wrapper .checkout .cart-block > div {
    display: block;
}

nav .cart-wrapper .checkout .cart-block > div.image {
    width: initial;
    float: left;
}

nav .cart-wrapper .checkout .cart-block > div.title {
    padding-left: 0;
    width: 100%;
}

nav .cart-wrapper .checkout .cart-block > div.quantity, nav .cart-wrapper .checkout .cart-block > div.price {
    width: 50%;
    float: left;
}

nav .cart-wrapper .checkout .cart-block > div.quantity {
    padding: 5px 0;
    text-align: left;
}

nav .cart-wrapper .checkout .cart-block > div.quantity .form-control {
    width: 60px;
    height: inherit;
}

nav .cart-wrapper .checkout .cart-block > div.price {
    padding-right: 10px;
}

nav .cart-wrapper .checkout .cart-block.cart-block-footer {
    padding: 5px 0;
    margin: 0;
    margin-bottom: 3px;
    width: 100%;
    background-color: transparent;
}

nav .cart-wrapper .checkout .cart-block.cart-block-footer > div {
    float: left;
    padding: 0;
}

nav .cart-wrapper .checkout .cart-block .icon-delete {
    padding: 2px;
}

nav .cart-wrapper .checkout .cart-block-buttons {
    margin: 20px 0;
}

nav .cart-wrapper.open .checkout {
    opacity: 1;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

nav .search-wrapper,
nav .login-wrapper,
nav .cart-wrapper {
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

nav .search-wrapper.open,
nav .login-wrapper.open,
nav .cart-wrapper.open {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

/*  
    ----------------------------------
    12. Categories
    ----------------------------------
*/
.categories {
    background: #f8f8f8;
}

.categories .test {
    color: white;
}

.categories figure {
    text-align: center;
}

.categories figure figcaption {
    font-size: 14px;
    text-transform: uppercase;
}

.categories figure .f-icon {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 100px;
}

.categories figure:hover .f-icon {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

/*  
    ----------------------------------
    13. Header content
    ----------------------------------
*/
.header-content {
    margin-top: 96px;
    padding: 0;
    position: relative;
    overflow: visible; /* İkonların dışarıda kalmaması için hidden yerine visible */
    min-height: 600px; 
    height: auto;      /* İçerik arttıkça kutunun büyümesini sağlar */
}

.header-content .item {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

.header-content .item .box {
    position: absolute;
    width: 100%;
    color: #fff;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
}

.header-content .item .title {
    color: white;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    text-transform: none;
}

.header-content .item .btn {
    margin-top: 40px;
}

@media (min-width: 768px) {
    .header-content .item {
        height: 600px;
    }
    .header-content .item .title {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    .header-content .item {
        height: 700px;
    }
    .header-content .item .title {
        font-size: 300%;
    }
}

.header-content .owl-theme .owl-controls .owl-pagination {
    text-align: end;
    padding-right: 20px;
}

.header-content .owl-theme .owl-controls .owl-buttons div span {
    color: white;
}

.header-content .owl-theme .owl-controls .owl-page span {
    background: white;
}

/*  
    ----------------------------------
    14. Blocks
    ----------------------------------
*/
.blocks {
    padding: 400px 0;
    position: relative;
}

.blocks .image {
    background-position: center;
    background-size: cover;
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
}

.blocks .item {
    width: 50%;
}

.blocks.rtl .item {
    padding-right: 50px;
}

.blocks.ltr .item {
    margin-left: 50%;
    padding-left: 50px;
}

.blocks.ltr .image {
    right: 50%;
}

.blocks.blocks-fluid {
    background-color: #e8e8e8;
    position: relative;
}

.blocks.blocks-boxed {
    padding: 0;
}

.blocks.blocks-boxed .container {
    position: relative;
}

.blocks.blocks-boxed .text {
    padding: 45px 0;
}

@media (max-width: 768px) {
    .blocks > div {
        display: flex;
        flex-flow: column;
    }
    .blocks .item {
        order: 2;
        width: 100%;
    }
    .blocks .image {
        width: 100%;
        order: 1;
        position: relative;
        min-height: 300px;
        left: 0;
        right: 0;
    }
    .blocks.ltr .item,
    .blocks.rtl .item {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    .blocks .text,
    .blocks.blocks-boxed .text {
        padding: 20px 0 0 0;
    }
}

/*  
    ----------------------------------
    15. Sort bar
    ----------------------------------
*/
.sort-bar {
    margin-bottom: 15px;
    font-size: 14px;
}

.sort-bar select {
    background-color: white;
    padding: 5px;
    border: 1px solid #dddddd;
    outline: none;
}

.sort-bar .grid-list {
    padding-right: 0 !important;
}

.sort-bar .grid-list a {
    background: white;
    color: #666666;
    padding: 5px 8px;
    display: inline-block;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sort-bar .grid-list a:hover {
    background-color: #ffbb00;
    color: white;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.sort-bar strong {
    font-weight: 600;
    color: #616161;
}

.sort-bar a.toggle-filters-mobile {
    display: inline-block;
}

.sort-bar .sort-results > span {
    display: none;
    padding: 0 10px;
}

@media (min-width: 992px) {
    .sort-bar {
        padding: 0;
        margin-top: -15px;
        opacity: 0.2;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }
    .sort-bar:hover {
        opacity: 1;
    }
    .sort-bar .sort-results > span {
        display: inline-block;
    }
    .sort-bar a.toggle-filters-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .sort-bar {
        background-color: white;
        margin-top: -30px;
        margin-bottom: 1px;
        padding: 7.5px;
    }
}

/*  
    ----------------------------------
    16. Price filter
    ----------------------------------
*/
.price-filter {
    padding: 15px 0;
}

.price-filter.price-filter-top {
    padding: 0;
    margin-top: -20px;
    margin-bottom: 20px;
}

/* 
    ----------------------------------
    17. Pagination
    ----------------------------------
*/
.pagination-wrapper {
    position: relative;
    text-align: center;
}

@media (max-width: 767px) {
    .pagination-wrapper {
        margin: 0 15px;
        padding-top: 20px;
    }
}

.pagination-wrapper .pagination > li:first-child, .pagination-wrapper .pagination > li:last-child {
    position: absolute;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.pagination-wrapper .pagination > li:first-child:hover, .pagination-wrapper .pagination > li:last-child:hover {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.pagination-wrapper .pagination > li:first-child {
    left: 0;
}

.pagination-wrapper .pagination > li:last-child {
    right: 0;
}

.pagination-wrapper .pagination > li > a,
.pagination-wrapper .pagination > li > span {
    border: 0;
    border-radius: 100%;
    color: white;
    background-color: #ffbb00;
    margin: 0 3px;
    display: inline-block;
    padding: 6px 12px;
}

.pagination-wrapper .pagination > li > a:hover,
.pagination-wrapper .pagination > li > span:hover {
    background-color: black;
}

.pagination-wrapper .pagination .active > a, .pagination-wrapper .pagination .active > a:hover, .pagination-wrapper .pagination .active > a:focus,
.pagination-wrapper .pagination .active > span,
.pagination-wrapper .pagination .active > span:hover,
.pagination-wrapper .pagination .active > span:focus {
    background-color: black;
}

/* Sayfalama: İlk / Önceki / Sonraki / Son düğmeleri, pasif durum ve sayfa seçme kutusu */
.pagination .pg-text {
    display: none;
}

/* İlk / Önceki / Sonraki / Son: simge düğmeleri (daire) */
.pagination .pg-sym {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
}

.pagination-wrapper .pagination > li.pg-nav > a,
.pagination-wrapper .pagination > li.pg-nav > span {
    min-width: 32px;
    padding: 6px 0;
    text-align: center;
}

/* Pasif düğme (ilk sayfada İlk/Önceki, son sayfada Sonraki/Son) */
.pagination-wrapper .pagination > li.disabled > span,
.pagination-wrapper .pagination > li.disabled > span:hover {
    background-color: #d9d9d9;
    color: #fff;
    cursor: not-allowed;
}

.pagination-wrapper .pagination > li.disabled:hover {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}

/* Sayfa seçme kutusu (diğer düğmeler gibi sarı, üzerine gelince siyah) */
.pagination-wrapper .pagination > li.pg-select-li > select.pg-select {
    float: left;
    height: 32px;
    margin: 0 3px;
    padding: 0 24px 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #ffbb00;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='white'/></svg>");
    background-repeat: no-repeat;
    background-position: right 9px center;
    color: white;
    font-size: 14px;
    line-height: 32px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.pagination-wrapper .pagination > li.pg-select-li > select.pg-select:hover,
.pagination-wrapper .pagination > li.pg-select-li > select.pg-select:focus {
    background-color: black;
    outline: none;
}

.pagination-wrapper .pagination > li.pg-select-li > select.pg-select option {
    background: #fff;
    color: #333;
}

@media (max-width: 767px) {
    /* Dar ekranda İlk ve Son köşeye sabitlenmez, satırın içinde akar */
    .pagination-wrapper .pagination > li:first-child,
    .pagination-wrapper .pagination > li:last-child {
        position: static;
    }
}

@media (max-width: 480px) {
    .pagination-wrapper .pagination > li > a,
    .pagination-wrapper .pagination > li > span {
        margin: 0 2px;
        padding: 6px 9px;
    }
    .pagination-wrapper .pagination > li.pg-select-li > select.pg-select {
        margin: 0 2px;
        padding: 0 22px 0 9px;
    }
}

/*  
    ----------------------------------
    18. Filters
    ----------------------------------
*/
.filters .filter-box {
    margin-bottom: -1px;
    border: 1px solid #e4e4e4;
}

.filters .filter-box .title {
    cursor: pointer;
    padding: 10px;
    background-color: white;
    position: relative;
}

.filters .filter-box .title span {
    font-size: 70%;
    color: #008685;
	display: none; 
	/* Seçilen ürün türü metnini başlığın yanına ekliyordu bu hali ile gizliyor */
}

.filters .filter-box .title:after {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    content: "\e874";
    font-family: 'LinearIcons';
    position: absolute;
    display: inline-block;
    line-height: 42px;
    height: 42px;
    width: 42px;
    right: 0;
    top: 0;
    text-align: center;
}

.filters .filter-box.active .title:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (min-width: 992px) {
    .filters .filter-box {
        margin-bottom: 10px;
        border: 0;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
}

.filters .filter-content {
    display: none;
    padding: 10px;
    background-color: white;
    border-top: 1px solid #dddddd;
    max-height: 220px; /* Yaklaşık 6 satırlık yükseklik sınırı */
    overflow: hidden;    /* 6'yı aşan kısımları gizle */
    transition: max-height 0.3s ease;
}

/* Kullanıcı "Daha Fazla Göster" dediğinde açılmasını sağlayan sınıf */
.filters .filter-content.expanded {
    max-height: 800px;   /* Tüm listenin sığabileceği maksimum yükseklik */
    overflow-y: auto;    /* Uzun liste olursa kaydırma çubuğu çıkar */
}

.btn-more {
    background: none !important;
    border: none !important;
    padding: 5px 0 !important;
    color: #015281; /* veya kendi site bağlantı renginiz */
    text-decoration: underline !important;
    cursor: pointer;
    box-shadow: none !important;
    font-size: 14px; /* İhtiyacınıza göre boyut ayarı */
    display: inline-block;
    margin-top: 4px;
}

.btn-more:hover {
    color: #003d82;
    text-decoration: underline !important;
}

/* Alt filtre gruplarında "Daha Fazla Göster" düğmesi seçeneklerin içinde (script.js .inline-more ekler) */
.filters .filter-content.inline-more,
.filters .filter-content.inline-more.expanded {
    max-height: none;
    overflow: visible;
}

.filters .filter-content.inline-more .filter-extra {
    display: none;
}

.filters .filter-content.inline-more.expanded .filter-extra {
    display: block;
}

.filters .filter-content .btn-more-inline {
    display: block;
    margin-top: 6px;
    padding: 5px 0 !important;
}


.filters .filter-content .checkbox label {
    display: block;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* non-prefixed version, currently*/
}

.filters .filter-content i {
    font-style: normal;
    display: block;
    font-size: 70%;
    float: right;
    line-height: 28px;
    margin-right: 5px;
}

.filters.filters-top .filter-box {
    position: relative;
}

.filters.filters-top .filter-update {
    display: none;
}

@media (min-width: 992px) {
    .filters.filters-top {
        padding-top: 40px;
        background-color: #eeeeee;
    }
    .filters.filters-top .filter-content {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 99;
        border: 1px solid #e4e4e4;
        margin: 0;
        max-height: 300px;
        overflow: auto;
    }
    .filters.filters-top .filter-update {
        border-top: 1px solid #dddddd;
        padding: 10px;
        text-align: center;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        background-color: #ffbb00;
        color: white;
        display: none;
    }
    .filters.filters-top .filter-box {
        margin-bottom: 0;
    }
    .filters.filters-top .filter-box.active .filter-update {
        display: block;
    }
}

@media (max-width: 991px) {
    .filters.filters-top .container {
        padding: 0;
        width: 100%;
    }
}

.filters .toggle-filters-close {
    width: 100%;
}

@media (max-width: 991px) {
    .filters {
        background-color: white;
        position: fixed;
        width: 50%;
        height: 100%;
        z-index: 9999;
        top: 0;
        left: auto;
        right: 0;
        overflow: auto;
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .filters .row {
        margin: 0;
    }
    .filters .row > div {
        padding: 0;
    }
    .filters.active {
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
    }
    .filters .toggle-filters-close {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
}

/*  
    ----------------------------------
    19. Products category
    ----------------------------------
*/
.products {
    background-color: #eeeeee;
}

.products .box-filters {
    text-align: center;
    padding: 40px 0 0;
}

.products .box-filters figure {
    width: 70px;
    height: 70px;
    display: inline-block;
    padding: 10px;
    background-color: white;
    color: #666666;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 5px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.products .box-filters figure.active {
    background-color: #3a3d45;
    color: #ffbb00;
}

.products .box-filters figure .f-icon {
    display: block;
    font-size: 38px;
    line-height: 27px;
}

@media (min-width: 992px) {
    .products .box-filters figure {
        width: 100px;
        height: 100px;
    }
    .products .box-filters figure .f-icon {
        font-size: 68px;
        line-height: 50px;
    }
}

.products .box-filters-results {
    padding: 0;
    position: relative;
}

.products article {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: white;
    position: relative;
    transition: all 0.5s;
    margin-bottom: 1px;
    overflow: hidden;
}

.products article .label {
    position: absolute;
    top: 10px;
    left: 10px;
    line-height: initial;
}

.products article sub, .products article sup {
    font-size: 100%;
}

.products article .text {
    width: 100%;
    padding: 10px;
}

.products article .text a:hover {
    color: #333;
}

.products article .text .title {
    display: block;
    margin: 0 0 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none !important;
    overflow: hidden;
}

.products article .text .title small {
    color: #3a3d45;
    font-size: 45%;
}

.products article .text sub, .products article .text sup {
    bottom: auto;
    top: auto;
    display: inline-block;
    margin-right: 10px;
}

.products article .text sup {
    color: #d9534f !important;   /* Kırmızı renk */
    font-weight: 400 !important; /* Kalın yazı */
}

.products article .text sub {
    text-decoration: line-through;
    font-weight: 300;
}

.products article .image {
    overflow: hidden;
    height: auto;
}

.products article .image a {
    display: block;
}

.products article .image img {
    width: 100%;
}

.products article .btn-add {
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.products article:hover .btn-add {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.products article .info {
    display: none;
    position: absolute;
    width: 35px;
    right: 15px;
    top: 15px;
    margin-right: 0;
    margin-top: 5px;
    z-index: 3;
}

.products article .info .add-favorite.added {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.products article .info .add-favorite.bilgial {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.products article .info .add-favorite.added a {
    background-color: #e71d36;
}

.products article .info .add-favorite.bilgial a {
    background-color: #0a5380;
}

.products article .info .add-favorite.added a:hover:after {
    content: attr(data-title-added);
    background-color: inherit;
}

.products article .info .add-favorite.bilgial a:hover:after {
    content: attr(data-title-bilgial);
    background-color: inherit;
}

.products article .info a {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    background-color: dimgray;
    color: white;
    text-align: center;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
}

@media (min-width: 992px) {
    .products article .info a {
        margin-bottom: 10px;
    }
}

.products article .info a:hover {
    background-color: #000000;
    color: white;
}

.products article .info a:hover:after {
    position: absolute;
    content: attr(data-title);
    padding: 5px 6px;
    right: 110%;
    top: 3px;
    white-space: nowrap;
    z-index: 20;
    background-color: #000000;
    color: #fff;
    font-size: 10px;
    border-radius: 5px;
    line-height: normal;
}

.products article .info > span {
    display: block;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

@media (min-width: 992px) {
    .products article .info {
        display: block;
    }
}

.products article:hover .info > span {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.products article .info > span:nth-child(1) {
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.products article .info > span:nth-child(2) {
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.products article .info > span:nth-child(3) {
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.products article .figure-list {
    display: table;
    width: 100%;
}

.products article .figure-list .image,
.products article .figure-list .text {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.products article .figure-list .text {
    position: relative;
    padding: 0 20px;
}

.products article .figure-list .text .title {
    white-space: inherit;
}

.products article .figure-list .text .description {
    display: none;
    margin-top: 15px;
}

.products article .figure-grid .text .description {
    display: none;
}

/* Fare kartın (article) üzerine geldiğinde, description'ı görünür yap */
.products article:hover .text .description {
    display: block !important;
}

.products article .figure-block .text .description {
    position: relative;
    display: none;
    height: 80px;
    overflow: hidden;
    z-index: 1;
    padding-top: 5px;
}

.products article .figure-block .text .description:after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 75px;
    content: "";
    display: block;
    z-index: 2;
}

@media (min-width: 768px) {
    .products article .figure-block .text .description {
        display: block;
    }
}

@media (min-width: 768px) {
    .products.products-category {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .products article {
        margin-bottom: 30px;
    }
    .products article .label {
        top: auto;
        bottom: 10px;
        left: 10px;
    }
    .products article sub, .products article sup {
        font-size: 80%;
    }
    .products article:hover {
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    }
    .products article .figure-grid .text {
        position: absolute;
        padding: 20px 20px 0;
        top: 0;
    }

	/* Görselin kutusunu ideal bir kare boyutuna çekiyoruz */
	.products article .figure-list .image {
		width: 150px !important;   /* Genişlik sabit */
		height: 150px !important;  /* Yükseklik sabit */
		vertical-align: middle;
		text-align: center;
		/* Yeni eklenen boşluk kodları */
		padding: 10px;             /* Görselin dört bir yanından 10px iç boşluk bırakır */
		box-sizing: border-box;    /* Boşluğun, 150px'i dışa doğru büyütmesini engeller */
	}

	/* YENİ EKLENECEK BLOK: İçindeki resmi kutuya sığmaya zorlar */
	.products article .figure-list .image img {
		max-width: 100% !important;   /* Kutunun genişliğini (150px) asla aşamaz */
		max-height: 100% !important;  /* Kutunun yüksekliğini (150px) asla aşamaz */
		object-fit: contain !important; /* 415x850'lik en-boy oranını bozmadan kutuya sığdırır */
		display: inline-block;
	}

	/* Metin alanının genişlik yüzdesini kaldırıyoruz, 
	   tablo yapısı kalan tüm boşluğu otomatik olarak metne verecektir */
	.products article .figure-list .text {
		width: auto !important;    
		vertical-align: middle;
		padding-left: 20px;
	}


    .products article .figure-list .text .description {
        display: block;
    }
    .products article .figure-block .text {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .products .row {
        margin: 0;
    }
    .products .container,
    .products .row > div {
        padding-left: 1px;
        padding-right: 1px;
        padding-bottom: 1px;
    }
    .products .btn-add {
        display: none;
    }
}

/*  
    ----------------------------------
    20. Product page
    ----------------------------------
*/
.product {
    position: relative;
    padding: 0;
    overflow: hidden;
	margin-top: 80px; /* İhtiyacınıza göre piksel değerini değiştirebilirsiniz */
}

.product .main {
    padding: 20px 0;
}

.product .product-info-wrapper {
    position: relative;
    margin-bottom: 10px;
}

.ust-gorsel {
    max-width: 250px; /* Görselin maksimum genişliği (ihtiyacınıza göre değiştirebilirsiniz) */
    height: auto;
    margin-bottom: 10px; /* Görsel ile h1 başlığı arasındaki boşluk */
}

.product .title { /* Ürün Sayfasında Ürün Başlığı 1.Satır */
    color: #015281; 
    font-weight: 500;
    position: relative;
	text-transform: none;
}

.product .title:before {
    content: attr(data-title);
    font-size: 350%;
    color: rgba(99, 99, 99, 0.07);
    position: absolute;
    width: inherit;
    white-space: nowrap;
    left: -10%;
    top: -40%;
    z-index: 1;
	text-transform: none;
}

.product .title small { /* Ürün Sayfasında Ürün Başlığı 2.Satır */
    display: block; 
    text-transform: none;
    color: black;
    font-size: 70%;
    margin: 5px 0;
}

.product .price {
    margin-bottom: 20px;
}

.product .price small {
    text-decoration: line-through;
    margin-left: 10px;
}

/* Ürün Adı Altındaki Kategori vb. 3 bilgi*/
.product .info-box {
    margin-bottom: 2px;
    padding: 5px 0;
    display: table;
    width: 100%;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #2c3e50;
    -webkit-font-smoothing: antialiased;
}

.product .info-box > span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.product .info-box > span:first-child {
    width: 35%;
}

.product .info-box > span:last-child {
    width: 65%;
}

.product .info-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.product .info-box .checked {
    border-color: #ffbb00;
}

.product .info-box strong {
    display: block;
    font-weight: 600;
}

.product .info-box.info-cell {
    display: table;
    width: 100%;
}

.product .info-box.info-cell > span {
    display: table-cell;
    vertical-align: middle;
}

.product .info-box.info-box-addto {
    cursor: pointer;
}

.product .info-box.info-box-addto i {
    font-style: normal;
}

.product .info-box.info-box-addto .added {
    display: none;
    color: #ffbb00;
}

.product .info-box.info-box-addto .add {
    display: block;
}

.product .info-box.info-box-addto.added .added {
    display: block;
}

.product .info-box.info-box-addto.added .add {
    display: none;
}

.product .product-colors {
    display: block;
}

.product .info {
    background-color: #e2e2e2;
    padding: 20px 0;
    z-index: 1;
}

.product .info .content {
    padding: 30px 0;
}

.product .info .content hr {
    border-color: #c1c1c1;
}

.product .info .content .full-image {
    width: 100%;
}

.product .info .content h3 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.product .info .content h3:after {
    background: #fbb700;
    content: "";
    width: 50px;
    height: 1px;
    position: absolute;
    top: 100%;
    left: 0;
}

.product .info .products {
    background-color: transparent;
}

.product .owl-product-gallery.owl-theme .owl-controls .owl-buttons div span {
    background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
    .product .main {
        padding: 50px 0;
        margin-bottom: 50px;
    }
    .product .title {
        margin-top: 0;
    }
    .product .product-info-wrapper {
        padding-top: 30px;
        margin-bottom: 50px;
    }
}

@media (max-width: 991px) {
    .product .product-flex {
        display: flex;
        flex-flow: column;
    }
    .product .product-flex .product-flex-gallery {
        order: 1;
    }
    .product .product-flex .product-flex-info {
        order: 2;
    }
}

.owl-product-gallery a {
    display: block;
    text-align: center; /* İçindeki görseli yatayda ortalar */
}

.owl-product-gallery img {
    height: 20vh !important;
    width: auto !important;
    max-width: 100% !important; /* Logonun veya görsellerin kutudan taşmasını engeller */
    object-fit: contain !important;
    display: block !important; /* Inline-block yerine blok yaparak ortalamayı kolaylaştırır */
    margin: 0 auto !important; /* Görselleri yatayda tam ortalar */
}

.title + hr {  /* Ürün Başlığından sonraki çizgiden önce-sonraki boşluk*/
    margin-top: 0px;
    margin-bottom: 5px;
}

.urun-ozellik-listesi {
    list-style: none; /* Varsayılan liste işaretlerini kaldırır */
    padding: 0;
    margin: 0;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #2c3e50;
    -webkit-font-smoothing: antialiased;
}

.urun-ozellik-listesi li {
    padding: 5px 0;
    border-bottom: 1px solid #f2f2f2;
    position: relative; /* Simge konumlandırması için gerekli */
    padding-left: 20px; /* Simgenin metnin üzerine binmemesi için sol boşluk */
}

.urun-ozellik-listesi li:last-child {
    border-bottom: none;
}

/* Check simgesini otomatik ekleyen kısım */
.urun-ozellik-listesi li::before {
    content: "✓";
    color: #008685;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 5px; /* Dikey hizalama ayarı */
}

/* Ürün Sayfasında Sekmelerin genişliğinin içeriğe göre otomatik  boyutlandırılması*/
/* Sekme çerçevesi (Pozisyonlama için relative olmalı) */
.tab-pane {
    background: #ffffff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #eaeaea;
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    position: relative; /* Düğmeyi içeride konumlandırmak için şart */
}

/* Özellik listesi (Önceki hali) */
.urun-ozellik-listesi {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important; /* Altta düğmeye yer kalması için alt boşluk */
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #2c3e50;
    display: flex;
    flex-direction: column;
    gap: 4px; 
}

.urun-ozellik-listesi li {
    width: 100%;
    list-style-type: none !important;
    padding: 4px 12px 4px 30px !important;
    background: #f8f9fa;
    border-radius: 6px;
    position: relative !important;
    box-sizing: border-box;
    border-bottom: none !important;
}

.urun-ozellik-listesi li::before {
    content: "✓" !important;
    color: #008685 !important;
    font-weight: bold !important;
    position: absolute !important;
    left: 10px !important;
    top: 4px !important;
}

/* === GİZLİ KOPYALA DÜĞMESİ STİLLERİ === */
.sekme-kopyala-btn {
    position: absolute;
    right: 15px;
    bottom: 15px;
    background: #f1f3f5;
    color: #495057;
    border: 1px solid #ced4da;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-family: 'Segoe UI', Roboto, sans-serif;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    opacity: 0; /* Başlangıçta tamamen gizli */
    visibility: hidden;
    transition: all 0.25s ease-in-out; /* Yumuşak açılma efekti */
}

/* Mouse sekme üzerine geldiğinde düğmeyi göster */
.tab-pane:hover .sekme-kopyala-btn {
    opacity: 1;
    visibility: visible;
}

.sekme-kopyala-btn:hover {
    background: #008685;
    color: #ffffff;
    border-color: #008685;
}

.model-tablo {
    width: 100%;
    border-collapse: collapse;
    margin-top: 2px;
	margin-bottom:2px;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #2c3e50;
    -webkit-font-smoothing: antialiased;
}

.model-tablo th, 
.model-tablo td {
    padding: 6px 6px;
    text-align: left;
    border-bottom: 1px solid #e1e8ed;
}

.model-tablo th {
    background-color: #f8f9fa;
    font-weight: 600;
    color: #1a252f;
}

.model-tablo tr:hover {
    background-color: #f1f5f8; /* Fareyle üzerine gelindiğinde hafif renk değişimi */
}


.teknik-tablo {
    width: 100%;
    border-collapse: collapse;
    margin-top: 2px;
    margin-bottom: 2px;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #2c3e50;
    -webkit-font-smoothing: antialiased;
}

.teknik-tablo th, 
.teknik-tablo td {
    padding: 3px 6px;
    text-align: left;
    border-bottom: 1px solid #e1e8ed;
}

.teknik-tablo td:first-child, 
.teknik-tablo th:first-child {
    width: 30%; 
}

.teknik-tablo td:last-child, 
.teknik-tablo th:last-child {
    width: 70%; 
}

.teknik-tablo th {
    background-color: #f8f9fa;
    font-weight: 600;
    color: #1a252f;
}

.teknik-tablo tr:hover {
    background-color: #f1f5f8;
}

#modeller .content, 
#modeller .row,
#teknik-ozellikler .content, 
#teknik-ozellikler .row {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/*  
    ----------------------------------
    21. Product color buttons
    ----------------------------------
*/
.color-btn {
    display: block;
    float: left;
    position: relative;
    width: 25px;
    height: 25px;
    background-color: #f8f8f8;
    border: 2px solid transparent;
    margin-right: 10px;
    text-align: center;
    font-size: 10px;
    line-height: 21px;
    color: black;
}

.color-btn:hover {
    cursor: pointer;
}

.color-btn.checked {
    border-color: black;
}

.color-btn.color-btn-red {
    background-color: #d20f0f;
}

.color-btn.color-btn-blue {
    background-color: #2863bd;
}

.color-btn.color-btn-green {
    background-color: #3c763d;
}

.color-btn.color-btn-gray {
    background-color: #adadad;
}

.color-btn.color-btn-biege {
    background-color: #ece3b4;
}

/*  
    ----------------------------------
    22. BLog
    ----------------------------------
*/
.blog {
    position: relative;
    background-color: #eeeeee;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.blog .title {
    color: #3a3d45;
}

.blog .pre-header {
    margin-bottom: 15px;
    padding-bottom: 7.5px;
    display: table;
    width: 100%;
}

.blog .pre-header .sort-bar {
    background-color: transparent;
    padding: 0;
}

.blog .pre-header > div {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.blog .pre-header > div > * {
    margin: 0;
}

@media (min-width: 992px) {
    .blog .pre-header {
        margin-bottom: 20px;
        padding-bottom: 7.5px;
    }
}

.blog .blog-title,
.blog .blog-subtitle {
    text-transform: none;
    color: #3a3d45;
}

.blog strong {
    font-weight: 600;
}

.blog .wrapper-more {
    margin: 20px 10px 0;
}

@media (min-width: 992px) {
    .blog .wrapper-more {
        margin: 30px 20px 0;
    }
}

.blog aside .box {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: white;
    padding: 20px;
    position: relative;
    margin-bottom: 15px;
}

.blog aside .box .title {
    padding-top: 7.5px;
    margin-bottom: 15px;
}

.blog aside .box ul {
    margin: 0;
    padding: 0;
}

.blog aside .box ul li {
    list-style-type: circle;
    margin-left: 20px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.blog aside .box ul li:hover {
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.blog aside .box ul li a {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #eaeaea;
}

.blog aside .box ul li.active a {
    color: #ffbb00;
}

.blog aside .box ul li:last-child a {
    border-bottom: 0;
}

.blog aside .box.box-search {
    padding: 0;
    position: relative;
    background-color: white;
}

.blog aside .box.box-search .form-control {
    border: 0;
}

.blog aside .box.box-search .btn {
    position: absolute;
    right: 10px;
    top: 8px;
}

.blog aside .box.box-posts ul li {
    list-style-type: none;
    margin-left: 0;
}

.blog aside .box.box-posts ul li a {
    position: relative;
    display: table;
    width: 100%;
}

.blog aside .box.box-posts ul li a > span {
    display: table-cell;
    vertical-align: middle;
}

.blog aside .box.box-posts ul li a .date {
    width: 40px;
    text-align: center;
    line-height: 1;
}

.blog aside .box.box-posts ul li a .date span {
    display: block;
}

.blog aside .box.box-posts ul li a .date span:nth-child(1) {
    font-size: 75%;
}

.blog aside .box.box-posts ul li a .date span:nth-child(2) {
    font-weight: bold;
    font-size: 20px;
}

.blog aside .box.box-posts ul li a .text {
    padding-left: 5px;
}

.blog aside .box.box-tags ul li {
    margin: 0 2px 2px 0;
    display: block;
    float: left;
}

.blog aside .box.box-tags ul li a {
    padding: 5px;
    border: 0;
    background-color: #ffbb00;
    color: white;
    font-size: 13px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.blog aside .box.box-tags ul li a:hover {
    background-color: #cc9600;
}

@media (min-width: 768px) {
    .blog aside {
        display: block;
    }
    .blog aside .box {
        margin-bottom: 30px;
    }
}

.blog .nav-link {
    position: absolute;
    width: 65px;
    height: 85px;
    top: 220px;
    cursor: pointer;
    opacity: 0.5;
    z-index: 50;
}

.blog .nav-link:hover {
    opacity: 1;
}

.blog .nav-link:before {
    font-family: 'LinearIcons';
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    font-stretch: normal;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 60px;
    content: "";
    display: inline-block;
    width: 65px;
    height: 65px;
}

.blog .nav-link.next {
    right: 5px;
}

.blog .nav-link.prev {
    left: 5px;
}

.blog .nav-link.prev:before {
    content: "\e875";
}

.blog .nav-link.next:before {
    content: "\e876";
}

.blog .nav-link figure {
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
    display: none;
    opacity: 0;
    position: absolute;
    width: 180px;
    left: auto;
    right: auto;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.blog .nav-link figure figcaption {
    text-align: center;
    padding: 10px;
}

.blog .nav-link figure figcaption .blog-title {
    margin: 0;
}

.blog .nav-link figure .image {
    position: relative;
    overflow: hidden;
}

.blog .nav-link figure .image img {
    width: 100%;
}

.blog .nav-link.next figure {
    right: 100%;
}

.blog .nav-link.prev figure {
    left: 100%;
}

.blog .nav-link.next:hover figure,
.blog .nav-link.prev:hover figure {
    opacity: 1;
}

@media (min-width: 992px) {
    .blog .nav-link figure {
        display: block;
    }
}

@media (max-width: 767px) {
    .blog .nav-link {
        display: none;
    }
}

.blog article {
    margin-bottom: 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.blog article, .blog article a {
    color: black;
}

.blog article a {
    display: block;
}

.blog article a:hover {
    color: black;
}

.blog article .image {
    background-position: center;
    background-size: cover;
    overflow: hidden;
    height: auto;
}

.blog article .image img {
    display: block;
    width: 100%;
}

.blog article .entry {
    background-color: white;
    padding: 10px 15px;
    position: relative;
}

.blog article .entry.entry-table {
    display: table;
    width: 100%;
    height: 80px;
}

.blog article .entry.entry-table > div {
    display: table-cell;
    vertical-align: middle;
}

.blog article .entry.entry-table .title {
    padding-left: 10px;
}

.blog article .entry .date-wrapper {
    width: 55px;
}

.blog article .entry .date-wrapper .date {
    width: 50px;
    height: 60px;
    z-index: 99;
    z-index: 99;
    padding: 7px 0;
    text-align: center;
    border-right: 1px solid #ccc;
}

.blog article .entry .date-wrapper .date span {
    display: block;
    font-size: 11px;
    line-height: 12px;
}

.blog article .entry .title > * {
    margin: 0;
    text-transform: none;
}

.blog article .description {
    padding: 15px 0;
    color: white;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.blog article .show-more {
    background-color: white;
    position: absolute;
    padding: 0 15px 15px;
    left: 0;
    top: 100%;
    width: 100%;
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.blog article .show-more .btn {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.blog article .show-more, .blog article .show-more .btn {
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.blog article.article-table {
    background-color: white;
}

.blog article.article-table > a {
    display: table;
    width: 100%;
}

.blog article.article-table > a > div {
    display: table-cell;
    vertical-align: middle;
}

.blog article.article-table > a .image {
    width: 50%;
}

.blog article.article-table > a .image img {
    display: none;
}

.blog article.article-table > a .text {
    padding: 15px;
    position: relative;
}

.blog article.article-table > a .text > * {
    position: relative;
    z-index: 99;
}

.blog article.article-table > a .text .text-intro {
    display: none;
}

.blog article.article-table > a .text:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: white;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.blog article.article-table:hover {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}

@media (min-width: 768px) {
    .blog article {
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        margin-bottom: 30px;
    }
    .blog article .description {
        padding: 25px 0;
        -moz-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        -o-transform: translate3d(0, 20px, 0);
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
    .blog article:hover {
        position: relative;
        color: initial;
        -moz-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        -o-transform: translate3d(0, -20px, 0);
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    .blog article:hover .text-wrapper {
        padding-bottom: 40px;
    }
    .blog article:hover .show-more {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    .blog article:hover .show-more .btn {
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .blog article:hover .description {
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    .blog article .image {
        height: 220px;
    }
    .blog article .image img {
        display: none;
    }
    .blog article.article-table:hover .text:before {
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
    }
    .blog article.article-table > a .text {
        padding: 40px;
    }
    .blog article.article-table > a .text .text-intro {
        display: block;
    }
    .blog article header {
        margin-bottom: 50px;
    }
}

.blog.blog-block article {
    position: relative;
}

.blog.blog-block article, .blog.blog-block article a, .blog.blog-block article .title {
    color: white;
}

.blog.blog-block article .entry-block {
    background-color: transparent;
    position: absolute;
    width: 100%;
    top: 0;
    overflow: hidden;
    padding: 25px;
}

.blog.blog-block article .date {
    font-size: 80%;
    margin-bottom: 5px;
}

.blog.blog-block article .image {
    height: auto;
}

.blog.blog-block article .image img {
    display: block;
}

.blog.blog-block article .image:before {
    background: -moz-linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, black 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 );
    /* IE6-9 */
    position: absolute;
    opacity: 0.5;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog.blog-block article .show-more {
    padding: 0;
    background-color: transparent;
    bottom: -45px;
    top: inherit;
    width: 90%;
    left: 50%;
    -moz-transform: scale(1, 1) translate(-50%, -50%);
    -ms-transform: scale(1, 1) translate(-50%, -50%);
    -o-transform: scale(1, 1) translate(-50%, -50%);
    -webkit-transform: scale(1, 1) translate(-50%, -50%);
    transform: scale(1, 1) translate(-50%, -50%);
}

.blog .blog-info.blog-info-top {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    padding: 5px 0;
    margin-bottom: 20px;
    text-align: left;
}

@media (min-width: 992px) {
    .blog .blog-info.blog-info-top {
        padding: 10px 0;
    }
}

.blog .blog-info.blog-info-bottom {
    padding: 20px 0;
}

.blog .blog-info ul {
    margin: 0;
    padding: 0;
}

.blog .blog-info ul li {
    padding: 0;
    list-style-type: none;
}

.blog .blog-info .entry {
    padding: 5px 10px 5px 25px;
    list-style-type: none;
    display: inline-block;
    font-size: 90%;
}

.blog .blog-info .entry .fa {
    margin-left: -25px;
    width: 20px;
    text-align: center;
    margin-right: 5px;
}

.blog .blog-info .entry.divider {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}

.blog .blog-post .blog-image-main img {
    width: 100%;
}

@media (min-width: 992px) {
    .blog .blog-post .blog-image-main {
        margin-top: -130px;
    }
    .blog .blog-post .blog-image-main img {
        box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2);
    }
}

@media (min-width: 1200px) {
    .blog .blog-post .blog-image-main {
        margin-top: -160px;
    }
}

.blog .blog-post .blog-post-content {
    background-color: white;
    padding: 20px;
}

@media (min-width: 992px) {
    .blog .blog-post .blog-post-content {
        padding: 60px;
    }
}

.blog .blog-post .blog-image {
    margin: 20px 0;
    display: block;
}

.blog .blog-post .blog-image .caption {
    display: block;
    text-align: center;
    font-size: 75%;
    font-style: italic;
    padding: 5px 0;
}

@media (min-width: 992px) {
    .blog .blog-post .blog-image {
        margin: 30px 0;
    }
}

.blog .blog-post .blog-post-text img {
    border: 5px solid white;
    width: 100%;
}

.blog .blog-post .blog-post-text h2, .blog .blog-post .blog-post-text h3, .blog .blog-post .blog-post-text h4, .blog .blog-post .blog-post-text h5 {
    margin-top: 35px;
    text-transform: none;
}

/*  
    ----------------------------------
    23. Designer
    ----------------------------------
*/
.designer {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
}

.designer .box {
    display: table;
    width: 100%;
}

.designer .image {
    background: #ffffff;
    padding: 10px;
    border-bottom: 1px solid #dddddd;
}

.designer .image img {
    width: 80%;
    margin: 0 auto;
    display: block;
    border-radius: 100%;
}

.designer .name {
    background-color: #f5f5f5;
    text-align: left;
    padding-left: 15px;
    padding: 20px !important;
}

.designer .name .title {
    margin: 0;
}

.designer .name .title small {
    font-size: initial;
    color: #666;
}

@media (min-width: 992px) {
    .designer {
        margin-top: -73px;
    }
    .designer .image {
        padding: 30px 40px;
    }
}

/*  
    ----------------------------------
    24. Tabs navigation
    ----------------------------------
*/
.nav-tabs {
    border: 0;
}

.nav-tabs > li > a { /* Pasif olan Sekme */
    border-radius: 1px;
    background: #f1f1f1;  
    border: 0;
    margin-right: 1px;
    padding: 14px 20px;
    border-top: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #2c3e50;
    -webkit-font-smoothing: antialiased;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    color: black;
}

.nav-tabs > li.active > a { /* Aktif olan Sekme */
    background: #e2e2e2;
    color: #000;
    box-shadow: 0 -5px 0px #fbb700;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #e2e2e2;
    color: #000;
    box-shadow: 0 -5px 0px #fbb700;
}

@media (min-width: 992px) {
    .nav-tabs {
        margin-top: -73px;
    }
}

/*  
    ----------------------------------
    25. Comments
    ----------------------------------
*/
.comments {
    display: block;
    background-color: white;
}

.comments h2 {
    font-size: 18px;
}

.comments .fa.active {
    color: #ffbb00;
}

.comments h2 .rating {
    display: inline-block;
}

.comments .rate-box {
    display: block;
    width: 100%;
    background-color: white;
    padding: 20px 30px;
    border: 1px solid #eee;
}

.comments .rate-box strong {
    margin: 0 0 10px 0;
    font-size: 14px;
}

.comments .rate-box .rating {
    padding: 5px 0;
}

@media (min-width: 992px) {
    .comments .rate-box {
        width: 33.333333333%;
        float: left;
    }
}

@media (max-width: 1199px) {
    .comments {
        margin-bottom: 20px;
    }
}

.comments content {
    max-width: 700px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.comments .comment-header {
    padding: 20px 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    text-align: center;
}

.comments .comment-header a {
    display: inline-block;
    padding: 0 10px;
}

.comments .comment-block {
    margin-top: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dddddd;
    padding-left: 15px;
    padding-right: 30px;
}

.comments .comment-block:last-child,
.comments .comment-block > .comment-block {
    border-bottom: none;
}

.comments .comment-block > .comment-block {
    background-color: #eeeeee;
    border-top: 1px solid rgba(221, 221, 221, 0.5);
    padding-bottom: 20px;
    padding-top: 20px;
}

@media (min-width: 768px) {
    .comments .comment-block {
        padding-left: 40px;
        padding-right: 40px;
    }
    .comments .comment-block > .comment-block {
        margin-left: 50px;
    }
}

.comments .comment-user {
    display: table;
    width: 100%;
}

.comments .comment-user div {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.comments .comment-user div img {
    border-radius: 100%;
    width: 40px;
}

.comments .comment-user div h5 {
    margin: 0;
}

.comments .comment-user div h5 small {
    display: block;
    padding: 4px 0;
}

.comments .comment-user div:first-child {
    width: 50px;
}

.comments .comment-desc {
    margin-left: 50px;
    margin-top: 10px;
}

.comments .comment-add {
    margin-top: 40px;
    padding: 0 20px 20px;
}

.comments .comment-add .comment-reply-message {
    margin-bottom: 15px;
}

.comments .comment-add .comment-reply-message .title {
    margin-bottom: 10px;
}

.comments .comment-add .btn-circle {
    background-color: black;
    color: white;
}

/*  
    ----------------------------------
    26. Wrapper more
    ----------------------------------
*/
.wrapper-more {
    margin-top: 20px;
    text-align: center;
}

@media (min-width: 992px) {
    .wrapper-more .wrapper-more {
        margin-top: 0;
    }
}

/*  
    ----------------------------------
    27. Stretcher
    ----------------------------------
*/
.stretcher-wrapper {
    margin: 0;
    padding: 0;
    background-color: #eeeeee; /* Akordiyon Ürün Gruplarının Zemin Rengi*/
}

.stretcher-wrapper header {
    background-color: white;
    position: relative;
    margin-bottom: 0;
    padding: 30px 0;
}

.stretcher-wrapper header:before {
    content: '';
    position: absolute;
    border-width: 20px 20px 0px 20px;
    border-style: solid solid solid solid;
    border-color: white transparent white;
    bottom: -15px;
    left: 50%;
    z-index: 2;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.stretcher-wrapper .stretcher {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0;
    margin: 0;
    padding: 0;
}

.stretcher-wrapper .stretcher .stretcher-item {
    position: relative;
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 30vh;
    overflow: hidden;
    -moz-transition: width 0.5s;
    -o-transition: width 0.5s;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}

.stretcher-wrapper .stretcher .stretcher-item > a {
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    z-index: 99;
}

.stretcher-wrapper .stretcher .stretcher-item:hover > a {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.stretcher-wrapper .stretcher .stretcher-item.more {
    background-color: #cc9600;
    position: relative;
    height: 100px;
}

.stretcher-wrapper .stretcher .stretcher-item.more a {
    position: absolute;
    width: 100%;
    height: 100%;
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon {
    font-size: 70px;
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon,
.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span {
    display: inline-block;
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:before, .stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:after {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    white-space: nowrap;
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:before {
    content: attr(data-title-show);
    opacity: 0;
    font-size: 16px;
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:after {
    content: attr(data-title-hide);
    opacity: 1;
}

.stretcher-wrapper .stretcher .stretcher-item.more:hover .more-icon span:before {
    opacity: 1;
}

.stretcher-wrapper .stretcher .stretcher-item.more:hover .more-icon span:after {
    opacity: 0;
}

@media (min-width: 992px) {
    .stretcher-wrapper .stretcher .stretcher-item.more, .stretcher-wrapper .stretcher .stretcher-item.more.inactive {
        width: 8%;
    }
    .stretcher-wrapper .stretcher .stretcher-item.more.active {
        width: 28%;
    }
    .stretcher-wrapper .stretcher .stretcher-item.more.more {
        height: 100%;
    }
}

.stretcher-wrapper .stretcher .stretcher-item.inactive, .stretcher-wrapper .stretcher .stretcher-item.active {
    width: 100%;
}

@media (min-width: 992px) {
    .stretcher-wrapper .stretcher .stretcher-item {
        width: 23%;
        height: 100%;
        display: inline-block;
    }
    .stretcher-wrapper .stretcher .stretcher-item.inactive {
        width: 18%;
    }
    .stretcher-wrapper .stretcher .stretcher-item.active {
        width: 38%;
    }
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);   
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;    
    width: 100% !important;
    height: auto !important; /* Yüksekliği içeriğe göre esnetir */
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo img,
.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text,
.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text .text-intro {
    position: static !important; /* Mutlak konumdan çıkar */
    transform: none !important;
    display: block !important;
    margin: 0 !important;
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text .f-icon {
    font-size: 100px;
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text .text-intro {
    display: block;
}

.stretcher-wrapper .stretcher .stretcher-item:hover .stretcher-logo {
    opacity: 0;
}

.stretcher-wrapper .stretcher .stretcher-item figure {
    background-color: rgba(204, 150, 0, 0.5);
    color: white;
    position: absolute;
    z-index: 9;
    font-size: initial;
    padding: 20px 10px;
    width: 100%;
    left: 0;
    bottom: 0;
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.stretcher-wrapper .stretcher .stretcher-item figure h4 {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .stretcher-wrapper .stretcher .stretcher-item figure {
        padding: 20px 30px;
    }
}

.stretcher-wrapper .stretcher .stretcher-item:hover figure {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@media (min-width: 992px) {
    .stretcher-wrapper .stretcher {
        height: 150px;
        white-space: nowrap;
    }
    .stretcher-wrapper.stretcher-wrapper-frontpage .stretcher {
        height: 100vh;
    }
    .stretcher-wrapper.stretcher-wrapper-frontpage .stretcher .stretcher-item figure {
        bottom: 20%;
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        overflow: hidden;
        padding: 50px 30px;
    }
    .stretcher-wrapper.stretcher-wrapper-frontpage .stretcher .stretcher-item:hover figure {
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* SVG'nin kapsayıcı içindeki davranışını sabitle */
.stretcher-logo .text svg {
    display: block !important;
    width: 80px !important;  /* İkonun genişliğini buradan ayarlayın */
    height: 80px !important; /* İkonun yüksekliğini buradan ayarlayın */
    margin: 0 auto 10px auto; /* İkonu ortala ve alt boşluk bırak */
    flex-shrink: 0;          /* SVG'nin küçülmesini engelle */
}

/* Metnin ikonun üzerine binmemesi için */
.stretcher-logo .text {
    width: 100%;             /* Kapsayıcının tamamını kapla */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
}

/* Stretcher içindeki içerik alanını üstte ve yatayda ortala */
.stretcher-wrapper .stretcher-item .item-content {
    position: absolute !important;
    top: 35px !important;       /* Üstten mesafe */
    left: 50% !important;       /* Soldan %50'ye konumlandır */
    transform: translateX(-50%) !important; /* Tam merkeze hizala */
    text-align: center !important;
    width: 100% !important;
    z-index: 5 !important;
}

/* Görselin ortalı durmasını garantilemek için */
.stretcher-wrapper .stretcher-item .item-content img {
    display: block !important;
    margin: 0 auto 10px auto !important; /* Ortala ve alttan boşluk bırak */
}

/* Başlığın da ortalı durması için */
.stretcher-wrapper .stretcher-item .item-content .item-title {
    display: block !important;
    text-align: center !important;
}

/* Stretcher içindeki tüm ürün görsellerinin boyutunu sabitleme */
.stretcher-wrapper .stretcher-item .item-content img {
    width: 70px !important;   /* İkonun genişliği (İstediğiniz gibi değiştirebilirsiniz: 60px, 80px vb.) */
    height: 70px !important;  /* İkonun yüksekliği */
    object-fit: contain !important; /* Oranın bozulmasını engeller */
    margin: 0 auto 10px auto !important; /* Yatayda ortalar ve alta boşluk bırakır */
}

/* Fareyle gelindiğinde açılan ana başlık (h4) boyutu */
.stretcher-wrapper .stretcher-item figure h4 {
    font-size: 16px !important; /* İstediğiniz boyutu yazabilirsiniz (Örn: 18px, 22px vb.) */
    line-height: 1.3 !important;
}

/* Altındaki detay/açıklama metni (figcaption) boyutu */
.stretcher-wrapper .stretcher-item figure figcaption {
    font-size: 12px !important; /* İstediğiniz boyutu yazabilirsiniz (Örn: 13px, 15px vb.) */
}

/*  
    ----------------------------------
    28. Scroll to top
    ----------------------------------
*/
.scroll-top {
    visibility: hidden;
    padding: 18px 20px;
    background-color: #ffbb00;
    color: white;
    position: fixed;
    bottom: 15px;
    right: 20px;
    z-index: 999;
    border-radius: 100%;
    cursor: pointer;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.scroll-top.visible {
    visibility: visible;
    opacity: 1;
}

.scroll-top.active {
    bottom: 15px;
}

.scroll-top:hover {
    background-color: #333;
}

@media (min-width: 768px) {
    .scroll-top.active {
        bottom: 545px;
    }
}

@media (min-width: 992px) {
    .scroll-top.active {
        bottom: 590px;
    }
}

@media (min-width: 1200px) {
    .scroll-top.active {
        bottom: 620px;
    }
}

/*  
    ----------------------------------
    29. Banner
    ----------------------------------
*/
.banner {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    padding-top: 160px;
    padding-bottom: 160px;
    color: white;
    background-color: #3a3d45;
}

.banner .btn {
    margin-top: 40px;
}

.banner.banner-smaller {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (min-width: 768px) {
    .banner.banner-smaller {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (min-width: 1200px) {
    .banner.banner-smaller {
        padding-top: 160px;
        padding-bottom: 160px;
    }
}

/*  
    ----------------------------------
    30. Main popup
    ----------------------------------
*/
.popup-main {
    background: #e6e6e6;
    text-align: left;
    width: 100%;
    margin: 0px auto;
    position: relative;
    box-shadow: 0 0 20px #000;
    /*popup-product-styles*/
}

.popup-main.popup-main-article img {
    width: 100%;
}

.popup-main .popup-title {
    padding: 20px;
    text-align: left;
    font-size: 24px;
}

.popup-main .popup-title > * {
    margin: 0;
}

.popup-main .popup-content {
    background-color: white;
    padding: 15px;
}

.popup-main .popup-buttons a {
    border-left: 1px solid #fff;
    padding: 32px 30px;
    display: inline-block;
    margin-left: -3px;
}

.popup-main .popup-buttons a:hover {
    background-color: black;
    border-color: black;
    color: white;
}

.popup-main .mfp-close {
    height: 72px;
    border-left: 1px solid white;
}

.popup-main .popup-table {
    display: table;
    width: 100%;
    width: 100%;
}

.popup-main .popup-table .popup-cell {
    display: table-cell;
    vertical-align: middle;
    vertical-align: middle;
}

.popup-main .popup-table .popup-cell:nth-child(1) {
    padding-left: 18px;
}

.popup-main .popup-table .popup-cell:nth-child(2) {
    text-align: right;
}

@media (max-width: 767px) {
    .popup-main .popup-table .popup-cell .icon {
        font-size: 20px;
    }
}

.popup-main .product .product-info-wrapper {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: 0;
}

.popup-main .product .title small {
    display: block;
    margin: 0;
}

.popup-main .product .price {
    text-align: left;
    margin: 0;
}

.popup-main .product .price.price-single {
    padding: 15px 0;
}

@media (min-width: 992px) {
    .popup-main .product .price.price-single {
        padding: 20px 0;
    }
}

.popup-main .product .price small {
    display: block;
    margin: 0;
}

.popup-main .product .product-colors {
    margin-top: 10px;
}

.popup-main .product .owl-product-gallery img {
    max-width: 100% !important;
    height: auto !important;
}

@media (min-width: 768px) {
    .popup-main {
        width: 640px;
    }
    .popup-main.popup-main-article {
        width: 760px;
    }
    .popup-main .popup-content {
        padding: 40px;
    }
    .popup-main .mfp-close {
        height: 90px;
        border-left: 1px solid white;
    }
    .popup-main .product .owl-product-gallery {
        margin-bottom: 1px;
    }
}

/*  
    ----------------------------------
    31. Instagram
    ----------------------------------
*/
.instagram {
    padding-top: 30px;
    padding-bottom: 0;
}

.instagram .gallery .item {
    width: 16.66667%;
    float: left;
    overflow: hidden;
}

.instagram .gallery .item img {
    width: 100%;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.instagram .gallery .item:hover img {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

@media (min-width: 768px) {
    .instagram {
        padding-top: 20px;
    }
}

@media (min-width: 992px) {
    .instagram {
        padding-top: 30px;
    }
}

@media (min-width: 1200px) {
    .instagram {
        padding-top: 40px;
    }
}

/*  
    ----------------------------------
    32. Checkout
    ----------------------------------
*/
.checkout {
    background-color: #eeeeee;
    padding-top: 60px;
    padding-bottom: 60px;
}

.checkout hr {
    border-color: #dddddd;
}

.checkout .cart-wrapper {
    margin: 15px 0;
}

@media print {
    .checkout .cart-wrapper {
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }
    .checkout .cart-wrapper + .cart-wrapper {
        border-top: 0;
    }
}

.checkout .white-block {
    background-color: white;
    padding: 20px 15px;
    margin-bottom: 15px;
}

.checkout .note-block {
    background-color: white;
}

.checkout .title {
    margin: 0;
}

.checkout .cart-block {
    position: relative;
    margin-bottom: 15px;
}

.checkout .cart-block:last-child {
    margin-bottom: 0;
}

.checkout .cart-block.cart-block-header {
    display: none;
    background-color: #fbfbfb;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.checkout .cart-block.cart-block-item {
    background-color: white;
}

.checkout .cart-block.cart-block-footer {
    color: black;
    margin-top: 1px;
    background-color: white;
    padding: 15px 10px;
}

.checkout .cart-block.cart-block-footer.cart-block-footer-price {
    padding: 30px 30px;
    background-color: white;
}

.checkout .cart-block.cart-block-footer > div {
    padding: 0;
}

.checkout .cart-block.cart-block-footer > div:nth-child(1), .checkout .cart-block.cart-block-footer > div:nth-child(2) {
    width: 50%;
}

.checkout .cart-block.cart-block-footer > div:nth-child(2) {
    text-align: right;
}

.checkout .cart-block.cart-block-footer .form-coupon {
    display: inline-block;
    width: inherit;
    margin-left: 10px;
    text-align: left;
}

.checkout .cart-block > div {
    padding: 0 30px;
}

.checkout .cart-block > div img {
    width: 100%;
    vertical-align: middle;
}

.checkout .cart-block > div.image {
    padding: 0;
}

.checkout .cart-block > div.quantity, .checkout .cart-block > div.price {
    width: 50%;
    float: left;
}

.checkout .cart-block > div.quantity .form-quantity {
    display: inline-block;
    width: 80px;
}

.checkout .cart-block .title > * {
    margin: 0;
}

.checkout .cart-block .price > span {
    display: block;
    text-align: right;
}

.checkout .cart-block .price .final {
    margin: 0;
}

.checkout .cart-block .price .discount {
    text-decoration: line-through;
}

.checkout .cart-block .icon-delete {
    position: absolute;
    cursor: pointer;
    padding: 5px;
    right: 0;
    top: 0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.checkout .cart-block .icon-delete:hover {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (min-width: 768px) {
    .checkout .white-block {
        padding: 30px;
    }
    .checkout .cart-block {
        display: table;
        width: 100%;
        margin-bottom: 1px;
    }
    .checkout .cart-block.cart-block-header {
        display: table;
        padding: 15px;
    }
    .checkout .cart-block.cart-block-header > div {
        padding: 0;
    }
    .checkout .cart-block.cart-block-footer {
        padding: 15px 30px;
    }
    .checkout .cart-block.cart-block-footer .form-coupon {
        position: absolute;
        top: 0;
    }
    .checkout .cart-block > div {
        display: table-cell;
        vertical-align: middle;
    }
    .checkout .cart-block > div img {
        width: 100%;
        vertical-align: middle;
    }
    .checkout .cart-block > div:nth-child(1) {
        width: 15%;
    }
    .checkout .cart-block > div:nth-child(2) {
        width: 45%;
    }
    .checkout .cart-block > div:nth-child(3) {
        width: 10%;
    }
    .checkout .cart-block > div:nth-child(4) {
        width: 30%;
    }
    .checkout .cart-block > div.quantity, .checkout .cart-block > div.price {
        float: none;
    }
    .checkout .cart-block > div.quantity {
        text-align: center;
    }
    .checkout .cart-block .title {
        padding: 0 0 0 30px;
    }
    .checkout .cart-block .title > * {
        margin: 0;
    }
    .checkout .cart-block .price {
        padding-right: 30px;
    }
    .checkout .cart-block .price > span {
        display: block;
        text-align: right;
    }
    .checkout .cart-block .price .final {
        margin: 0;
    }
    .checkout .cart-block .price .discount {
        text-decoration: line-through;
    }
    .checkout .cart-block .form-control {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .checkout .cart-block {
        padding-bottom: 15px;
    }
    .checkout .cart-block > div {
        padding: 0 10px;
    }
    .checkout .cart-block .title {
        margin-bottom: 15px;
    }
    .checkout .cart-block .form-control {
        height: 30px;
    }
    .checkout .cart-block.cart-block-footer {
        color: black;
    }
    .checkout .cart-block.cart-block-footer > div {
        float: left;
    }
    .checkout .cart-block.cart-block-footer .form-coupon {
        margin-top: 10px;
        margin-left: 0;
    }
}

/*  
    ----------------------------------
    33. Checkout steps
    ----------------------------------
*/
.step-wrapper {
    background-color: white;
    padding: 30px 0 20px 0;
}

@media (min-width: 768px) {
    .step-wrapper {
        padding: 60px 0 40px 0;
    }
}

@media print {
    .step-wrapper {
        display: none !important;
    }
}

.step-wrapper header {
    padding: 0;
}

.step-wrapper header .title {
    padding-top: 15px;
    color: white;
}

@media (min-width: 768px) {
    .step-wrapper header .title {
        padding-top: 40px;
    }
}

.step-wrapper .stepper {
    color: white;
}

.step-wrapper .stepper > ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
}

.step-wrapper .stepper > ul > li {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
    padding: 0;
}

.step-wrapper .stepper > ul > li:first-child:before {
    display: none;
}

.step-wrapper .stepper > ul > li:before {
    background-color: #ffc933;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    top: 50%;
    right: 50%;
    z-index: 0;
}

.step-wrapper .stepper > ul > li span {
    background-color: white;
    font-size: 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    z-index: 9;
    color: #ffc933;
    font-family: 'LinearIcons';
}

.step-wrapper .stepper > ul > li span:before {
    content: "\e880";
}

.step-wrapper .stepper > ul > li span:after {
    content: attr(data-text);
    position: absolute;
    display: inline-block;
    bottom: 100%;
    text-transform: uppercase;
    text-align: center;
    width: initial;
    left: 50%;
    font-size: 10px;
    white-space: nowrap;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "Roboto", sans-serif;
}

@media (min-width: 992px) {
    .step-wrapper .stepper > ul > li span {
        width: 50px;
        height: 60px;
        font-size: 50px;
        line-height: 60px;
    }
    .step-wrapper .stepper > ul > li span:after {
        font-size: 16px;
        line-height: initial;
    }
}

.step-wrapper .stepper > ul > li.active:before {
    background-color: black;
}

.step-wrapper .stepper > ul > li.active span {
    color: black;
}

.step-wrapper .stepper > ul > li.active span:before {
    content: "\e87f";
}

/*  
    ----------------------------------
    34. Login wrapper
    ----------------------------------
*/
.login-wrapper.login-wrapper-page {
    background-color: #eeeeee;
}

.login-wrapper .white-block {
    background-color: white;
    padding: 20px 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .login-wrapper .white-block {
        padding: 30px;
    }
}

.login-wrapper .login-block.login-block-signin {
    display: none;
}

.login-wrapper .login-block.login-block-signup {
    display: block;
}

/*  
    ----------------------------------
    35. Contact
    ----------------------------------
*/
.contact {
    background-color: #eeeeee;
    padding: 0 0 80px 0;
}

.contact.contact-single {
    background-color: #3a3d45;
}

.contact.contact-single.banner {
    padding-bottom: 0;
}

.contact #map {
    width: 100%;
    height: 400px;
    background: none !Important;
}

.contact .contact-block {
    margin-top: -80px;
}

.contact .contact-block .banner {
    padding: 80px 40px;
}

.contact .contact-block .contact-info {
    background-color: white;
    padding-bottom: 40px;
}

.contact .contact-block .contact-info figure {
    padding: 15px;
}

.contact .contact-block .contact-info figure figcaption > strong {
    display: block;
    padding: 7.5px 0;
}

.contact .contact-block .contact-info figure figcaption > span {
    font-size: 90%;
}

.contact .contact-block .contact-info figure .icon {
    font-size: 50px;
    color: #ffbb00;
}

.contact .contact-block .contact-form {
    display: none;
    margin-top: 50px;
}

.contact .contact-block .contact-form .form-control {
    border-color: transparent;
}

/*  
    ----------------------------------
    36. Map Info window
    ----------------------------------
*/
.map-info-window .fa {
    width: 20px;
    text-align: center;
    margin-right: 3px;
    display: inline-block;
}

/*  
    ----------------------------------
    37. Shortcodes
    ----------------------------------
*/
.shortcodes {
    background-color: #f8f8f8;
}

.shortcodes .buttons .btn {
    display: block;
    width: 100%;
}

.shortcodes .buttons .button-box {
    background-size: cover;
    background-position: center;
    min-height: 200px;
}

.shortcodes .list-group-item {
    padding: 0;
}

.shortcodes .list-group-item a {
    padding: 10px 15px;
    display: block;
    color: #666;
}

.shortcodes .list-group-item a.active, .shortcodes .list-group-item a:hover {
    background-color: #ddd;
}

.shortcodes article {
    border: 1px solid #ddd;
    background-color: white;
    padding: 15px;
    display: block;
    margin-bottom: 60px;
}

.shortcodes article h1:first-child + hr {
    border-color: #ffbb00;
}

.shortcodes article .icons figure {
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.shortcodes article .icons figure .icon {
    font-size: 78px;
}

.shortcodes article .icons figure figcaption {
    font-size: small;
    display: block;
    white-space: nowrap;
}

.shortcodes .well {
    background-color: #666;
    margin: 15px 0;
    background-position: center;
    background-size: cover;
}

.shortcodes .affix {
    top: 80px;
    width: 212px;
}

@media (min-width: 1200px) {
    .shortcodes .affix {
        width: 262px;
    }
}

.shortcodes .icons-wrapper figure {
    text-align: center;
    font-size: 100px;
}

.shortcodes .icons-wrapper figure figcaption {
    font-size: 16px;
}

.shortcodes .show-all {
    float: right;
}

.shortcodes .bs-glyphicons {
    margin: 0 -10px 20px;
    overflow: hidden;
    max-height: 230px;
}

.shortcodes .bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff;
}

.shortcodes .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.shortcodes .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
    /* Help out IE10+ with class names */
}

.shortcodes .bs-glyphicons li:hover {
    color: #fff;
    background-color: #ffbb00;
}

.shortcodes #glyphs.expanded .bs-glyphicons {
    max-height: 100%;
}

.shortcodes .bs-glyphicons-list {
    padding-left: 0;
    list-style: none;
}

@media (min-width: 768px) {
    .shortcodes .bs-glyphicons {
        margin-right: 0;
        margin-left: 0;
    }
    .shortcodes .bs-glyphicons li {
        width: 12.5%;
        font-size: 12px;
    }
}

/*  
    ----------------------------------
    38. Tabsy wrapper
    ----------------------------------
*/
.tabsy-wrapper.tabsy-wrapper-clean {
    padding: 0;
}

.tabsy-wrapper.tabsy-wrapper-frontpage {
    margin-top: -40px;
    padding: 0;
}

.tabsy-wrapper.tabsy-wrapper-frontpage .container {
    padding-left: 0;
    padding-right: 0;
}

.tabsy-wrapper.tabsy-wrapper-frontpage .tabsy {
    box-shadow: 0 -10px 50px rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
    .tabsy-wrapper.tabsy-wrapper-frontpage {
        margin-top: -100px;
    }
}

@media (min-width: 1480px) {
    .tabsy-wrapper.tabsy-wrapper-frontpage .container {
        width: 80%;
    }
}

@media (max-width: 767px) {
    .tabsy-wrapper.tabsy-wrapper-frontpage {
        margin-top: -62px;
    }
}

.tabsy-wrapper .tabsy {
    background-size: cover;
    background-position: center;
    position: relative;
}

.tabsy-wrapper .tabsy .tabsy-images, .tabsy-wrapper .tabsy .tabsy-images > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.tabsy-wrapper .tabsy .tabsy-images > div {
    background-size: cover;
    background-position: center;
    opacity: 0;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.tabsy-wrapper .tabsy .tabsy-images > div.current {
    opacity: 1;
}

.tabsy-wrapper .tabsy .tabsy-images img {
    display: none;
}

.tabsy-wrapper .tabsy .tabsy-links .row {
    margin: 0;
}

.tabsy-wrapper .tabsy .tabsy-links figure {
    cursor: pointer;
    padding: 0;
    position: relative;
    min-height: 150px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.tabsy-wrapper .tabsy .tabsy-links figure + figure {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.tabsy-wrapper .tabsy .tabsy-links figure:after {
    font: normal normal normal 24px/30px LinearIcons;
    content: "\e876";
    -webkit-font-smoothing: antialiased;
    display: block;
    position: absolute;
    text-align: right;
    width: 100%;
    right: 0;
    bottom: 0;
    padding: 10px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.tabsy-wrapper .tabsy .tabsy-links figure a.link {
    background-color: transparent;
    font-size: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 88;
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.tabsy-wrapper .tabsy .tabsy-links figure figcaption {
    margin: 20px;
    overflow: hidden;
}

.tabsy-wrapper .tabsy .tabsy-links figure figcaption .date {
    font-size: 75%;
    display: block;
    color: #ffbb00;
}

.tabsy-wrapper .tabsy .tabsy-links figure figcaption .title {
    display: block;
    margin-top: 5px;
    text-transform: none;
    color: white;
}

.tabsy-wrapper .tabsy .tabsy-links figure figcaption .desc {
    display: none;
    color: white;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

@media (min-width: 768px) {
    .tabsy-wrapper .tabsy .tabsy-links figure figcaption .desc {
        display: block;
    }
}

.tabsy-wrapper .tabsy .tabsy-links figure.current {
    background-color: rgba(0, 0, 0, 0.5);
}

.tabsy-wrapper .tabsy .tabsy-links figure.current a.link {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.tabsy-wrapper .tabsy .tabsy-links figure.current figcaption .desc {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.tabsy-wrapper .tabsy .tabsy-links figure.current:after {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

@media (min-width: 768px) {
    .tabsy-wrapper .tabsy .tabsy-links figure {
        min-height: 350px;
    }
}

@media (min-width: 768px) {
    .tabsy-wrapper .wrapper-more {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .tabsy-wrapper .wrapper-more {
        margin-top: 35px;
    }
}

/*  
    ----------------------------------
    39. History (Temizlenmiş, Eksiksiz ve Son Hâli)
    ----------------------------------
*/
.history {
    background-color: #eeeeee;
}

.history, 
.history * {
    font-family: 'Montserrat', sans-serif !important;
}

.history .title {
    text-transform: none;
}

.history .history-title .title {
    margin-bottom: 0;
}

/* Sağ sütun içerisindeki başlık/marka adı rengi */
.history .history-desc h3, 
.history .history-desc .title {
    color: #ffbb00 !important; /* Buraya istediğiniz renk kodunu yazabilirsiniz */
}

/* Sol Sütun (Logo Alanı) - Hücrenin Tamamını Kaplar */
.history .history-image {
    position: relative !important;
    min-height: 120px !important;
    text-align: center !important;
}

/* Logonun link ve görsel yapısı */
.history .history-image a {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center;
}

.history .history-image img {
    max-width: 200px !important;
    max-height: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

.history .row-block {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 15px 0;
}

.history .row-block:last-child {
    border-bottom: 0;
}

@media (min-width: 992px) {
    .history {
        padding: 80px 0;
    }
    
    /* Tablo yapısı ve %30-%70 oranları SADECE İş Ortaklarımız sayfasında çalışır */
    .history:not(.about-page) .row-block {
        display: table;
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 0;
    }
    
    .history:not(.about-page) .row-block > * {
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding: 20px 10px;
    }
    
    .history:not(.about-page) .row-block > .history-image {
        width: 30% !important;
        flex: 0 0 30% !important;
        max-width: 30% !important;
        height: 100% !important;
    }
    
    .history:not(.about-page) .row-block > .history-desc {
        width: 70% !important;
        flex: 0 0 70% !important;
        max-width: 70% !important;
        background-color: white;
        padding-left: 60px !important;
        position: relative !important;
    }

    /* ========================================== */
    /* HAKKIMIZDA SAYFASI İÇİN TEK SÜTUN TAM GENİŞLİK */
    /* ========================================== */
    .history.about-page .row-block {
        display: block !important;
        width: 100% !important;
    }

    .history.about-page .row-block > .history-desc {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        background-color: white !important;
        padding: 30px !important;
    }
    
    /* Ortak Daire Stilleri (Her iki sayfada da geçerli) */
    .history .history-title {
        position: absolute !important;
        width: 80px !important;
        height: 80px !important;
        background-color: #ffbb00 !important;
        border-radius: 50% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        left: 0 !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 10 !important;
    }
    
    .history .history-title:before {
        display: none !important;
    }

    .history .history-title .title {
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.1;
        color: #fff !important;
        margin-bottom: 0 !important;
    }

    .history .history-title p {
        font-size: 10px !important;
        font-weight: 500 !important;
        line-height: 1.1;
        margin-bottom: 0;
        color: #fff !important;
    }
}

@media (max-width: 991px) {
    .history .row-block {
        border: 0;
        margin-bottom: 20px;
    }
    .history .history-title {
        background-color: #ffbb00;
        color: white;
        display: inline-block;
        padding: 15px;
        margin-left: -20px;
        width: 40%;
        border-bottom-right-radius: 35px;
    }
    .history .history-title p {
        margin-bottom: 0;
    }
    .history .history-image {
        margin-bottom: 20px;
    }
}

/* Sağ taraftaki detay bilgilerin Grid hizalaması ve Renkleri */
.partner-info-grid {
    display: grid !important;
    grid-template-columns: 210px 1fr !important;
    row-gap: 4px !important;
    column-gap: 10px !important;
    width: 100% !important;
}

.partner-info-grid .info-label {
    font-weight: 500 !important;
    color: #015281 !important; /* Sağdaki Sutunda soldaki yazı rengi*/
}

.partner-info-grid .value {
    font-weight: 400 !important;
    display: block !important;
}
/*  
    ----------------------------------
    40. Intro
    ----------------------------------
*/
.intro {
    background-color: #eeeeee;
    padding: 30px 0;
}

.intro.intro-white {
    background-color: white;
}

@media (min-width: 768px) {
    .intro {
        padding: 160px 0;
        text-align: center;
    }
}

/*  
    ----------------------------------
    41. Text blocks
    ----------------------------------
*/
.text-blocks {
    padding: 40px 0;
}

.text-blocks .text-block {
    padding: 60px 0;
    display: table;
    width: 100%;
    text-align: left;
}

.text-blocks .text-block > div {
    display: table-cell;
    vertical-align: middle;
}

.text-blocks .text-block .icon {
    font-size: 50px;
    padding: 0 60px;
}

@media (min-width: 992px) {
    .text-blocks {
        padding: 80px 0;
    }
}

/*  
    ----------------------------------
    42. Quotes
    ----------------------------------
*/
.quotes {
    padding: 60px 0;
    background-color: #ffbb00;
    position: relative;
    background-size: cover;
    background-position: center;
}

@media (min-width: 992px) {
    .quotes {
        padding: 80px 0;
    }
}

.quotes header {
    position: relative;
    z-index: 2;
}

.quotes header .title {
    color: white;
    text-align: center;
}

.quotes:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 0;
}

.quotes .row {
    position: relative;
    z-index: 10;
}

.quotes .row, .quotes .row > div {
    margin: 0;
    padding: 0;
}

.quotes .quote {
    color: white;
    text-align: center;
}

.quotes .quote .image {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    top: 0;
    margin-bottom: 40px;
}

.quotes .quote .image img {
    width: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.quotes .quote .text h4, .quotes .quote .text .h4 {
    text-transform: none;
    margin-bottom: 10px;
}

.quotes .quote:hover .image {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.quotes .quote .more .rating {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
}

.quotes .quote .more .rating .icon {
    width: 16px;
    display: inline-block;
}

@media (max-width: 767px) {
    .quotes .quote {
        margin-bottom: 80px;
    }
}

.quotes.quotes-slider .quote {
    padding-top: 30px;
}

.quotes.quotes-slider .quote .image img {
    width: 100px;
}

@media (max-width: 767px) {
    .quotes.quotes-slider .quote {
        margin-bottom: 0;
    }
}

.quotes.quotes-slider .owl-theme {
    margin-bottom: 20px;
}

.quotes.quotes-slider .owl-theme .owl-controls .owl-buttons > div {
    color: white;
}

.quotes.quotes-slider .owl-theme .owl-controls .owl-buttons > div span {
    background-color: transparent;
}

.quotes.quotes-slider .owl-theme .owl-controls .owl-pagination {
    position: relative;
    margin-top: 40px;
}

.quotes.quotes-slider .owl-theme .owl-controls .owl-page span {
    background-color: rgba(255, 255, 255, 0.5);
}

.quotes.quotes-slider .owl-theme .owl-controls .owl-page.active span {
    background-color: white;
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

/*  
    ----------------------------------
    43. Team
    ----------------------------------
*/
.team {
    padding: 40px 0;
}

.team article {
    background-color: white;
    margin-bottom: 30px;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.team article.inactive {
    opacity: 0.2;
}

.team article.active {
    opacity: 1;
}

.team article .title {
    text-transform: none;
    margin: 0;
}

.team article .image img {
    width: 100%;
    display: block;
}

.team article a {
    color: white;
}

.team article .details {
    background-color: #ffbb00;
    color: white;
    text-align: center;
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 0;
    -moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.team article .details .inner {
    padding: 15px 0;
}

.team article .details-text {
    top: auto;
    bottom: 100%;
}

.team article .details-social {
    top: 100%;
    bottom: auto;
}

.team article .details-social .fa {
    width: 30px;
    height: 30px;
    padding: 5px;
    text-align: center;
}

.team article:hover {
    position: relative;
    z-index: 999;
}

.team article:hover .details-text {
    height: 70px;
}

.team article:hover .details-social {
    height: 60px;
}

/*  
    ----------------------------------
    44. Owl-icons
    ----------------------------------
*/
.owl-icons-wrapper {
    padding: 0;
    position: relative;
    background: #fff;
}

.owl-icons-wrapper .owl-icons {
    position: relative;
    padding: 5px 0;
}

.owl-icons-wrapper .owl-icons a:hover,
.owl-icons-wrapper .owl-icons figure:hover {
    color: black;
}

.owl-icons-wrapper .owl-icons figure {
    text-align: center;
    padding: 10px 0 20px 0;
}

.owl-icons-wrapper .owl-icons figure:hover .f-icon {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.owl-icons-wrapper .owl-icons figure .f-icon {
    font-size: 70px;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.owl-icons-wrapper .owl-icons figcaption {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.owl-icons-wrapper .owl-icons.owl-theme .owl-controls .owl-buttons div span {
    color: #3a3d45;
}

.owl-icons-wrapper .owl-icons.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -50px;
}

.owl-icons-wrapper .owl-icons.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -50px;
}

.owl-icons-wrapper .owl-icons-boxed {
    padding: 50px 0;
}

.owl-icons-wrapper .owl-icons-boxed figure {
    background-color: #fafafa;
    border-radius: 4px;
    color: black;
    margin: 0 5px;
}

.owl-icons-wrapper .owl-icons-boxed figure:hover {
    color: #ffbb00;
}

.owl-icons-wrapper.owl-icons-frontpage {
    margin-top: -125px;
    background: transparent;
}

.owl-icons-wrapper.owl-icons-frontpage a, .owl-icons-wrapper.owl-icons-frontpage a:focus, .owl-icons-wrapper.owl-icons-frontpage a:active, .owl-icons-wrapper.owl-icons-frontpage a:hover {
    color: white;
}

.owl-icons-wrapper.owl-icons-frontpage figure:hover,
.owl-icons-wrapper.owl-icons-frontpage .owl-icons.owl-theme .owl-controls .owl-buttons div span {
    color: white;
}

@media (min-width: 992px) {
    .owl-icons-wrapper.owl-icons-frontpage {
        margin-top: -160px;
        background: transparent;
    }
    .owl-icons-wrapper .owl-icons figcaption {
        font-size: 14px;
    }
    .owl-icons-wrapper .owl-icons figure .f-icon {
        font-size: 100px;
    }
}

/*  
    ----------------------------------
    45. Footer
    ----------------------------------
*/
footer {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    color: #666666;
    background-color: black;
}

@media (max-width: 767px) {
    footer {
        text-align: center;
    }
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer .h1, footer .h2, footer .h3, footer .h4, footer .h5, footer .h6 {
    color: #cc9600;
}

footer .form-control {
    background-color: transparent;
    border: 0;
    padding: 0;
    border-bottom: 1px solid #ffbb00;
}

footer ul {
    margin: 0;
    padding: 0;
}

footer ul li {
    list-style-type: none;
}

footer a {
    color: #666666;
}

footer a:hover {
    color: #ffbb00;
}

footer .footer-showroom {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #222;
}

footer .footer-showroom.footer-showroom-single {
    margin-bottom: 0;
}

footer .footer-showroom .call-us {
    margin-top: 20px;
}

@media (min-width: 768px) {
    footer .footer-showroom {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    footer .footer-showroom {
        padding-top: 60px;
        padding-bottom: 60px;
        margin-bottom: 60px;
    }
}

@media (min-width: 1200px) {
    footer .footer-showroom {
        padding-top: 60px;
        padding-bottom: 60px;
        margin-bottom: 80px;
    }
}

footer .footer-links .form-newsletter {
    position: relative;
}

footer .footer-links .form-newsletter .btn {
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media print {
    footer .footer-links {
        display: none !important;
    }
}

footer .footer-social {
    padding: 10px 0;
    text-align: center;
}

footer .footer-social li {
    display: inline-block;
}

footer .footer-social li a {
    padding: 0 5px;
}

@media (min-width: 992px) {
    footer .footer-social {
        padding: 30px 0;
        text-align: left;
    }
    footer .footer-social .links {
        text-align: right;
    }
}

@media (max-width: 991px) {
    footer .row > div {
        margin-bottom: 30px;
    }
    footer .row > div:last-child {
        margin-bottom: 0;
    }
}

/*  
    ----------------------------------
    46. Info icons
    ----------------------------------
*/
.info-icons {
    padding: 60px 0;
    background-color: #eeeeee;
}

.info-icons.info-icons-frontpage {
    margin-top: -100px;
    padding: 0;
}

.info-icons.info-icons-inverted {
    background-color: #ffbb00;
    color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.info-icons figure {
    border: 1px solid #dddddd;
    background-color: white;
}

.info-icons figure figcaption {
    text-align: center;
}

.info-icons figure figcaption .icon {
    font-size: 40px;
}

.info-icons figure figcaption > span {
    display: block;
}

.info-icons figure figcaption > span,
.info-icons figure figcaption > span > * {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5px;
}
	
.info-icons figure figcaption > span:nth-child(1) {
    padding-top: 40px;
    padding-bottom: 15px;
}

.info-icons figure figcaption > span:nth-child(2) {
    padding-bottom: 40px;
}

.info-icons figure figcaption > span > strong {
    display: block;
}

@media (max-width: 991px) {
    .info-icons figure {
        margin-bottom: 20px;
    }
}

/*  
    ----------------------------------
    47. Cards
    ----------------------------------
*/
.cards {
    position: relative;
}

.cards figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.cards figure figcaption {
    position: relative;
    background-position: center;
    background-size: cover;
    min-height: 360px;
    -moz-transition: all 5s;
    -o-transition: all 5s;
    -webkit-transition: all 5s;
    transition: all 5s;
}

.cards figure figcaption img {
    display: none;
}

.cards figure figcaption:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffbb00;
    opacity: 0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.cards figure:hover figcaption {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.cards figure:hover figcaption:before {
    opacity: 0.8;
}

.cards figure .btn {
    position: absolute;
    top: 80%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cards figure:hover .btn {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
}

/*  
    ----------------------------------
    48. Not found
    ----------------------------------
*/
.not-found {
    background-color: #3a3d45;
    padding: 160px 0;
    text-align: center;
}

.not-found .title {
    position: relative;
    color: #ffbb00;
    font-size: 80px;
    margin-bottom: 15px;
    line-height: 0.8;
    z-index: 2;
}

.not-found .title:before {
    content: attr(data-title);
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%) scale(2);
    -ms-transform: translate(-50%, -50%) scale(2);
    -o-transform: translate(-50%, -50%) scale(2);
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
    color: #666666;
    opacity: 0.1;
    font-size: 40px;
    z-index: -1;
}

@media (min-width: 992px) {
    .not-found {
        padding: 320px 0;
    }
    .not-found .title {
        font-size: 250px;
    }
    .not-found .title:before {
        font-size: 100px;
    }
}

.not-found .subtitle {
    color: #ffbb00;
}

.not-found a {
    color: #666666;
    text-decoration: underline;
}

.not-found a:hover {
    color: #ffbb00;
}

.not-found p {
    margin-bottom: 0;
}

/*  
    ----------------------------------
    49. Single page
    ----------------------------------
*/
.single-page {
    -moz-animation: moveToBottom .7s ease-in-out both;
    -o-animation: moveToBottom .7s ease-in-out both;
    -webkit-animation: moveToBottom .7s ease-in-out both;
    animation: moveToBottom .7s ease-in-out both;
    color: red;
}

/* Version 2.2.0.
 * Theme credit ElaThemes.com 
 Bundan Sonraki Kodları Ben Ekledim */
 
/* ==========================================================================
   Bilkur Header Custom Modifications - TEK MERKEZDEN RENK YÖNETİMİ
   ========================================================================== */

.navbar-fixed,
.navbar-fixed .navigation-main,
.header-mobile-view, 
.mobile-nav-bar, 
.navbar-header,
.header-wrapper,
#header,
header {
    background-color: #a32631 !important;	/* Menü Başlığının Zemin Rengi */
    border: none !important;              
    box-shadow: none !important;          
}

.navbar-fixed {
    background-color: #a32631 !important;	/* Menü Bar satırının zemin rengi */
    width: 100% !important;
    padding: 0 !important;
}

/* Sosyal Medya Barının zemin rengi */
.navbar-fixed .navigation-top-wrapper,
.header-mobile-view .navigation-top-wrapper,
.mobile-nav-bar .navigation-top-wrapper,
.navigation-top-wrapper,
.navigation-top {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e5e5 !important;
    width: 100% !important;
}

/* Sosyal Medya ve Arama İkonlarının Görünümü */
.navbar-fixed .navigation-top ul li a i.fa-brands,
.navbar-fixed .navigation-top ul li a i.fa-solid,
.navbar-fixed .navigation-top ul li a i.icon-magnifier {  /* <-- Arama ikonunu buraya bağladık */
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    display: inline-block !important;
    color: #ffbb00 !important; /* Artık arama ikonu da bu rengi alacak */
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.3s ease !important;
    margin-right: 15px;
    font-size: 16px !important;
}
/* Sadece arama ikonunu kalınlaştırma denemesi */
.navbar-fixed .navigation-top ul li a i.icon-magnifier {
    font-weight: bold !important;
}

/* Sosyal Medya İkonlarının Üzerine Gelince (Hover Effect) */
.navbar-fixed .navigation-top ul li a:hover i.fa-facebook-f { color: #1877f2 !important; }
.navbar-fixed .navigation-top ul li a:hover i.fa-x-twitter { color: #000000 !important; }
.navbar-fixed .navigation-top ul li a:hover i.fa-instagram { color: #e1306c !important; }
.navbar-fixed .navigation-top ul li a:hover i.fa-linkedin-in { color: #0077b5 !important; }
.navbar-fixed .navigation-top ul li a:hover i.fa-brands.fa-youtube { color: #ff0000 !important; }
.navbar-fixed .navigation-top ul li a:hover i.icon-magnifier { color: #000000 !important; }
.navbar-fixed .navigation-top ul li a:hover i.fa-cart-shopping { color: #000000 !important; }

/* Üst bardaki diğer tüm yazıların renkleri */
.navbar-fixed .navigation-top ul li, 
.navbar-fixed .navigation-top ul li a, 
.navbar-fixed .navigation-top ul li a i,
.navbar-fixed .navigation-top ul li a [class^="icon-"] {
    color: #333333 !important;
    opacity: 1 !important;
}

/* Ana Menü Sabit Yazıtipi Rengi */
.navigation-main .floating-menu > ul > li > a {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Ana Menü Hover-üzerine gelince Yazıtipi rengi*/
.navigation-main .floating-menu > ul > li > a:hover {
    color: #ffb400 !important;
}

/* ==========================================================================
   ORTAK RESPONSIVE SLOGAN TEMEL AYARLARI
   ========================================================================== */
.navigation .desktop-slogan-custom,
.navigation .mobile-slogan-custom {
    color: #9CA3AF !important;       /* İstediğiniz modern gri tonu */
    font-weight: 400 !important;     /* İnce / Normal yazı tipi */
    font-style: normal !important;   /* Düz yazı stili */
    white-space: nowrap !important;  /* Alt satıra kırılmayı önler */
    position: absolute !important;   
    top: 50% !important;             /* Dikeyde tam ortalama */
    transform: translateY(-50%) !important;
    z-index: 998 !important;
}

/* ==========================================================================
   MASAÜSTÜ EKRANLAR İÇİN KONUMLANDIRMA AYARLARI (992px ve Üzeri)
   ========================================================================== */
@media (min-width: 992px) {
    #mobilAmblem { display: none !important; }
    #masaustuLogo { display: block !important; }
    .navbar-fixed .navigation-main { position: relative !important; }
    
    /* Masaüstü Beyaz Kart: Sizin orijinal 180px düzeniniz */
    .navbar-fixed .navigation-main .logo, 
    .navbar-fixed .navigation-main .navbar-brand, 
    .navbar-fixed .navigation-main [class*="logo"] {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        left: 10px !important;
        background-color: #ffffff !important;
        padding: 0px !important; 
        height: 60px !important;
        min-height: 60px !important;
        width: 180px !important;      
        max-width: 180px !important;
        min-width: 160px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
        box-shadow: none !important;		
        z-index: 999 !important;
        margin: 0 !important;
    }
    
    /* Büyük logonun görsel ayarları */
    .navbar-fixed .navigation-main .logo img.desktop-logo, 
    .navbar-fixed .navigation-main .navbar-brand img.desktop-logo, 
    .navigation-main [class*="logo"] img.desktop-logo {
        height: 40px !important;       
        max-height: 40px !important; 
        min-height: 30px !important;   
        width: 160px !important;
        max-width: 160px !important;
        min-width: 135px !important;
        display: block !important; 
        object-fit: contain !important; 
        padding: 0 !important; 
        margin: 0 !important;
    }
    
    .navigation-main .floating-menu, .navigation-main .nav-menu { margin-left: 260px !important; }

    /* MASAÜSTÜ SLOGAN KONUMU */
    .navigation .desktop-slogan-custom {
        display: inline-block !important;
        font-size: 14px !important;
        letter-spacing: 0.5px !important;
        left: 205px !important; /* 180px kart + 25px emniyet boşluğu */
		
		    /* Stiller */
    font-family: Montserrat, sans-serif;
    font-size: 13px;                
    font-weight: 500;
    color: #999999;                 
    border-left: 2px solid #dddddd; /* O çok sevdiğin şık dikey çizgi */
    padding-left: 15px;             
    white-space: nowrap !important; 
    }
    
    .navigation .mobile-slogan-custom {
        display: none !important;
    }
}

/* ==========================================================================
   MOBİL EKRANLAR İÇİN KESİN DÜZELTME (991px ve Altı)
   ========================================================================== */
@media (max-width: 991px) {
    #masaustuLogo { display: none !important; }
    #mobilAmblem { display: block !important; }
    
    .header-mobile-view, .mobile-nav-bar, .navbar-header, .navigation-main {
        background-color: #094a7c !important; 
        height: 60px !important; 
        position: relative !important; 
    }

    /* Mobil Beyaz Logo Kartı: Sizin orijinal 80px düzeniniz */
    .navbar-fixed .navigation-main .logo,
    .navbar-fixed .navigation-main .navbar-brand,
    .navigation-main [class*="logo"] {
        position: absolute !important;
        top: 0 !important;    
        bottom: 0 !important; 
        left: 0 !important;   
        background-color: #ffffff !important; 
        padding: 10px 15px !important; 
        height: 60px !important; 
        min-height: 60px !important;
        width: 80px !important;       
        max-width: 80px !important;
        display: inline-flex !important; 
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0px 6px 6px 0px !important; 
        margin: 0 !important;
        box-shadow: 2px 0px 6px rgba(0,0,0,0.15) !important; 
        box-sizing: border-box !important;
        z-index: 999 !important;
    }

    /* MOBİL SLOGAN KONUMU */
    .navigation .mobile-slogan-custom {
        display: inline-block !important;
        font-size: 11px !important;
        letter-spacing: 0.3px !important;
        left: 95px !important; /* 80px kart + 15px emniyet boşluğu */
		
		    /* Stiller */
    font-family: Montserrat, sans-serif;
    font-size: 13px;                
    font-weight: 500;
    color: #999999;                 
    border-left: 2px solid #dddddd; /* O çok sevdiğin şık dikey çizgi */
    padding-left: 15px;             
    white-space: nowrap !important; 
    }

    .navigation .desktop-slogan-custom {
        display: none !important;
    }
}

/* Kutucuğun genel ayarları */
.tooltip-hover {
    position: relative;
    cursor: pointer;
}

.tooltip-hover::after {
    content: "Sepete Ekle";
    position: absolute;
    bottom: 120%; /* İkonun hemen üstünde görünmesi için */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333; /* Arka plan rengi */
    color: #fff;           /* Yazı rengi */
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;            /* Başlangıçta görünmez */
    visibility: hidden;
    transition: opacity 0.3s;
    z-index: 1000;
}

/* Üzerine gelince (hover) görünür kıl */
.tooltip-hover:hover::after {
    opacity: 1;
    visibility: visible;
}

/* Açıklama alanı için "Satın Al" stiline benzer baloncuk */
.products article .text .description {
    position: absolute;          
    bottom: 10px;
	width:240px;
    left: 50%;
	margin-left: -160px;
    background: #ffbb00 !important; /* Bilkur Laciverti zemin */
    color: #ffffff !important;      /* Beyaz yazı */
    padding: 10px !important;       
    border-radius: 4px !important;  
    box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
    z-index: 99 !important;         
    display: none;                  
    text-align: center;             
    font-size: 14px;                
    pointer-events: none;           /* Farenin bu kutunun üzerine takılmasını engeller */
}

/* Fare üzerine geldiğinde göster */
.products article:hover .text .description {
    display: block !important;
}

/* 2. Arama butonuna sitenizin rengini ver (İsteğe bağlı) */
.gsc-search-button-v2 {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* 3. Arama input alanına hafif bir çerçeve ver */
.gsc-input-box {
    border: 1px solid #ccc !important;
}

#ozel-sonuc-listesi {
    margin-top: 20px;
}

.ozel-liste-item {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.baslik {
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #007bff; /* Link rengi */
}

.link {
    font-size: 12px;
    color: #28a745; /* Linkin altındaki yeşil URL rengi */
}

#sonucListesi a:hover .title { text-decoration: underline; }

#aramaListesi {
    max-height: 500px;
    overflow-y: auto;
}

.search-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
}

.brand-logo-slider .owl-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 120px !important;
    
    padding: 0 !important; 
    margin: 0 15px !important; 
    
    width: auto !important;
    flex: 0 0 auto !important; 
    box-sizing: content-box !important;
}
header::before {
    display: none !important;
    content: none !important;
}

.stretcher-item .item-content img {
    width: 200px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: auto !important;
}

/* Masaüstü ve geniş ekranlar için kuralınız */
@media (min-width: 992px) {
    #master-header + .products {
        margin-top: -50px !important; 
        position: relative;
        z-index: 1;
    }
}

/* Mobil ve tablet için kuralı sıfırlayın veya değiştirin */
@media (max-width: 991px) {
    #master-header + .products {
        margin-top: 0 !important; /* Mobil için negatif margin'i iptal et */
        padding-top: 10px;      /* Gerekiyorsa az bir boşluk ver */
    }
}

.product-label {
    display: inline-block;
    width: 100px; /* Tüm başlıklar tam 80px yer kaplar, yazılar hizalanır */
}

/* --- ÜRÜN RESMİ ÜZERİNDEKİ ETİKET (BADGE) STİLLERİ --- */

/* Resim kapsayıcısı */
.figure-list .image {
    position: relative;
    display: block;
    overflow: hidden;
}

/* Yıldız SVG Etiket Kapsayıcısı */
.product-badge-svg {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    z-index: 10;

    /* Yıldızın görsel üzerindeki boyutu */
    width: 40px !important;
    height: 40px !important;
    display: block;
}

.product-badge-svg svg {
    width: 100%;
    height: 100%;
    display: block;
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.3));
}

.product-badge-wrapper {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    z-index: 10;
    width: 65px !important;
    height: 65px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-badge-wrapper .badge-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    z-index: 1;
}

/* --- YILDIZ ETİKET YAZISI DÜZELTMESİ --- */

.product-badge-wrapper .badge-text {
    position: relative;
    z-index: 2;
    font-family: Arial, sans-serif;
    
    /* Uzun kelimelerde yazıyı küçültmek için ideal boyut */
    font-size: 8px; 
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1; /* Satır aralığını daraltarak yıldız içinde derli toplu tutar */
    
    /* TAŞMAYI VE ALT SATIRA GEÇMEYİ SAĞLAYAN KURALLAR */
    white-space: normal !important;      /* Tek satır zorlamasını kaldırır */
    word-break: break-word !important;   /* Çok uzun kelimeleri gerekirse kırar */
    overflow-wrap: break-word !important;
    
    /* Yazının yıldızın dışına taşmaması için sınır alanı */
    max-width: 80% !important; 
    max-height: 80% !important;
    
    /* Dikey ve yatay tam ortalama */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ==========================================
   GÖRÜNÜM KONTROLÜ VE GRID DÜZENİ (theme.css)
   ========================================== */

/* --- 1. KUSURSUZ 3'LÜ GRID GÖRÜNÜMÜ (.view-grid-3) --- */
.view-grid-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* .row sınıfının Bootstrap clearfix (::before/::after) öğeleri grid içinde birer hücre kaplamasın.
   Aksi hâlde 10. ürün 4. satırda ortaya kayar. */
.view-grid-3::before,
.view-grid-3::after {
    display: none !important;
    content: none !important;
}

/* Grid içerisindeki olası boş/hayalet elemanları gizler */
.view-grid-3 > *:empty,
.view-grid-3 > br,
.view-grid-3 > hr {
    display: none !important;
}

/* Kartların temel tasarımı ve akış yapısı */
.view-grid-3 article,
.view-grid-3 .grid-card {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    margin: 0 !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    background-color: #fff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
}

/* Kartların sütun ve satır yerleşimini kesin olarak sabitleyen kurallar */
.view-grid-3 article:nth-child(1), .view-grid-3 .grid-card:nth-child(1) { grid-column: 1; grid-row: 1; }
.view-grid-3 article:nth-child(2), .view-grid-3 .grid-card:nth-child(2) { grid-column: 2; grid-row: 1; }
.view-grid-3 article:nth-child(3), .view-grid-3 .grid-card:nth-child(3) { grid-column: 3; grid-row: 1; }

.view-grid-3 article:nth-child(4), .view-grid-3 .grid-card:nth-child(4) { grid-column: 1; grid-row: 2; }
.view-grid-3 article:nth-child(5), .view-grid-3 .grid-card:nth-child(5) { grid-column: 2; grid-row: 2; }
.view-grid-3 article:nth-child(6), .view-grid-3 .grid-card:nth-child(6) { grid-column: 3; grid-row: 2; }

.view-grid-3 article:nth-child(7), .view-grid-3 .grid-card:nth-child(7) { grid-column: 1; grid-row: 3; }
.view-grid-3 article:nth-child(8), .view-grid-3 .grid-card:nth-child(8) { grid-column: 2; grid-row: 3; }
.view-grid-3 article:nth-child(9), .view-grid-3 .grid-card:nth-child(9) { grid-column: 3; grid-row: 3; }

.view-grid-3 .image {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px;
    text-align: center;
    height: 120px !important;
    overflow: hidden !important;
    padding-top: 10px !important;
    position: relative !important;
}

.view-grid-3 .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

.view-grid-3 .text {
    display: block !important;
    padding-left: 0 !important;
    flex-grow: 1 !important;
    text-align: center !important;
}

.view-grid-3 .row-1 {
    margin-bottom: 4px !important;
}

.view-grid-3 .row-1 h2.title {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
}

.view-grid-3 .row-2 {
    font-size: 11px !important;
    margin-bottom: 2px !important;
    color: #555 !important;
}

.view-grid-3 .row-3 {
    font-size: 11px !important;
    margin-bottom: 2px !important;
    color: #666 !important;
}

.view-grid-3 .row-4 {
    font-size: 11px !important;
    color: #777 !important;
}

/* --- LİSTE GÖRÜNÜMÜ (.view-list) --- */
.view-list article .figure-list {    
    display: flex !important;    
    align-items: center !important;    
}

.view-list .image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 70px !important;
    min-width: 70px !important;
    height: 70px !important;
    text-align: center !important;
    overflow: visible !important;
    position: relative !important;    
    z-index: 1 !important;
}

/* Yıldızın alt kısmının kesilmemesi için konumu yukarı kaydırıldı */
/* --- LİSTE GÖRÜNÜMÜ ETİKET (YILDIZ) KESİN ÇÖZÜMÜ --- */
.view-list article .product-badge-wrapper {
    position: absolute !important;
    right: 20px !important;    
    bottom: 35px !important;
    top: auto !important;
    left: auto !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    width: 55px !important;
    height: 55px !important;
}

.view-list .badge-bg-img {
    width: 55px !important;
    height: 55px !important;
    min-width: 55px !important;
    min-height: 55px !important;
    max-width: 55px !important;
    max-height: 55px !important;
    object-fit: contain !important;
    display: block !important;
}

.view-list .badge-text {
    position: absolute !important;
    top: 5px !important;    /* Metni aşağı kaydırmak için buradaki sayıyı artırabilirsin (örn: 4px, 5px) */
    left: 5px !important;   /* Metni sağa kaydırmak için buradaki sayıyı artırabilirsin (örn: 3px, 4px) */
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    font-size: 10px !important; 
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.view-list .image img {
    max-width: 70px !important;
    max-height: 70px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.view-list .text {
    display: block !important;
    padding-left: 15px !important;
}

.view-list .row-1 {    
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #111 !important;
    margin-top: 10px !important;
}

.view-list .row-2 {    
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #555 !important;
    margin-bottom: 4px !important;
}

.view-list .row-3 {    
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #666 !important;
    margin-bottom: 4px !important;
}

.view-list .row-4 {    
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #777 !important;    
}

.view-list article {
    margin-top: 0 !important;             
    margin-bottom: 5px !important;        
    padding: 8px 10px !important;         
    min-height: 100px !important;         
    height: 100px !important;             
    display: flex !important;
    align-items: center !important;
}

/* --- 3. KOMPAKT GÖRÜNÜM (view-compact) --- */
.view-compact .image { display: none !important; }
.view-compact .text { display: block !important; padding-left: 0 !important; }

.view-compact article {
    display: block !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.view-compact .row-1 {
    font-size: 1.1rem !important;
    font-weight: bold;
}

.view-compact .row-2 {
    font-size: 0.9rem !important;
    color: #666;
    margin-top: 2px !important;
}

.view-compact .category-badge {
    background: transparent !important; 
    padding: 0 !important; 
    border-radius: 0 !important;
}

.view-compact .category-badge strong {
    color: #333;
    font-weight: 700;
}

.view-compact .row-1 h2 {
    margin: 0 !important;
    font-size: 1.25rem !important; 
    font-weight: 700 !important;   
    color: #000;                   
    line-height: 1.2;              
}

.view-compact .row-1 h2 a {
    text-decoration: none;
    color: inherit;
}


/* --- 4. SEÇİM GÖRSEL / BUTON STİLLERİ --- */
.grid-list a.selected,
.grid-list a.selected-view {
    background-color: #000 !important; 
    color: #fff !important;             
}


/* --- 5. ROZET (BADGE) KONUMLANDIRMALARI --- */
.figure-list .image,
.figure-compact .image,
.grid-card .image {
    position: relative !important;
}

.grid-card .product-badge-wrapper,
.figure-list .product-badge-wrapper,
.figure-compact .product-badge-wrapper {
    position: absolute !important;
    right: 5px !important;
    bottom: 5px !important;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.figure-list .product-badge-wrapper .badge-bg-img,
.figure-compact .product-badge-wrapper .badge-bg-img {
    width: 30px; 
}

.figure-list .product-badge-wrapper .badge-text,
.figure-compact .product-badge-wrapper .badge-text {
    font-size: 8px; 
}

.grid-card .product-badge-wrapper .badge-bg-img {
    width: 38px; 
}

.grid-card .product-badge-wrapper .badge-text {
    font-size: 10px; 
}
/* 1. Dış ana kutuyu dar ve ortalanmış bir boyuta kilitliyoruz */
.popup-main .product .owl-product-gallery {
    width: 480px !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
}

/* 2. Owl Carousel'in wrapper elementine verdiği devasa genişliği eziyoruz */
.popup-main .product .owl-product-gallery .owl-wrapper-outer {
    width: 100% !important;
    overflow: hidden !important;
}

.popup-main .product .owl-product-gallery .owl-wrapper {
    width: 100% !important;
    position: relative !important;
    left: 0 !important; /* Oklarla kaydırıldıkça JS burayı değiştirebilir ama başlangıçta kilitler */
}

/* 3. Her bir slayt öğesini 390px / 3 = 130px olarak sabitliyoruz */
.popup-main .product .owl-product-gallery .owl-item {
    width: 130px !important;
    max-width: 130px !important;
    float: left !important;
}

/* 4. Görsellerin taşmasını engelliyoruz */
.popup-main .product .owl-product-gallery .owl-item img {
    width: 100% !important;
    height: auto !important;
}

/* Ana konteynerı ortalayıp içini sola hizalıyoruz */
.phone-container {
    display: inline-block;
    margin-top: 8px;
    text-align: left; /* Parantez ve hat yazılarının kendi içinde düzgün durması için */
}

.phone-row {
    display: grid;
    /* Kolon genişlikleri: 
       1. Telefon numarası (otomatik)
       2. Parantez ve sayı alanı (sabit genişlik -> note-num sol hizası için)
       3. "Hat)" alanı 
    */
    grid-template-columns: auto 45px auto; 
    gap: 8px; /* Öğeler arası boşluk */
    align-items: center;
    line-height: 1.6;
}

.phone-number {
    text-align: right; /* İsteğe bağlı: Telefon numaralarının sonuna yaslamak isterseniz right yapabilirsiniz, sol için left kalabilir */
    white-space: nowrap;
}

/* note-num sınıflarının sol başlangıç hizasını sabitler */
.note-num {
    text-align: left;
    color: #666;
    white-space: nowrap;
}

.note-text {
    text-align: left;
    color: #666;
    white-space: nowrap;
}

/* Ürün Sayfalarında Bazı Kelimelere Link verme */
.detay-link {
    position: relative;
    display: inline-block;
    /* color: #0056b3; Yazı Tipi Rengi */
    text-decoration: none;
    font-weight: 400;
}

.detay-link:hover {
    text-decoration: underline;
}

/* Tooltip (Balon) Tasarımı */
.detay-link::after {
    content: "Detay için tıklayın"; /* Balonun içinde yazacak metin */
    position: absolute;
    bottom: 125%; /* Metnin hemen üstünde yer almasını sağlar */
    left: 50%;
    transform: translateX(-50%) translateY(5px); /* Ortalamak ve başlangıç konumu */
    
    background-color: #008685;
    color: #fff; 
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: normal;
    white-space: nowrap;
    
    /* Varsayılan olarak gizli ve şeffaf yapıyoruz */
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
    pointer-events: none; /* Tıklanmasını engeller, sadece görseldir */
}

/* Balonun altındaki küçük üçgen ok */
.detay-link::before {
    content: "";
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent; /* Üçgenin rengi */
    
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
    z-index: 10;
    pointer-events: none;
}

/* Fare üzerine gelince (Hover) balonun görünür ve yukarı kayma efekti */
.detay-link:hover::after,
.detay-link:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0); /* Hafifçe yukarı doğru kayarak belirir */
}

.info {
    background-color: #eeeeee !important; /* Ürünler Sayfasında Sekme içeriklerinin Zemin Rengi */
}

/* Magnific Popup Katman Önceliği (Z-Index) Ayarları */
.mfp-bg {
    z-index: 9999 !important; /* Arka plan karartması */
}

.mfp-wrap {
    z-index: 10000 !important; /* Görsel ve slider'ın bulunduğu ana pencere */
}

/* Lightbox altındaki açıklama yazısının stili */
.mfp-title {
    text-align: center;
    padding: 10px 0 0 0 !important;
    font-size: 14px;
    color: #ffffff !important;
    font-weight: 500;
}


@media (max-width: 767px) {
    /* 1. Görseli mobilde küçültelim */
    .mfp-content {
        max-width: 90% !important;
        margin: 0 auto !important;
    }

    /* 2. Ok butonlarının genel yapısı */
    .mfp-arrow {
        width: 44px !important;
        height: 44px !important;
        background-color: rgba(0, 0, 0, 0.7) !important;
        border-radius: 50% !important;
        opacity: 1 !important;
        /* Flexbox iptal, absolute konumlandırma kullanacağız */
        display: block !important; 
        cursor: pointer;
        padding: 0 !important;
        margin: 0 !important;
        /* Dikey ortalamayı top:50% ve translateY ile yapalım */
        position: fixed !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    /* 3. Eklentinin eski oklarını tamamen temizle */
    .mfp-arrow:before, 
    .mfp-arrow-right:after, 
    .mfp-arrow-left:after {
        display: none !important;
        content: none !important;
    }

    /* --- SOL OK İÇİN YENİ YERLEŞİM --- */
    .mfp-arrow-left {
        left: 10px !important;
    }
    
    /* Sol ok sembolünü absolute ile tam merkeze alalım */
    .mfp-arrow-left::before {
        content: "◀" !important;
        display: block !important;
        color: #ffffff !important;
        font-size: 18px !important;
        width: 100% !important;
        text-align: center !important;
        position: absolute !important;
        top: 50% !important;
        left: 0 !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* --- SAĞ OK İÇİN YENİ YERLEŞİM --- */
    .mfp-arrow-right {
        right: 10px !important;
    }
    
    /* Sağ ok sembolünü absolute ile tam merkeze alalım */
    .mfp-arrow-right::before {
        content: "▶" !important;
        display: block !important;
        color: #ffffff !important;
        font-size: 18px !important;
        width: 100% !important;
        text-align: center !important;
        position: absolute !important;
        top: 50% !important;
        left: 0 !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Satın Al - Bilgi Al - Broşür İndir ve WhatsApp Simgeleri */

/* === Ürün Sayfası - Satın Al / Bilgi Al / Broşür Butonları - Yatay === */
#yatay-buton-kutusu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
}
#yatay-buton-kutusu .btn.btn-buy {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
}
.btn.btn-buy.btn-whatsapp-custom {
    background-color: #25D366 !important;
}
.btn.btn-buy.btn-whatsapp-custom:before {
    font-family: 'FontAwesome' !important;
    content: "\f232" !important;
    font-size: 24px !important;
}
.btn.btn-buy.btn-whatsapp-custom:after {
    content: "What" "\000A" "sApp" !important;
    font-size: 11px !important;
    padding-top: 12px !important;
}
@media (max-width: 767px) {
    .btn.btn-buy:after {
        display: none !important;
        content: none !important;
    }
}

/* Magnific Popup açılan görsel ve kapsayıcı ayarları */
.mfp-img-loaded .mfp-img {
    padding: 0 !important;
    max-height: 60vh !important; /* Görselin maksimum dikey yüksekliği (İstediğin gibi ayarlayabilirsin) */
    width: auto !important;
    margin: 0 auto !important;
    display: block;
}

/* Popup penceresinin genel kutu boyutu ve ortalaması */
.mfp-container {
    padding: 20px !important; /* Kenarlardan bırakılacak boşluk */
}

.mfp-content {
    text-align: center;
    max-width: 600px !important; /* Açılan pencerenin maksimum genişliği */
}

/* Görselin altındaki başlık (title) yazısı */
.mfp-bottom-bar {
    margin-top: -30px;
    text-align: center;
    color: #ffffff;
}


.mini-breadcrumb-bar {
    background-color: transparent; /* Arka planı tamamen şeffaf yapar */
    margin-top: 0 !important;
	padding-top: 0 !important;
    border-bottom: 1px solid #f0f0f0; /* Çok silik, ayırt edici ince bir çizgi */
}

.mini-breadcrumb-bar .breadcrumb {
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 12px;              /* Yazıyı ufak ve zarif tutar */
}

.mini-breadcrumb-bar .breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;                  /* Aradaki ayraçları silikleştirir */
}

#myPopup {
    display: none; /* Varsayılan olarak gizli başlar, JS süresi dolunca açar */
    /* Diğer tasarım kodlarınız (pozisyon, arka plan karartma vb.) */
}

/* Ürün Karşılaştır Özellikleri */

.product-compare-wrapper {
    margin-top: 15px;
    border-top: 1px solid #eaeaea;
    padding-top: 12px;
    clear: both;
    float: left;
    width: 100%;
}

.product-compare-wrapper label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    margin: 0;
    text-align: left;
}

.product-compare-wrapper input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: checkbox !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    cursor: pointer;
    position: static !important;
}

/* Karşılaştır Butonu Temel Stili */
.karsilastir-git-btn {
    display: none; /* Başlangıçta gizli (0 ürünken görünmez) */
    align-items: center;
    gap: 6px;
    background-color: #015281;
    color: #fff;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-top: 8px;
}

.karsilastir-git-btn:hover {
    background-color: #013d61;
    color: #fff;
}

/* 1 ürün seçildiğinde: Görünür ama soluk ve tıklanamaz */
.karsilastir-git-btn.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

/* --- Mobil Görünüm Düzeltmeleri --- */
@media (max-width: 768px) {
    section.products {
        padding-top: 100px !important; 
    }
	
	.mini-breadcrumb-bar {
        display: block !important;
        visibility: visible !important;
        position: relative;
        z-index: 10;
        margin-bottom: 15px;
    }
	
	/* Ürün listesini veya filtrelerin altındaki alanı biraz aşağı kaydırır */
    #product-container, 
    .products .col-md-9 {
        margin-top: 15px !important; /* İhtiyacına göre bu değeri 20px veya 30px yapabilirsin */
    }
}

/* --- Ürün Detay Sayfası - Breadcrumb Üst Boşluk Ayarı --- */
section.product .mini-breadcrumb-bar {
    margin-top: -20px !important;
	margin-bottom: 25px !important;
}

/* --- Hakkımızda ve Vizyonumuz Bölümleri İçin Çerçeve ve Gölge --- */
section.history.about-page .row-block {
    background: #fff;
    border: 1px solid #e9e9e9; /* İstediğin turuncu tonu */
    border-radius: 8px; /* Köşeleri hafifçe yuvarlatır, daha modern durur */
    padding: 10px;
    margin-bottom: 10px; /* Bölümler üst üste binerse aralarında boşluk bırakır */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); /* Hafif, şık bir gölge */
}

/* Kurumsal Sayfası Tablosunun Yapılandırılması */

<style>
/* Sadece bu sayfadaki model-tablo yapısını etkiler */
section.history.about-page .model-tablo {
    width: 100%;
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #eaeaea;
    margin-bottom: 30px;
}

section.history.about-page .model-tablo th {
    background-color: #ffbb00;
    color: #fff;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: left;
}

section.history.about-page .model-tablo td {
    padding: 0 !important;
    border-bottom: 1px solid #f1f1f1;
    transition: all 0.3s ease;
}

section.history.about-page .model-tablo tr:last-child td {
    border-bottom: none;
}

section.history.about-page .model-tablo td a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    color: #008685;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

section.history.about-page .model-tablo tr:hover td {
    background-color: #fafafa;
}

section.history.about-page .model-tablo td a:hover {
    color: #ffbb00;
    padding-left: 25px;
}
</style>

/* Ürün Sayfasındaki Düğmeler */

/* Ortak Buton Konteyneri */
.product-buttons-container {
    display: flex !important;
    gap: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 5px !important;
    width: 100% !important;
}

/* Tüm butonlar için ortak temel stil */
.p-btn {
    display: inline-flex !important;
    flex-shrink: 0 !important; /* Esneyip küçülmelerini engeller, tam 36px kalırlar */
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: transform 0.2s ease !important;
}

/* Üzerine gelince hafif büyüme efekti */
.p-btn:hover {
    transform: scale(1.08);
}

/* Her butonun kendi görseli */
.btn-eticaret {
    background-image: url('../assets/images/Eticaret.png');
	margin-top: 25px !important;
	margin-right: 25px !important;
}

.btn-bilgial {
    background-image: url('../assets/images/BilgiAl.png');
	margin-top: 25px !important;
	margin-right: 25px !important;	
}

.btn-turkce {
    background-image: url('../assets/images/Turkce.png');
	margin-top: 25px !important;
	margin-right: 25px !important;
}

.btn-english {
    background-image: url('../assets/images/English.png');
	margin-top: 25px !important;
}

.product-flex-gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Ürün Sayfalarında Biçimlendirme */
/* Tablo Genel Yapısı */
.standart-teknik-tablo {
    width: 100%;
    table-layout: fixed; /* Sütun genişliklerinin sabit kalmasını sağlayan komut */
    word-break: break-word;
    border-collapse: collapse;
    font-family: Verdana, sans-serif;
    font-size: 9pt;
    border: 1px solid #cccccc;
    box-sizing: border-box; /* Border ve padding taşmalarını engeller */
}

/* Tablo içindeki tüm elemanların box-sizing standardı */
.standart-teknik-tablo *, 
.standart-teknik-tablo *:before, 
.standart-teknik-tablo *:after {
    box-sizing: border-box;
}

/* Hücre Tasarımı */
.standart-teknik-tablo td {
    border: 1px solid #e0e0e0;
    padding: 6px;
}

/* Başlık Satırları (20 birimlik saf matematiğe tam uyumlu: colspan="20") */
.standart-teknik-tablo tr:has(> td[colspan="20"][onclick]) {
    background-color: #f0f2f5;
    font-size: 9pt;
    text-transform: capitalize !important;
    font-weight: normal;
    color: #0a5380;
    cursor: pointer;
    user-select: none;
}

.standart-teknik-tablo tr:has(> td[colspan="20"][onclick]) td {
    padding: 8px;
}

/* Sadece class="sol" olan hücrelerin rengi */
.standart-teknik-tablo td.sol {
    color: #ff5800; 
    font-weight: 500; 
}

#tumunu-toggle-text {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

#tumunu-toggle-text:focus,
#tumunu-toggle-text:active {
    outline: none !important;
    border: none !important;
}

/* Tıklanabilir başlık satırları hariç, diğer tüm satırlara hover efekti */
.standart-teknik-tablo tr:not(:has(td[onclick])):hover tr,
.standart-teknik-tablo tr:not(:has(td[onclick])):hover td {
    background-color: #f2f4f7 !important;
}

/* Sekme bağlantılarının tüm odaklanma ve tıklama çerçevelerini kaldırır */
.nav-tabs > li > a,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:active {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* Eğer Bootstrap'in odaklanma anındaki varsayılan arka plan veya kenar çizgisi değişimini de engellemek isterseniz */
.nav-tabs > li > a:focus {
    background-color: transparent; /* Aktif sekmenin rengini bozmaması için */
    border-color: transparent;
}

/* Aktif sekmenin üstündeki #ffbb00 rengindeki çizgiyi ve genel aktif stilini koruyoruz */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-top: 3px solid #ffbb00 !important; /* Çizgi kalınlığınız nediyse onu yazabilirsiniz */
    background-color: #fff; /* Aktif sekme arkaplanı (kendi tasarımınıza göre ayarlayabilirsiniz) */
}

/* Menü alanındaki tüm bağlantıların ve tıklanabilir öğelerin odaklanma/tıklama çerçevelerini kaldırır */
.navbar-fixed a, 
.navbar-fixed a:focus, 
.navbar-fixed a:active,
.navbar-fixed button,
.navbar-fixed button:focus,
.navbar-fixed button:active,
.floating-menu a,
.floating-menu a:focus,
.floating-menu a:active {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* Ok simgesine (dropdown tetikleyiciye) tıklandığında oluşabilecek çerçeveleri de kapsar */
.floating-menu .open-dropdown,
.floating-menu .open-dropdown:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Sadece bilgi linklerinin altı çizili olsun */
a.bilgi-linki {
	color: #0066cc;
	text-decoration: underline;
}

/*  Modeller Sekmesi içeriği */

.model-tablosu {
    width: 100%;
    border-collapse: collapse;
    background-color: #E3E2F1; /* Hücre arası çizgi rengi */
    border: 1px solid #C6CBD6;  /* Tablo dış çerçevesi */
}

.model-tablosu th, 
.model-tablosu td {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 8pt;
    padding: 5px 8px;
    height: 18px;
    border: 1px solid #E3E2F1; /* Hücreler arası ince çizgi */
}

/* Başlık Satırı */
.model-tablosu thead tr {
    background-color: #F0F2F5;
}

.model-tablosu thead td {
    background-color: #F0F2F5;
    color: #0a5380;
}

/* Veri Satırları - Varsayılan Beyaz Zemin */
.model-tablosu tbody tr {
    background-color: #FFFFFF;
    transition: background-color 0.2s ease; /* Renk değişiminin yumuşak geçişi için */
}

.model-tablosu tbody td {
    background-color: #FFFFFF;
}

/* Satırın Üzerine Gelindiğinde (Hover) Renk Değişimi */
.model-tablosu tbody tr:hover td {
    background-color: #F0F2F5; /* Üzerine gelindiğinde hafif gri/mavi ton */
}

/* Sol sütun model adı sola yaslı */
.model-tablosu td.sol {
    text-align: left;
    padding-left: 8px;
}

.model-tablosu tbody td.sol {
    color: #ff5800; /* Modeller tablosunda ilk sütunda yazı rengi */
}

/* Benzer ürünler sekme alanını göreceli (relative) yapıyoruz ki oklar dışarı taşmasın */
#benzer-urunler .content {
    position: relative;
    padding: 0 20px;
}

/* Owl Carousel oklarının genel tasarımı (Zorla görünür kılma: !important) */
.owl-carousel .owl-nav {
    display: block !important;
}

/* Sol ve Sağ ok butonlarının ortak stilleri */
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
    background: #015281 !important;
    color: #fff !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 42% !important;
    transform: translateY(-50%) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
    z-index: 99 !important;
    outline: none !important;
    border: none !important;
    transition: background 0.3s ease !important;
}

/* Hover (üzerine gelince) rengi */
.owl-carousel .owl-nav button.owl-prev:hover, 
.owl-carousel .owl-nav button.owl-next:hover {
    background: #003352 !important;
}

/* Sol ok konumu */
.owl-carousel .owl-nav button.owl-prev {
    left: -10px !important;
}

/* Sağ ok konumu */
.owl-carousel .owl-nav button.owl-next {
    right: -10px !important;
}

/* Okların içindeki FontAwesome ikon boyutları */
.owl-carousel .owl-nav button.owl-prev i, 
.owl-carousel .owl-nav button.owl-next i {
    font-size: 14px !important;
    line-height: 1 !important;
}

/* --- NATIVE YATAY KAYDIRMA VE SIKI KUTU KONTROLÜ --- */
#benzer-urunler-listesi {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    justify-content: flex-start !important; /* Kartları sola yaslar, aradaki esnek boşluğu kapatır */
    gap: 0 !important;
    padding: 5px 5px 5px 5px !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* Kaydırma çubuğu tasarımı */
#benzer-urunler-listesi::-webkit-scrollbar {
    height: 6px;
}
#benzer-urunler-listesi::-webkit-scrollbar-thumb {
    background: #015281;
    border-radius: 3px;
}

/* Her kartın sağ boşluğunu 5 piksele düşürerek kartları birbirine yaklaştırıyoruz */
#benzer-urunler-listesi .item {
    flex: 0 0 240px !important;
    width: 240px !important;
    margin-right: 2px !important; /* İsterseniz bu değeri 3px yapıp daha da yakınlaştırabilirsiniz */
    margin-left: 0 !important;
    scroll-snap-align: start !important;
}

/* ARA Düğmesiyle Birebir Aynı Boyut, Yapı ve Hover Efektine Sahip Sıfırla Düğmesi */
.btn-sifirla {
    background-color: #a2a2a2;
    color: #ffffff;
    border: none;
    border-radius: 0;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 8px;
    width: 100%;
    padding: 12px 15px;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
}

/* Üzerine gelince (Hover) Renk Değişimi */
.btn-sifirla:hover {
    background-color: #5a5a5a;
    color: #ffffff;
}


/* --- YONETIM PANELI DINAMIK CSS BASLANGICI --- */
.navbar-fixed,
.navbar-fixed .navigation-main,
.header-mobile-view,
.mobile-nav-bar,
.navbar-header,
.header-wrapper,
#header,
header {
    background-color: #0a5380 !important; /* Menü Başlığının Zemin Rengi */
    border: none !important;
    box-shadow: none !important;
}

/* Menü Bar satırının zemin rengi */
.navbar-fixed {
    background-color: #0a5380 !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Footer sosyal medya simgeleri boyut ve aralık ayarı */
.footer-links .col-md-6 div a {
    font-size: 22px !important;    /* Simgelerin boyutunu büyütür (İsteğe göre 20px - 24px yapabilirsiniz) */
    margin-right: 18px !important;   /* Simgelerin sağ taraftan birbirine olan mesafesini artırır */
    display: inline-block;
    transition: color 0.3s ease;
}

/* Eğer simgelerin üzerine gelindiğinde (hover) renk değişmesini isterseniz */
.footer-links .col-md-6 div a:hover {
    opacity: 0.8;
}

/* Döviz kurları yazı boyutunu küçültmek için */
.navigation.navigation-top ul li:nth-child(1) a,
.navigation.navigation-top ul li:nth-child(2) a {
    font-size: 12px; /* İhtiyacınıza göre 11px veya 13px de yapabilirsiniz */
}
/* --- YONETIM PANELI DINAMIK CSS BITISI --- */