/* =====================================================================
   TurkDiecast tema stilleri
   Bu dosya beework.css ve beework-responsive.css'ten SONRA yuklenir.
   Yeni tasarim kurallari buraya eklenir; eski dosyalara dokunulmaz.
   Her bolum bir yorum basligi ile ayrilir.
   ===================================================================== */

/* =====================================================================
   0. Temel degiskenler (renk paleti)
   Koyu antrasit #15171a, vurgu kirmizisi #e10600, acik zemin #f4f5f7,
   cizgi #e6e8ec, ikincil metin #8a8f98
   ===================================================================== */
body {color: #1f2226; -webkit-font-smoothing: antialiased;}
.container {max-width: 1200px;}

/* =====================================================================
   1. HEADER ve MENU
   ===================================================================== */

/* Ust ince bar */
.top {background: #15171a; height: 36px;}
.header-top {height: 36px;}
ul.topmenu > li {height: 36px; line-height: 36px; font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase;}
ul.topmenu > li:before {display: none;}
ul.topmenu > li > a {color: #b9bec6;}
ul.topmenu > li:hover {background: transparent;}
ul.topmenu > li:hover > a {color: #fff;}

/* Logo / arama / uyelik / sepet satiri */
.header-bottom, .header {height: 104px;}
.logo {height: 104px; line-height: 104px;}
.logo img {max-height: 72px;}

.header-search-area {height: 104px; padding: 28px 0;}
.header-search-form {height: 48px; border: 1px solid #e6e8ec; background: #f4f5f7; border-radius: 24px;
    -webkit-transition: all 150ms ease-in; transition: all 150ms ease-in;}
.header-search-form:hover, .header-search-form:focus-within {border-color: #15171a; background: #fff;}
.header-search-form input {font-size: 14px; padding: 0 90px 0 48px; color: #1f2226;}
.header-search-form input::-webkit-input-placeholder {color: #8a8f98;}
.header-search-form input::-moz-placeholder {color: #8a8f98;}
.header-search-form i {height: 48px; line-height: 48px; width: 48px; color: #8a8f98;}
.header-search-form i:before {font-size: 18px;}
.header-search-form button {height: 36px; width: 74px; top: 5px; right: 6px; border-radius: 18px; background: #e10600;
    font-weight: 700; font-size: 12px; letter-spacing: 0.06em;}
.header-search-form button:hover {background: #15171a;}

.header-right {height: 104px; padding: 28px 0 0 0;}
.header-member-area {height: 48px;}
.header-member-area > ul > li {height: 48px; line-height: 48px; border-radius: 24px 24px 0 0;}
.header-member-area > ul > li > a {padding-left: 12px; font-size: 13px;}
.header-member-area > ul > li > a > i, .header-member-area > ul > li > a > b {height: 48px; line-height: 48px;}
.header-member-area > ul > li > a > b {font-weight: 600;}
.header-member-area > ul > li > a > i:before {font-size: 18px;}
.header-member-area > ul > li:hover {background: #15171a;}
.header-member-area > ul > li ul {top: 48px; background: #15171a; border-radius: 0 12px 12px 12px; width: 190px;}
.header-member-area > ul > li ul li {border-top: 1px solid rgba(255,255,255,0.08); height: 42px; line-height: 42px; font-size: 13px;}
.header-member-area > ul > li ul li:hover {background: #e10600;}

.header-shopping-cart {height: 48px; border-radius: 24px; background: #f4f5f7;
    -webkit-transition: all 150ms ease-in; transition: all 150ms ease-in;}
.header-shopping-cart:before {display: none;}
.header-shopping-cart b {height: 48px; line-height: 48px; width: 38%;}
.header-shopping-cart i {height: 48px; line-height: 48px;}
.header-shopping-cart i:before {font-size: 22px;}
.header-shopping-cart p {height: 46px; padding-top: 7px; width: 62%; font-size: 12px; line-height: 16px;}
.header-shopping-cart span {color: #8a8f98;}
.header-shopping-cart span.price {color: #15171a; font-weight: 700; font-size: 13px;}
.header-shopping-cart:hover {background: #15171a;}
.header-shopping-cart:hover span, .header-shopping-cart:hover a {color: #fff;}

/* Gokkusagi cizgisi kaldirildi, yerine tek ince kirmizi cizgi */
.header-sub-border {height: 3px; background: #e10600;}
.header-sub-border span {display: none;}

/* Kategori seridi: koyu zemin, buyuk harf, kirmizi hover */
.header-bottom-area {height: 56px; background: #15171a; border-bottom: none;}
.header-bottom-box {height: 56px; line-height: 56px; margin-left: -15px;}
.header-bottom-box > ul > li {height: 56px; line-height: 56px; border-right: none; font-size: 13px; font-weight: 700;
    letter-spacing: 0.08em; text-transform: uppercase;}
.header-bottom-box > ul > li > a {color: #f4f5f7; padding: 0 30px; position: relative;}
.header-bottom-box > ul > li > a > i {display: none;}
.header-bottom-box > ul > li > a:after {content: ''; position: absolute; left: 30px; right: 30px; bottom: 12px; height: 2px;
    background: #e10600; -webkit-transform: scaleX(0); transform: scaleX(0);
    -webkit-transition: -webkit-transform 150ms ease-out; transition: transform 150ms ease-out;}
.header-bottom-box > ul > li:hover {background: transparent;}
.header-bottom-box > ul > li:hover > a {color: #fff;}
.header-bottom-box > ul > li:hover > a:after {-webkit-transform: scaleX(1); transform: scaleX(1);}
.header-bottom-box > ul > li ul {background: #15171a; top: 56px;}
.header-bottom-box > ul > li ul li {height: 44px; line-height: 44px; border-top: 1px solid rgba(255,255,255,0.08);
    text-transform: none; letter-spacing: 0; font-weight: 500;}
.header-bottom-box > ul > li ul li:hover {background: #e10600;}
header {margin-bottom: 28px;}

/* Bildirim alani (flash mesajlari) */
.notification-area {background: #15171a; color: #fff;}
.notification-area.error {background: #e10600;}

/* --- Mobil header --- */
@media (max-width: 769px) {
    ul.mobile-topmenu li:nth-child(1), ul.mobile-topmenu li:nth-child(2) {background: #15171a; font-weight: 600;}
    ul.mobile-topmenu li:nth-child(3) {background: #1f2226;}
    ul.mobile-topmenu li:nth-child(4) {background: #2a2e34;}
    ul.mobile-topmenu li:nth-child(5) {background: #25d366;}
    ul.mobile-topmenu li:nth-child(6) {background: #e10600;}
    .mobile-menu-button {background: #fff;}
    .mobile-menu-button i {color: #15171a;}
    .mobile-menu {background: #15171a;}
    .mobile-menu ul li {font-size: 14px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;}
    .mobile-menu ul li a {padding: 12px 15px;}
    .mobile-menu ul li i {display: none;}
    .mobile-menu ul li li {text-transform: none; font-weight: 400; letter-spacing: 0;}
    .mobile-menu ul li li a {padding: 10px 15px 10px 30px;}
    .mobile-menu > ul > li:last-child {border-bottom: none;}
    .header-bottom, .header {height: 80px;}
    .logo {height: 80px; line-height: 80px;}
    .logo img {max-height: 56px;}
    .header-right {height: 80px; padding: 18px 10px;}
    .header-shopping-cart {height: 44px; border: 1px solid #e6e8ec; background: #fff; border-radius: 22px;}
    .header-shopping-cart b, .header-shopping-cart i {height: 42px; line-height: 42px;}
    .header-shopping-cart p {height: 42px; padding-top: 5px;}
    .header-sub-border {display: none;}
    .mobile-search {border-bottom: 1px solid #e6e8ec;}
    .mobile-search button {background: #e10600; font-weight: 700;}
    header {margin-bottom: 0;}
}

/* =====================================================================
   2. URUN KARTI (products/views/partials/product_box.php)
   Eski .main-product kurallari korunur, .td-card ile uzerine yazilir.
   ===================================================================== */
.td-card-col {margin-bottom: 24px;}
.main-product.td-card {height: auto; margin-bottom: 0; border: 1px solid #e6e8ec; border-radius: 12px; background: #fff;
    overflow: hidden; position: relative;
    -webkit-transition: box-shadow 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: box-shadow 150ms ease-out, transform 150ms ease-out;}
.main-product.td-card:hover {-webkit-transform: translateY(-3px); transform: translateY(-3px);
    -webkit-box-shadow: 0 12px 30px rgba(21,23,26,0.12); box-shadow: 0 12px 30px rgba(21,23,26,0.12); border-color: #d9dce2;}
.td-card a.td-card-link {display: block; height: auto; padding: 0; color: #1f2226; text-decoration: none; overflow: visible;}

.td-card .td-card-img {position: relative; height: auto; line-height: 0; padding-top: 78%; background: #f7f8fa; overflow: hidden;
    border-bottom: 1px solid #eef0f3;}
.td-card .td-card-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; max-height: none;
    padding: 14px; object-fit: contain; display: block;
    -webkit-transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out;}
.td-card:hover .td-card-img img {-webkit-transform: scale(1.06); transform: scale(1.06);}

.td-badge {position: absolute; z-index: 2; top: 10px; left: 10px; display: inline-block; height: 22px; line-height: 22px;
    padding: 0 9px; border-radius: 11px; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #fff;}
.td-badge-sale {background: #e10600;}
.td-badge-out {background: #8a8f98;}

.td-card .td-card-title {margin: 0; padding: 14px 16px 0 16px;}
.td-card .td-card-title h5 {font-size: 13.5px; font-weight: 600; line-height: 18px; height: 36px; overflow: hidden; margin-bottom: 4px; color: #1f2226;}
.td-card .td-card-title p {font-size: 11px; line-height: 16px; color: #8a8f98; font-weight: 400;}

.td-card .td-card-price {margin: 0; padding: 8px 16px 14px 16px;}
.td-card .td-card-price h5 {font-size: 18px; font-weight: 800; color: #15171a; line-height: 22px; letter-spacing: -0.01em;}
.td-card .td-card-price h5.td-price-out {color: #8a8f98; font-weight: 600; font-size: 14px;}
.td-card .td-card-price p {font-size: 11px; line-height: 14px; color: #8a8f98; font-weight: 400;}
.td-old-price {display: inline-block; margin-right: 6px; font-size: 13px; font-weight: 500; color: #8a8f98; text-decoration: line-through;}

.td-card .td-card-buy {height: 44px;/* border-top: 1px solid #eef0f3; */background: #fff;padding-left: 10%;}
.td-card .td-card-buy form {height: 44px;}
.td-card .td-card-buy input {width: 24%; height: 44px; border: none; border-right: 1px solid #eef0f3; border-top: none;
    font-size: 14px; font-weight: 600; color: #1f2226; background: #fff; -moz-appearance: textfield;}
.td-card .td-card-buy input::-webkit-inner-spin-button, .td-card .td-card-buy input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.td-card .td-card-buy button {
    width: 80%;
    height: 44px;
    line-height: 44px;
    background: #15171a;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    -webkit-transition: background 150ms ease-in;
    transition: background 150ms ease-in;
    border-radius: 50px;
}
.td-card .td-card-buy button i {margin-left: 8px;}
.td-card .td-card-buy button:hover {background: #e10600;}

/* Anasayfa sekmeli vitrin 4 sutun (eski kural %25 !important) - korunur */
/* Gunun firsati kutusu icinde tek kart */
.opportunity-products-slider .td-card-col {margin-bottom: 0;}
.opportunity-products-slider .main-product.td-card {border: none;border-radius: 0;height: 450px !important;}
.opportunity-products-slider .main-product.td-card:hover {-webkit-transform: none; transform: none; box-shadow: none;}
.opportunity-products-slider .td-card .td-card-img {padding-top: 62%;}
/* Urun detay "benzer urunler" slider'i */
.bestsellers-products .td-card-col {margin-bottom: 0;}

@media (max-width: 769px) {
    .td-card-col {margin-bottom: 14px;}
    .td-card .td-card-title {padding: 10px 10px 0 10px;}
    .td-card .td-card-title h5 {font-size: 12px; line-height: 16px; height: 32px;}
    .td-card .td-card-price {padding: 6px 10px 10px 10px;}
    .td-card .td-card-price h5 {font-size: 15px;}
    .td-card .td-card-buy input {width: 30%;}
    .td-card .td-card-buy button {width: 70%; font-size: 11px; letter-spacing: 0.04em;}
    .td-card .td-card-buy button i {display: none;}
}

/* =====================================================================
   3. ANASAYFA (products/views/main.php)
   ===================================================================== */
.content-top-area {height: 530px; margin-bottom: 24px;}
.mainbanner {border: none; border-radius: 14px; background: #15171a;}
.mainbanner .bx-wrapper .bx-controls-direction a {width: 44px; height: 44px; border-radius: 22px; bottom: 20px;}
.mainbanner .bx-wrapper .bx-next {right: 20px;}
.mainbanner .bx-wrapper .bx-prev {right: 72px;}

/* Gunun firsati: koyu kutu icinde beyaz kart */
.opportunity-products-area {height: 530px; padding: 22px 22px 0 22px; border: none; border-radius: 14px; background: #15171a; margin-bottom: 0;}
.opportunity-products-area > h4 {color: #fff; font-size: 14px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;
    padding: 4px 0 14px 0; margin-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.12); position: relative;}
.opportunity-products-area > h4:before {content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: #e10600; margin-right: 10px; vertical-align: 2px;}
.opportunity-products-slider {height: 440px; background: #fff; border-radius: 10px; overflow: hidden;}
.opportunity-products-slider .bx-wrapper .bx-controls-direction a {
    top: auto;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    background-color: #db6f6f;
    background-size: 8px auto;
    bottom: 25px;
}
.opportunity-products-slider .bx-wrapper .bx-controls-direction a:hover {background-color: #e10600;}
.opportunity-products-slider .bx-wrapper .bx-next {background-image: url(../img/icons/arrows/arrow1-right.png);right: 15px;}
.opportunity-products-slider .bx-wrapper .bx-prev {background-image: url(../img/icons/arrows/arrow1-left.png);right: 45px;}

/* Marka / kategori kutulari (getCategories ciktisi: li > a > i + metin + span) */
.td-brand-strip {margin: 0 0 8px 0;}
ul.td-brand-tiles {/* display: -webkit-box; *//* display: -webkit-flex; *//* display: flex; */margin: 0 -8px;padding: 0;list-style: none;}
ul.td-brand-tiles > li {/* -webkit-box-flex: 1; *//* -webkit-flex: 1; *//* flex: 1; *//* margin: 0 8px; */position: relative;width: 25%;float: left;padding: 5px;}
.cat-cover-photo {position: absolute;width: 60px;height: 60px;left: 10px;top: 15px;line-height: initial;border-radius: 50%;overflow: hidden;}
.cat-cover-photo img {width: 100%; height: 100%; object-fit: cover; }
ul.td-brand-tiles > li > a {display: block; height: 92px; line-height: 92px; padding: 0 24px 0 80px; border-radius: 12px; background: #f4f5f7;
    color: #15171a; font-size: 15px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none;
    position: relative; overflow: hidden; -webkit-transition: all 150ms ease-out; transition: all 150ms ease-out;}
ul.td-brand-tiles > li > a > i {display: none;}
ul.td-brand-tiles > li > a > span {position: absolute; right: 20px; top: 0; height: 92px; line-height: 92px; font-size: 18px; color: #c4c8cf;
    -webkit-transition: all 150ms ease-out; transition: all 150ms ease-out;}
ul.td-brand-tiles > li > a:before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: #e10600;}
ul.td-brand-tiles > li > a:hover {background: #15171a; color: #fff;}
ul.td-brand-tiles > li > a:hover > span {right: 14px; color: #e10600;}
ul.td-brand-tiles > li > ul {display: none;} /* alt kategoriler burada gosterilmez */

/* Vitrin: sekmeli urun listesi */
.products-section {margin-top: 24px; margin-bottom: 40px;}
.products-area {border: none; padding: 0;}
.products-area-head {height: auto; border-bottom: 1px solid #e6e8ec; margin-bottom: 24px; overflow: hidden;}
h3.td-section-title {float: left; font-size: 22px; font-weight: 800; letter-spacing: -0.01em; line-height: 56px; margin: 0 40px 0 0; color: #15171a;}
h3.td-section-title:after {content: ''; display: inline-block; width: 28px; height: 3px; background: #e10600; margin-left: 14px; vertical-align: 5px;}
.products-area-tabmenu {height: 56px; float: left;}
.products-area-tabmenu ul li {height: 56px; line-height: 56px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em;}
.products-area-tabmenu ul li + li {margin-left: 28px;}
.products-area-tabmenu ul li a {height: 56px; color: #8a8f98; border-bottom: 3px solid transparent;}
.products-area-tabmenu ul li:hover {background: transparent;}
.products-area-tabmenu ul li:hover a {color: #15171a;}
.products-area-tabmenu ul li.active a {color: #15171a; border-bottom: 3px solid #e10600;}
.products-list-area {padding: 0; margin: 0;}
.main-products-list-area:before {display: none;}

@media (max-width: 769px) {
    .content-top-area {height: auto;}
    .mainbanner {border-radius: 0; margin: 0 -10px 16px -10px;}
    .opportunity-products-area {height: auto; padding: 16px 16px 0 16px; border-radius: 12px; margin-bottom: 16px;}
    .opportunity-products-slider {height: auto; padding-bottom: 0;}
    .td-brand-strip {margin: 0 0 16px 0;}
    ul.td-brand-tiles {-webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px;}
    ul.td-brand-tiles > li {-webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0; padding: 0 5px 10px 5px;}
    ul.td-brand-tiles > li > a {height: 56px; line-height: 56px; padding: 0 16px; font-size: 12px; letter-spacing: 0.06em;}
    ul.td-brand-tiles > li > a > span {height: 56px; line-height: 56px; right: 12px; font-size: 14px;}
    .products-section {margin-top: 8px;}
    .products-area {padding: 0;}
    .products-area-head {height: auto;}
    h3.td-section-title {float: none; line-height: 40px; font-size: 18px; margin: 0;}
    .products-area-tabmenu {float: none; height: 40px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
    .products-area-tabmenu ul {width: 480px;}
    .products-area-tabmenu ul li {height: 40px; line-height: 40px; font-size: 12px;}
    .products-area-tabmenu ul li a {height: 40px;}


    .cat-cover-photo {display: none;}
    ul.td-brand-tiles > li {width: 50%;}

}

/* =====================================================================
   4. URUN LISTESI (products/views/index.php, search.php, leftside.html)
   ===================================================================== */
.inner-page section {padding-top: 60px;}
.breadcrumb-section {height: 44px; background: #f4f5f7; border-bottom: 1px solid #e6e8ec;}
.breadcrumb-full {height: 44px; max-width: 1200px; width: auto; padding: 0 15px;}
.breadcrumb-full ul li {height: 44px; line-height: 44px; font-size: 12px; color: #c4c8cf;}
.breadcrumb-full ul li a {color: #8a8f98; padding: 0 8px;}
.breadcrumb-full ul li a:hover {color: #e10600; text-decoration: none;}
.breadcrumb-full ul li:last-child a {color: #15171a; font-weight: 700;}
.breadcrumb-full ul li:first-child a {padding-left: 0;}

.leftside {margin-top: 0;}
.leftside ul.left-cat-menu {border: none;}
ul.left-cat-menu > li {height: 46px; line-height: 46px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em;
    text-transform: uppercase; border-radius: 10px; background: #f4f5f7;}
ul.left-cat-menu > li + li {margin-top: 6px;}
ul.left-cat-menu > li > a {padding: 0 40px 0 18px; color: #15171a;}
ul.left-cat-menu > li > a > i {display: none;}
ul.left-cat-menu > li > a > span {height: 46px; line-height: 46px; right: 14px; font-size: 14px; color: #c4c8cf;}
ul.left-cat-menu > li:hover {background: #15171a;}
ul.left-cat-menu > li:hover > a > span {display: block; color: #e10600; right: 10px;}
ul.left-cat-menu > li > ul {display: none !important;}

.rightside {margin-top: 0;}
.main-products-area {border: none;}
h1.inner-title {font-size: 26px; font-weight: 800; letter-spacing: -0.01em; color: #15171a; margin: 4px 0 18px 0; padding: 0 20px;}
h1.inner-title:after {content: ''; display: inline-block; width: 28px; height: 3px; background: #e10600; margin-left: 14px; vertical-align: 6px;}

/* Siralama secenekleri: yuvarlak etiketler */
.filter-options-area {margin-bottom: 20px;}
.filter-options-area ul li {width: auto; float: left; height: 34px; line-height: 34px; margin: 0 8px 8px 0; padding: 0 16px;
    border-radius: 17px; background: #f4f5f7; font-size: 12px; font-weight: 600; color: #15171a;
    -webkit-transition: all 120ms ease-in; transition: all 120ms ease-in;}
.filter-options-area ul li a {color: inherit;}
.filter-options-area ul li:hover {background: #e6e8ec;}
.filter-options-area ul li.active {background: #15171a;}
.filter-options-area ul li.active a {color: #fff;}

/* Sayfalama */
.pagination-area {height: auto; padding: 10px 20px 20px 20px; background: transparent;}
div.pagination {width: 100%; float: none; overflow: hidden;}
div.pagination > span {width: 36px; height: 36px; line-height: 34px; border: 1px solid #e6e8ec; border-radius: 18px; font-weight: 600; padding: 0;
    -webkit-transition: all 120ms ease-in; transition: all 120ms ease-in;}
div.pagination > span:hover {border-color: #15171a;}
div.pagination > span > a {color: #15171a; display: block; text-decoration: none;}
div.pagination > span.active, div.pagination > span.current {background: #15171a; border-color: #15171a; color: #fff;}
div.pagination > span.active > a {color: #fff; text-decoration: none;}

@media (max-width: 769px) {
    .inner-page section {padding-top: 44px;}
    .breadcrumb-section {height: auto; padding: 0 15px;}
    .breadcrumb-full ul li {height: auto; line-height: 36px;}
    h1.inner-title {font-size: 20px; padding: 0 15px; margin: 14px 0 12px 0;}
    .filter-options-area {padding: 0 15px;}
    .filter-options-area ul li {width: auto; font-size: 11px; height: 30px; line-height: 30px; padding: 0 12px;}
}

/* =====================================================================
   5. URUN DETAY (products/views/view.php)
   ===================================================================== */
.detail-page {border: none; padding: 0; margin: 24px 0 0 0;}
.detail-page-photos-slider {height: 460px; border: 1px solid #e6e8ec; border-radius: 14px; background: #fafbfc; overflow: hidden;}
.detail-page-photos-slider li {height: 458px; line-height: 458px;}
.detail-page-photos-slider img {padding: 24px;}
.detail-page-photos-slider .bx-wrapper .bx-controls-direction a {width: 40px; height: 40px; border-radius: 20px; background-color: rgba(21,23,26,0.6);}
.detail-page-photos-slider-pager {border: none; padding: 14px 0 0 0;}
.detail-page-photos-slider-pager ul li {height: 72px; line-height: 72px; border: 1px solid #e6e8ec; border-radius: 10px; overflow: hidden; background: #fff;}
.detail-page-photos-slider-pager ul li a {opacity: 1;}
.detail-page-photos-slider-pager ul li a.active {outline: 2px solid #e10600; outline-offset: -2px; border-radius: 10px;}
.detail-page-photos-slider-pager .bx-wrapper .bx-controls-direction a {top: 26px; width: 24px; height: 24px;}

.product-info-area {padding: 0 0 0 34px; min-height: 0;}
.product-info-area > h2 {font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #e10600; margin-bottom: 10px;}
.product-info-area h1.product-title {font-size: 28px; font-weight: 800; line-height: 34px; letter-spacing: -0.01em; color: #15171a; margin-bottom: 16px;}
.product-content-info {height: auto; border: none; padding: 0; margin-bottom: 4px; overflow: hidden;}
.product-content-info ul li {height: 28px; line-height: 28px; padding: 0 12px; margin: 0 8px 8px 0; border-radius: 14px; background: #f4f5f7;
    font-size: 12px; font-weight: 500; color: #4b5058;}
.product-content-info ul li + li {margin-left: 0;}
.product-content-info ul li:first-child {font-weight: 700;}
.product-content-info ul li .message-positive {color: #1a9c4a;}
.product-content-info ul li .message-negative {color: #e10600; margin-left: 6px;}
.product-content-text {padding: 14px 0 18px 0; font-size: 14px; line-height: 22px; color: #4b5058;}

.product-price-area > ul > li {padding: 14px 0; border-top: 1px solid #eef0f3;}
.detail-page-price {overflow: hidden;}
.detail-page-price .td-old-price {display: block; margin: 0 0 2px 0; font-size: 15px;}
.detail-page-price h6 {font-size: 34px; font-weight: 800; letter-spacing: -0.02em; color: #15171a; line-height: 40px; margin: 0;}
.detail-page-price p {font-size: 12px; color: #8a8f98;}
.icons-information-area ul li {display: inline-block; margin: 0 16px 0 0; font-size: 12px; color: #4b5058;}
.icons-information-area ul li i {color: #1a9c4a; margin-right: 4px;}
.stock-message {width: auto; float: none; display: inline-block; padding: 0 18px; height: 40px; line-height: 40px; border-radius: 20px;
    background: #f4f5f7; color: #8a8f98; font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase;}

.product-price-area > ul > li.product-add-to {padding: 14px 0 6px 0; border-top: 1px solid #eef0f3;}
.number-input {width: 32%; height: 52px; border: 1px solid #e6e8ec; border-radius: 10px; background: #fff;}
.number-input button {height: 50px; font-size: 20px; color: #15171a; width: 30%;}
.number-input input {height: 50px; font-size: 18px; font-weight: 700; width: 40%; border-color: #eef0f3;}
.product-price-area > ul > li.product-add-to form {width: 65%; float: right; height: 52px;}
.product-price-area > ul > li.product-add-to form button {height: 52px; margin-top: 0; border-radius: 10px; background: #e10600;
    font-size: 13px; font-weight: 800; letter-spacing: 0.1em; -webkit-transition: background 150ms ease-in; transition: background 150ms ease-in;}
.product-price-area > ul > li.product-add-to form button:hover {background: #15171a;}
.product-options {margin-bottom: 12px;}

.add-product-list {padding-top: 12px;}
.add-product-list > ul li button {height: 40px; line-height: 28px; border: 1px solid #e6e8ec; border-radius: 20px; padding: 5px 14px; color: #15171a;
    font-weight: 600; font-size: 12px;}
.add-product-list > ul li button:hover {background: #f4f5f7; border-color: #c4c8cf;}
.add-product-list > ul li:first-child button.active {border-color: #e10600; color: #e10600;}
.add-product-list .share span {color: #8a8f98; font-size: 13px; font-weight: 600;}
.product-variation ul li span {border-radius: 10px; border-color: #e6e8ec;}

.product-infos {border: none; margin: 32px 0 0 0;}
.product-tab-area {padding: 0;}
ul.product-tab-menu {height: 52px; border-bottom: 1px solid #e6e8ec;}
ul.product-tab-menu li {height: 52px; line-height: 50px;}
ul.product-tab-menu li a {font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #8a8f98; padding: 0 18px;}
ul.product-tab-menu li i {height: 50px; line-height: 50px; margin-right: 6px;}
ul.product-tab-menu li i:before {font-size: 16px;}
ul.product-tab-menu li.active {border-bottom: 3px solid #e10600;}
ul.product-tab-menu li.active a, ul.product-tab-menu li.active {color: #15171a;}
.product-tab-content {padding: 24px 0;}
.product-tab-content .tab-pane {font-size: 14px; line-height: 22px; color: #4b5058;}
.product-tab-content .tab-pane p {font-size: 14px;}
.product-tab-content table.table-attributes td, .product-tab-content table.table-attributes th {font-size: 13px; padding: 8px 10px;}

.main-products-row {border: none; padding: 0; margin-top: 16px;}
h4.main-row-title {height: 56px; line-height: 56px; font-size: 22px; font-weight: 800; letter-spacing: -0.01em; text-transform: none; border-bottom: 1px solid #e6e8ec;}
h4.main-row-title:before {display: none;}
h4.main-row-title:after {content: ''; display: inline-block; width: 28px; height: 3px; background: #e10600; margin-left: 14px; vertical-align: 5px;}
.main-products-slider:before {display: none;}
.main-products-slider .bx-wrapper .bx-controls-direction a {top: -50px; width: 32px; height: 32px; border-radius: 16px; background-color: #f4f5f7; background-size: 8px auto;}
.main-products-slider .bx-wrapper .bx-controls-direction a:hover {background-color: #15171a;}
.main-products-slider .bx-wrapper .bx-next {background-image: url(../img/icons/arrows/arrow1-right.png); right: 0;}
.main-products-slider .bx-wrapper .bx-prev {background-image: url(../img/icons/arrows/arrow1-left.png); right: 38px;}

@media (max-width: 769px) {
    .detail-page {margin: 16px 0 0 0;}
    .detail-page-photos-slider {height: auto; border-radius: 10px;}
    .detail-page-photos-slider li {height: auto; line-height: 0;}
    .detail-page-photos-slider img {padding: 12px;}
    .product-info-area {padding: 0;}
    .product-info-area h1.product-title {font-size: 22px; line-height: 28px;}
    .detail-page-price h6 {font-size: 28px; line-height: 34px;}
    .product-price-area > ul > li.product-add-to {height: auto; border: none; border-top: 1px solid #eef0f3; padding: 14px 0 6px 0;}
    .number-input {width: 34%; height: 52px; border: 1px solid #e6e8ec; border-radius: 10px;}
    .number-input button {height: 50px; width: 30%;}
    .number-input input {height: 50px; width: 40%; font-size: 16px;}
    .product-price-area > ul > li.product-add-to form {width: 62%;}
    .product-price-area > ul > li.product-add-to form button {width: 100%; height: 52px;}
    ul.product-tab-menu {height: auto;}
    ul.product-tab-menu li {height: 44px; line-height: 44px;}
    ul.product-tab-menu li a {font-size: 12px; padding: 0;}
    h4.main-row-title {font-size: 18px;}
}

/* =====================================================================
   6. FOOTER, CEREZ BANDI, GENEL
   ===================================================================== */
footer {background: #15171a; border-top: none; color: #b9bec6; margin-top: 40px;}
.inner-page footer {margin-top: 40px;}
.footer-top-area {height: auto; padding: 28px 0 22px 0; border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 24px;}
.footer-logo {height: auto; line-height: 0;}
.footer-logo img {max-height: 56px;}
.footer-social ul li {height: auto; padding-top: 8px; width: 44px;}
.footer-social ul li a {color: #b9bec6;}
.footer-social ul li i {height: 40px; line-height: 40px; width: 40px; border-radius: 20px; background: rgba(255,255,255,0.06);}
.footer-social ul li i:before {font-size: 16px;}
.footer-social ul li a:hover {color: #fff;}
.footer-social ul li a:hover i {background: #e10600;}
.footer-social ul li a:hover i:before {font-size: 16px;}
.footer-center-area {border-bottom: 1px solid rgba(255,255,255,0.08); padding-bottom: 8px;}
.footer-menu {height: auto; overflow: hidden; padding-bottom: 12px;}
.footer-menu > ul > li {float: left; height: auto; padding: 0 28px 0 0;}
.footer-menu > ul > li > a {display: block; padding: 6px 0; color: #b9bec6; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none;}
.footer-menu > ul > li > a:hover {color: #fff;}
.footer-menu > ul > li > h5 {color: #fff;}
.footer-menu > ul > li > ul > li a {color: #b9bec6;}
.bank-logos {text-align: right; padding: 4px 0;}
.bank-logos img {max-width: 100%; opacity: 0.85;}
.bottom-area {padding: 4px 0 8px 0;}
.copyright {padding: 12px 0;}
.copyright p {color: #8a8f98; font-size: 12px;}
.copyright p a {color: #8a8f98;}

/* Cerez bandi: daha kucuk, koyu */
.cookies-information-area {padding: 18px 120px 18px 30px; background: #15171a; color: #fff; box-shadow: 0 -10px 30px rgba(0,0,0,0.25);}
.cookies-information {font-size: 12px; line-height: 18px;}
.cookies-information p {margin-bottom: 6px; color: #b9bec6;}
.cookies-information a {color: #fff; text-decoration: underline;}
.close-cookies-area {right: 20px; top: 12px; color: #fff;}
.cookies-confirmation {bottom: 18px; right: 30px; background: #e10600; border-radius: 18px; padding: 8px 20px; font-weight: 700; font-size: 12px; cursor: pointer;}

/* WhatsApp butonu golgesi */
.whatsapp-link {-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.2); box-shadow: 0 8px 20px rgba(0,0,0,0.2);}

@media (max-width: 769px) {
    footer {margin-top: 24px;}
    .inner-page footer {margin-top: 24px;}
    .footer-top-area {padding: 20px 0 10px 0; margin-bottom: 0;}
    .footer-logo {text-align: center; padding: 0 0 14px 0;}
    .footer-logo img {max-height: 44px;}
    .footer-social {padding-bottom: 14px;}
    .bank-logos {text-align: center; padding: 16px 0;}
    .copyright p {text-align: center;}
    .cookies-information-area {padding: 16px 16px 56px 16px;}
    .cookies-confirmation {right: 16px; bottom: 12px;}
    .close-cookies-area {right: 12px; top: 8px;}
}

/* --- 5b. Urun detay duzeltmeleri --- */
/* Adet + sepet satiri float'lari temizlenir; favori/paylas alani altina iner */
.product-price-area > ul > li.product-add-to:after {content: ''; display: table; clear: both;}
.add-product-list {clear: both; padding-top: 16px;}
/* Kargo bilgisi (Ucretsiz / Ayni gun kargo) etiketleri */
.icons-information-area {width: 100%; float: none; height: auto; margin-top: 10px; overflow: hidden;}
.icons-information-area ul {float: none; width: auto;}
.icons-information-area ul li {width: auto; float: left; height: 30px; line-height: 30px; margin: 0 8px 6px 0; padding: 0 12px 0 8px;
    border-radius: 15px; background: #eefaf2; color: #1a9c4a;}
.icons-information-area ul li i {width: auto; height: 30px; line-height: 30px; float: left; margin-right: 6px; color: #1a9c4a;}
.icons-information-area ul li i:before {font-size: 16px;}
.icons-information-area ul li b {width: auto; height: 30px; line-height: 30px; float: left; padding: 0; font-size: 12px; font-weight: 700; color: #1a9c4a;}

/* --- 4b. Liste sayfasi duzeltmeleri --- */
h1.inner-title {font-family: 'Montserrat', sans-serif;}
@media (max-width: 769px) {
    /* Mobilde breadcrumb akista (relative) oldugu icin ust bosluk kaldirilir */
    .inner-page section {padding-top: 0;}
    .breadcrumb-section {margin-bottom: 8px;}
}

/* --- 2b. Kart ferahlatma: daha genis bosluklar, daha buyuk fiyat, listede 3 sutun --- */
.td-card-col {margin-bottom: 30px;}
.td-card .td-card-img {padding-top: 82%;}
.td-card .td-card-img img {padding: 20px;}
.td-card .td-card-title {padding: 20px 20px 0 20px;}
.td-card .td-card-title h5 {font-size: 14.5px;line-height: 21px;min-height: 42px;margin-bottom: 8px;height: auto;max-height: 63px;}
.td-card .td-card-title p {font-size: 11.5px; line-height: 18px;}
.td-card .td-card-price {padding: 14px 20px 20px 20px;}
.td-card .td-card-price h5 {font-size: 21px; line-height: 26px;}
.td-card .td-card-price p {margin-top: 2px; font-size: 11.5px;}
.td-old-price {font-size: 14px;}
.td-card .td-card-buy, .td-card .td-card-buy form {height: 50px;}
.td-card .td-card-buy input {height: 50px; font-size: 15px;}
.td-card .td-card-buy button {height: 50px; line-height: 50px; font-size: 12.5px;}
/* Kategori/arama listesinde 9 kolonluk alan dar; genis ekranda 3 kart daha rahat */
@media (min-width: 1200px) {
    .products-list .td-card-col, .rightside .td-card-col {width: 33.3333%;}
}
/* Gunun firsati kutusunda kart yuksekligi sinirli: ferahlik biraz azaltilir */
.opportunity-products-slider .td-card .td-card-img {padding-top: 58%;}
.opportunity-products-slider .td-card .td-card-title {padding-top: 14px;}
.opportunity-products-slider .td-card .td-card-price {padding: 8px 20px 14px 20px;}
.opportunity-products-slider .td-card .td-card-buy, .opportunity-products-slider .td-card .td-card-buy form {height: 46px;}
.opportunity-products-slider .td-card .td-card-buy input, .opportunity-products-slider .td-card .td-card-buy button {height: 46px; line-height: 46px;}

@media (max-width: 769px) {
    .td-card-col {margin-bottom: 16px;}
    .td-card .td-card-img img {padding: 12px;}
    .td-card .td-card-title {padding: 14px 12px 0 12px;}
    .td-card .td-card-title h5 {font-size: 12.5px;line-height: 17px;height: auto;margin-bottom: 6px;max-height: 80px;}
    .td-card .td-card-price {padding: 8px 12px 14px 12px;}
    .td-card .td-card-price h5 {font-size: 17px; line-height: 22px;}
    .td-card .td-card-buy, .td-card .td-card-buy form {height: 46px;}
    .td-card .td-card-buy input, .td-card .td-card-buy button {height: 46px; line-height: 46px;}
}

/* =====================================================================
   7. UYELIK SAYFALARI (giris, kayit, sifre, odeme oncesi giris)
   ===================================================================== */
.td-auth {max-width: 1040px; margin: 24px auto 8px auto; padding: 0 15px;}
h3.td-auth-title {text-align: center; font-size: 26px; font-weight: 800; letter-spacing: -0.01em; color: #15171a; margin: 8px 0 8px 0;}
.td-auth-lead {font-size: 14px; line-height: 22px; color: #6b7079; margin: 0 0 22px 0;}
.td-auth-lead a {color: #e10600; font-weight: 600; text-decoration: none;}
.td-auth-lead a:hover {text-decoration: underline;}
.td-auth-lead-center {text-align: center; margin-bottom: 28px;}

.td-auth-grid {display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px;}
.td-auth-grid > .td-auth-card {-webkit-box-flex: 1; -webkit-flex: 1 1 0; flex: 1 1 0; margin: 0 12px 24px 12px; min-width: 300px;}
.td-auth-card {background: #fff; border: 1px solid #e6e8ec; border-radius: 16px; padding: 36px 40px 32px 40px;
    -webkit-box-shadow: 0 8px 30px rgba(21,23,26,0.05); box-shadow: 0 8px 30px rgba(21,23,26,0.05);}
.td-auth-card.td-auth-single {max-width: 600px; margin: 0 auto 24px auto;}
.td-auth-card h4 {font-size: 22px; font-weight: 800; letter-spacing: -0.01em; color: #15171a; padding: 0; margin: 0 0 10px 0;}
.td-auth-card-alt {background: #15171a; border-color: #15171a; color: #d5d8dd;}
.td-auth-card-alt h4 {color: #fff;}
.td-auth-card-alt p {color: #b9bec6; font-size: 14px; line-height: 22px; padding: 0; margin: 0 0 20px 0;}
ul.td-auth-benefits {margin: 0 0 26px 0; padding: 0; list-style: none;}
ul.td-auth-benefits li {position: relative; padding: 6px 0 6px 26px; font-size: 14px; color: #fff; font-weight: 600;}
ul.td-auth-benefits li:before {content: ''; position: absolute; left: 0; top: 11px; width: 14px; height: 14px; border-radius: 7px; background: #e10600;}
ul.td-auth-benefits li:after {content: ''; position: absolute; left: 5px; top: 14px; width: 4px; height: 7px; border: solid #fff; border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg); transform: rotate(45deg);}

/* Eski sign-in / sign-up kurallarini etkisizlestir */
.td-auth .sign-in-area {padding: 36px 40px 32px 40px;}
.td-auth .sign-up-area {height: auto; border-left: none; padding: 36px 40px 32px 40px;}
.td-auth .sign-in-area h4, .td-auth .sign-up-area h4 {padding: 0; margin-bottom: 10px;}
.td-auth .sign-up-area i {display: none;}
.td-auth .member-content-area {padding: 0; background: transparent;}

.td-label {display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #4b5058; margin: 0 0 8px 0;}
.td-auth .sign-in-area ul li input[type="text"], .td-auth .sign-in-area ul li input[type="password"],
.td-auth .sign-in-area ul li input[type="email"] {width: 100%; height: 50px; margin: 0 0 18px 0; padding: 0 16px; font-size: 15px; color: #15171a;
    border: 1px solid #d9dce2; border-radius: 10px; background: #fff; -webkit-box-shadow: none; box-shadow: none;
    -webkit-transition: border-color 120ms ease-in; transition: border-color 120ms ease-in;}
.td-auth .sign-in-area ul li input:focus {border-color: #15171a;}
.td-auth .sign-in-area ul li.rememberMe {height: auto; margin: 0 0 20px 0; overflow: hidden;}
.td-auth .sign-in-area ul li.rememberMe label {height: 24px; line-height: 24px; padding-left: 24px; font-size: 13px; color: #4b5058;}
.td-auth .sign-in-area ul li.rememberMe label input {top: 4px; width: 16px; height: 16px;}
.td-auth .sign-in-area ul li.rememberMe a {height: 24px; line-height: 24px; font-size: 13px; font-weight: 600; color: #e10600; text-decoration: none;}
.td-auth .sign-in-area ul li button, .td-auth .sign-in-area ul li input[type="submit"] {display: block; width: 100%; height: 52px; line-height: 52px;
    padding: 0; border: none; border-radius: 10px; background: #e10600; color: #fff; font-size: 14px; font-weight: 800; letter-spacing: 0.08em;
    text-transform: uppercase; -webkit-transition: background 150ms ease-in; transition: background 150ms ease-in;}
.td-auth .sign-in-area ul li button:hover, .td-auth .sign-in-area ul li input[type="submit"]:hover {background: #15171a;}
.td-auth .sign-up-area a {display: block; height: 52px; line-height: 52px; border-radius: 10px; background: #e10600; color: #fff;
    font-size: 14px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; text-align: center; text-decoration: none;
    -webkit-transition: background 150ms ease-in; transition: background 150ms ease-in;}
.td-auth .sign-up-area a:hover {background: #fff; color: #15171a;}
a.td-btn-link {display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 600; color: #e10600; text-decoration: none;}
a.td-btn-link:hover {text-decoration: underline;}
.form-error-area {color: #e10600; font-size: 13px; line-height: 20px; margin-bottom: 12px;}
.form-error-area:empty {display: none;}

/* Kayit formu: etiket ustte, tek sutun */
.td-auth .steps-content-area {padding: 0; background: transparent; overflow: visible;}
.td-auth .step-area {margin-bottom: 0;}
ul.td-form li {margin-bottom: 18px; overflow: hidden;}
ul.td-form li > label {display: block; width: 100%; float: none; margin: 0 0 8px 0; padding: 0; font-size: 12px; font-weight: 700;
    letter-spacing: 0.06em; text-transform: uppercase; color: #4b5058;}
ul.td-form li > span {width: 100%; float: none; display: block;}
ul.td-form li input[type="text"], ul.td-form li input[type="password"], ul.td-form li input[type="email"] {width: 100%; height: 50px; margin: 0; padding: 0 16px;
    font-size: 15px; color: #15171a; border: 1px solid #d9dce2; border-radius: 10px; background: #fff; -webkit-box-shadow: none; box-shadow: none;}
ul.td-form li input:focus {border-color: #15171a;}
ul.td-form li select {width: 100%; height: 50px; margin: 0; border: 1px solid #d9dce2; border-radius: 10px;}
ul.td-form li button {display: block; width: 100%; float: none; height: 52px; line-height: 52px; margin-top: 6px; padding: 0; border-radius: 10px;
    background: #e10600; color: #fff; font-size: 14px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
    -webkit-transition: background 150ms ease-in; transition: background 150ms ease-in;}
ul.td-form li button:hover {background: #15171a;}
ul.td-form li .g-recaptcha {margin: 4px 0 2px 0;}
.td-auth-total {max-width: 1040px; margin: 0 auto; padding: 0 15px;}

/* Aktivasyon sayfalari (nadir) */
#activate-user, #login {max-width: 480px; margin: 20px auto;}
#activate-user li, #login li {margin-bottom: 14px;}
#activate-user input[type="text"], #login input[type="text"], #login input[type="password"] {width: 100%; height: 48px; padding: 0 14px; border: 1px solid #d9dce2; border-radius: 10px;}

@media (max-width: 769px) {
    .td-auth {margin: 12px auto 0 auto; padding: 0;}
    .td-auth-grid {margin: 0;}
    .td-auth-grid > .td-auth-card {-webkit-flex: 1 1 100%; flex: 1 1 100%; min-width: 0; margin: 0 0 16px 0;}
    .td-auth-card, .td-auth .sign-in-area, .td-auth .sign-up-area {padding: 24px 20px 22px 20px; border-radius: 12px;}
    .td-auth-card h4 {font-size: 20px;}
    h3.td-auth-title {font-size: 22px;}
}

/* =====================================================================
   8. ARAMA SONUCU
   ===================================================================== */
h1.td-search-title {font-size: 24px;}
h1.td-search-title:after {display: none;}
.td-search-label {display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #8a8f98; margin-bottom: 4px;}
.td-empty {padding: 48px 20px 56px 20px; text-align: center; border: 1px dashed #d9dce2; border-radius: 16px; margin: 0 20px 20px 20px;}
.td-empty h3 {font-size: 22px; font-weight: 800; color: #15171a; margin-bottom: 10px;}
.td-empty p {font-size: 14px; line-height: 22px; color: #6b7079; max-width: 460px; margin: 0 auto 22px auto;}
a.td-btn {display: inline-block; height: 48px; line-height: 48px; padding: 0 28px; border-radius: 24px; background: #15171a; color: #fff;
    font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
    -webkit-transition: background 150ms ease-in; transition: background 150ms ease-in;}
a.td-btn:hover {background: #e10600; color: #fff;}
@media (max-width: 769px) {
    .td-empty {margin: 0 15px 16px 15px; padding: 32px 16px;}
}

/* =====================================================================
   9. SEPET (orders/views/basket.php + partials)
   ===================================================================== */
.td-basket {margin-top: 24px;}
.td-basket .basket-leftside {margin-top: 0; border: none; padding: 0; background: transparent;}
.td-basket .basket-rightside {margin-top: 0;}
.td-basket-head {overflow: hidden; margin-bottom: 18px;}
h1.td-basket-title {float: left; font-size: 28px; font-weight: 800; letter-spacing: -0.01em; color: #15171a; margin: 0 14px 0 0; line-height: 36px;}
.td-basket-count {float: left; height: 26px; line-height: 26px; margin-top: 5px; padding: 0 12px; border-radius: 13px; background: #f4f5f7; color: #4b5058; font-size: 12px; font-weight: 700;}
.order_message {padding: 12px 16px; margin-bottom: 14px; border-radius: 10px; background: #fff1f0; color: #b80500; font-size: 13px; font-weight: 600;}
span.amount_error {font-size: 13px;}
.td-basket-note {margin: 14px 0 0 0; font-size: 13px; color: #6b7079;}
.td-basket-empty {margin: 0;}

/* Urun satiri karti */
.td-basket-list > ul > li {margin-bottom: 14px;}
.td-basket-list > ul > li:first-child {padding: 0; border-bottom: none;}
.td-basket-row {border: 1px solid #e6e8ec; border-radius: 14px; background: #fff; padding: 18px 20px;}
.td-basket-row > ul {display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; overflow: visible;}
.td-basket-row > ul > li {float: none; padding: 0; width: auto;}
.td-basket-row > ul > li.td-br-photo {-webkit-flex: 0 0 110px; flex: 0 0 110px; width: 110px;}
.td-basket-row > ul > li.td-br-info {-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: auto; padding: 0 20px; min-width: 0;}
.td-basket-row > ul > li.td-br-price {-webkit-flex: 0 0 120px; flex: 0 0 120px; width: 120px;}
.td-basket-row > ul > li.td-br-qty {-webkit-flex: 0 0 130px; flex: 0 0 130px; width: 130px; padding: 0 16px;}
.td-basket-row > ul > li.td-br-total {-webkit-flex: 0 0 130px; flex: 0 0 130px; width: 130px; text-align: right;}
.td-br-label {display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #8a8f98; margin-bottom: 6px;}
.td-basket-row .order-product-photo {height: 110px; line-height: 108px; border: 1px solid #eef0f3; border-radius: 10px; background: #f7f8fa;}
.td-basket-row .order-product-photo img {width: 86%; height: 86%;}
.td-basket-row .order-product-info {padding-top: 0;}
.td-basket-row .order-product-info > h5 {font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #e10600; margin-bottom: 6px;}
.td-basket-row .order-product-info > h4 {font-size: 16px; font-weight: 700; line-height: 22px; color: #15171a; margin-bottom: 10px;}
.td-basket-row .order-product-info > h4 a {color: #15171a; text-decoration: none;}
.td-basket-row .order-product-info > h4 a:hover {color: #e10600;}
.td-basket-row .order-product-info > ul > li {height: 24px; line-height: 24px; margin-right: 16px; font-size: 12px;}
.td-basket-row .order-product-info > ul > li > a {color: #6b7079; font-weight: 600;}
.td-basket-row .order-product-info > ul > li > a:hover {color: #15171a;}
.td-basket-row .order-product-info > ul > li i {height: 24px; line-height: 24px;}
.td-basket-row .order-product-info > ul > li i:before {font-size: 15px;}
.td-basket-row .order-product-info > ul > li:nth-child(1) i, .td-basket-row .order-product-info > ul > li:nth-child(2) i {color: #8a8f98;}
.td-basket-row .order-product-info > ul > li:nth-child(2) a {color: #6b7079; font-weight: 600;}
.td-basket-row .order-product-info > ul > li.active i {color: #e10600;}
.td-basket-row .order-product-info > ul > li:hover i {line-height: 24px;}
.td-basket-row > ul > li > b {font-size: 15px; font-weight: 700; color: #15171a;}
.td-basket-row > ul > li.td-br-total > b {font-size: 18px; font-weight: 800;}
.td-basket-row .order-quantity-input {height: 44px; border: 1px solid #d9dce2; border-radius: 10px; background: #fff; overflow: hidden;}
.td-basket-row .order-quantity-input button {height: 42px; background: #fff; font-size: 18px; color: #15171a; font-weight: 600;}
.td-basket-row .order-quantity-input button:hover {background: #f4f5f7;}
.td-basket-row .order-quantity-input input {height: 42px; font-size: 15px; font-weight: 700; border-color: #eef0f3;}
.td-br-dash {display: block; height: 44px; line-height: 44px; color: #8a8f98;}
.td-basket-row-coupon {background: #f7fbf8; border-color: #cfe9d8;}
.td-basket-row-coupon .order-product-photo {background: #fff;}

/* Siparis ozeti karti */
.td-basket-right {border: 1px solid #e6e8ec; border-radius: 16px; background: #fff; padding: 26px 26px 22px 26px;
    -webkit-box-shadow: 0 8px 30px rgba(21,23,26,0.05); box-shadow: 0 8px 30px rgba(21,23,26,0.05);}
.td-basket-right .order-total-area {border: none; padding: 0; margin-bottom: 18px;}

@media (max-width: 769px) {

    /* Urun satiri karti */
    .td-basket-list > ul > li {margin-bottom: 14px;}
    .td-basket-list > ul > li:first-child {padding: 0; border-bottom: none;}
    .td-basket-row {border: 1px solid #e6e8ec; border-radius: 14px; background: #fff; padding: 18px 20px;}
    .td-basket-row > ul {display: -webkit-box;display: -webkit-flex;display: block;-webkit-box-align: center;-webkit-align-items: center;align-items: center;overflow: hidden;}
    .td-basket-row > ul > li {float: none; padding: 0; width: auto;}
    .td-basket-row > ul > li.td-br-photo {-webkit-flex: 0 0 110px;flex: 0 0 110px;width: 100%;margin-bottom: 15px;}
    .td-basket-row > ul > li.td-br-info {-webkit-box-flex: 1;-webkit-flex: 1 1 auto;flex: 1 1 auto;width: 100%;padding: 0;min-width: 0;}
    .td-basket-row > ul > li.td-br-price {-webkit-flex: 0 0 120px;flex: 0 0 120px;width: 100%;}
    .td-basket-row > ul > li.td-br-qty {-webkit-flex: 0 0 130px;flex: 0 0 130px;width: 130px;padding: 0 16px;}
    .td-basket-row > ul > li.td-br-total {-webkit-flex: 0 0 130px; flex: 0 0 130px; width: 130px; text-align: right;}
    .td-br-label {display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #8a8f98; margin-bottom: 6px;}
    .td-basket-row .order-product-photo {height: 110px; line-height: 108px; border: 1px solid #eef0f3; border-radius: 10px; background: #f7f8fa;}
    .td-basket-row .order-product-photo img {width: 86%; height: 86%;}
    .td-basket-row .order-product-info {padding-top: 0;}
    .td-basket-row .order-product-info > h5 {font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #e10600; margin-bottom: 6px;}
    .td-basket-row .order-product-info > h4 {font-size: 16px; font-weight: 700; line-height: 22px; color: #15171a; margin-bottom: 10px;}
    .td-basket-row .order-product-info > h4 a {color: #15171a; text-decoration: none;}
    .td-basket-row .order-product-info > h4 a:hover {color: #e10600;}
    .td-basket-row .order-product-info > ul > li {height: 24px; line-height: 24px; margin-right: 16px; font-size: 12px;}
    .td-basket-row .order-product-info > ul > li > a {color: #6b7079; font-weight: 600;}
    .td-basket-row .order-product-info > ul > li > a:hover {color: #15171a;}
    .td-basket-row .order-product-info > ul > li i {height: 24px; line-height: 24px;}
    .td-basket-row .order-product-info > ul > li i:before {font-size: 15px;}
    .td-basket-row .order-product-info > ul > li:nth-child(1) i, .td-basket-row .order-product-info > ul > li:nth-child(2) i {color: #8a8f98;}
    .td-basket-row .order-product-info > ul > li:nth-child(2) a {color: #6b7079; font-weight: 600;}
    .td-basket-row .order-product-info > ul > li.active i {color: #e10600;}
    .td-basket-row .order-product-info > ul > li:hover i {line-height: 24px;}
    .td-basket-row > ul > li > b {font-size: 15px; font-weight: 700; color: #15171a;}
    .td-basket-row > ul > li.td-br-total > b {font-size: 18px; font-weight: 800;}
    .td-basket-row .order-quantity-input {height: 44px; border: 1px solid #d9dce2; border-radius: 10px; background: #fff; overflow: hidden;}
    .td-basket-row .order-quantity-input button {height: 42px; background: #fff; font-size: 18px; color: #15171a; font-weight: 600;}
    .td-basket-row .order-quantity-input button:hover {background: #f4f5f7;}
    .td-basket-row .order-quantity-input input {height: 42px; font-size: 15px; font-weight: 700; border-color: #eef0f3;}
    .td-br-dash {display: block; height: 44px; line-height: 44px; color: #8a8f98;}
    .td-basket-row-coupon {background: #f7fbf8; border-color: #cfe9d8;}
    .td-basket-row-coupon .order-product-photo {background: #fff;}

}