/* ============================================================
   TOYLINA3D THEME — v4 (temizlenmiş birleşik sürüm)
   Bölümler: 1.Fontlar 2.Değişkenler 3.Tipografi 4.Üst şerit
   5.Header 6.Menü 7.Slider 8.Ürün kartı 9.Genel butonlar
   10.Footer 11.Sepet dropdown 12.Sepet sayfası 13.Checkout
   14.Ürün detay 15.Arama 16.Toast 17.Mobil
   ============================================================ */

/* ---- 1. Fontlar (kendi sunucumuzdan, tam karakter setli) ---- */
@font-face {
  font-family: 'Quicksand';
  src: url('fonts/toylina/Quicksand.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Baloo 2';
  src: url('fonts/toylina/Baloo2.ttf') format('truetype');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

/* ---- 2. Değişkenler ---- */
:root {
  --tl-fusya: #E91E8C;
  --tl-fusya-koyu: #C2185B;
  --tl-mor: #7C3AED;
  --tl-mor-koyu: #5B21B6;
  --tl-turkuaz: #06B6D4;
  --tl-turkuaz-koyu: #0891B2;
  --tl-krem: #FFF8F0;
  --tl-metin: #2D2A3E;
  --tl-cerceve: #ece8f5;
  --tl-ayirac: #f3f1f8;
}

/* ---- 3. Tipografi ---- */
body {
  font-family: 'Quicksand', sans-serif;
  color: var(--tl-metin);
  background: #fff;
}
h1, h2, h3, h4, h5, h6, .btn, .nav-link, legend {
  font-family: 'Baloo 2', sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-weight: 700; }

/* ---- 4. Üst şerit (#top) ---- */
#top {
  background: linear-gradient(90deg, var(--tl-mor), var(--tl-fusya) 55%, var(--tl-turkuaz));
  padding: 6px 0;
}
#top a, #top .dropdown-toggle { color: #fff !important; font-size: 13px; }
#top a:hover { opacity: .85; }
#top .dropdown-menu {
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(45, 42, 62, .18);
  padding: 8px;
}
#top .dropdown-menu a,
#top .dropdown-menu .dropdown-item {
  color: var(--tl-metin) !important;
  font-size: 14px;
}
#top .dropdown-menu .dropdown-item:hover {
  color: var(--tl-fusya) !important;
  background: var(--tl-krem);
}

/* ---- 5. Header ---- */
header {
  background: #fff;
  box-shadow: 0 2px 14px rgba(45, 42, 62, .08);
  padding: 14px 0;
}
header .input-group .form-control {
  border-radius: 50px 0 0 50px;
  border: 2px solid var(--tl-cerceve);
  border-right: none;
  font-family: 'Baloo 2', sans-serif;
}
header .input-group .form-control:focus {
  border-color: var(--tl-mor);
  box-shadow: none;
}
header .input-group .btn-light {
  border-radius: 0 50px 50px 0;
  background: var(--tl-turkuaz);
  border: 2px solid var(--tl-turkuaz);
  color: #fff;
}
header .input-group .btn-light:hover {
  background: var(--tl-turkuaz-koyu);
  border-color: var(--tl-turkuaz-koyu);
}
#cart .btn-dark {
  background: var(--tl-mor);
  border-color: var(--tl-mor);
  border-radius: 50px;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 500;
}
#cart .btn-dark:hover { background: var(--tl-mor-koyu); border-color: var(--tl-mor-koyu); }

/* ---- 6. Ana menü ---- */
#menu.bg-primary {
  background: linear-gradient(90deg, var(--tl-fusya), var(--tl-mor)) !important;
  border-radius: 14px;
  padding: 2px 10px;
}
#menu .nav-link, #menu .dropdown-item.nav-item { color: #fff; }
#menu .nav > li > a,
#menu .navbar-nav > li > a {
  color: #fff !important;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 500;
  font-size: 15px;
}
#menu .nav > li > a:hover { color: #FFE3F3 !important; }
#menu .dropdown-menu {
  border-radius: 12px;
  border: none;
  box-shadow: 0 10px 30px rgba(45, 42, 62, .15);
}
#menu .dropdown-menu .dropdown-item { color: var(--tl-metin); }
#menu .dropdown-menu .dropdown-item:hover { background: var(--tl-krem); color: var(--tl-fusya); }

/* ---- 7. Slider ---- */
#content .carousel {
  border-radius: 20px;
  overflow: hidden;
}
#content .carousel-inner { border-radius: 20px; overflow: hidden; }
#content .carousel-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
#content .carousel-item .row,
#content .carousel-item .col-12 {
  margin: 0;
  padding: 0;
}
#content .carousel-item .row { --bs-gutter-x: 0; }

#content .carousel-control-prev,
#content .carousel-control-next {
  width: 42px;
  height: 42px;
  top: 50%;
  bottom: auto;
  opacity: 1;
}
#content .carousel-control-prev { left: 16px; transform: translateY(-50%); }
#content .carousel-control-next { right: 16px; transform: translateY(-50%); }
#content .carousel-control-prev span,
#content .carousel-control-next span {
  background: rgba(255, 255, 255, .92);
  color: var(--tl-mor);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-shadow: 0 4px 14px rgba(45, 42, 62, .22);
  transition: all .2s ease;
}
#content .carousel-control-prev:hover span,
#content .carousel-control-next:hover span {
  background: var(--tl-fusya);
  color: #fff;
}
#content .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d9d4ea;
  border: none;
}
#content .carousel-indicators button.active { background: var(--tl-fusya); }

/* ---- Bölüm başlıkları ---- */
#content h3 {
  font-weight: 600;
  position: relative;
  padding-bottom: 12px;
  margin: 34px 0 22px;
}
#content h3::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 52px;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--tl-fusya), var(--tl-turkuaz));
}

/* ---- 8. Ürün kartı (tek sürüm: minimal, hover bandlı) ---- */
.product-thumb {
  position: relative;
  background: transparent;
  border: none;
  border-radius: 0;
  overflow: visible;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.product-thumb:hover {
  border: none;
  transform: none;
  box-shadow: none;
}
.product-thumb .image {
  position: relative;
  background: var(--tl-krem);
  border-radius: 14px;
  overflow: hidden;
}
.product-thumb .image img { transition: transform .35s ease; width: 100%; }
.product-thumb:hover .image img { transform: scale(1.05); }

/* Gizlenenler: açıklama, vergisiz fiyat, karşılaştır, kart içi adet */
.product-thumb .description p { display: none; }
.product-thumb .price-tax { display: none; }
.product-thumb .button button[formaction*="compare"] { display: none !important; }
.product-thumb input[name="quantity"],
.product-thumb .tl-qty-btn { display: none !important; }

.product-thumb .content {
  padding: 14px 2px 0;
  flex: 1;
}
.product-thumb h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 6px;
}
.product-thumb h4 a { color: var(--tl-metin); text-decoration: none; }
.product-thumb h4 a:hover { color: var(--tl-fusya); }
.product-thumb .price {
  font-size: 17px;
  font-weight: 700;
  color: var(--tl-metin);
  margin: 0;
}
.product-thumb .price-new { color: var(--tl-fusya); }
.product-thumb .price-old {
  color: #b9b4cc;
  font-weight: 400;
  font-size: 14px;
  margin-left: 6px;
}

/* Hover bandı: Sepete Ekle + kalp */
.product-thumb form { position: static; }
.product-thumb .button {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(8px);
  transition: all .25s ease;
  z-index: 2;
}
.product-thumb:hover .button {
  opacity: 1;
  transform: translateY(0);
}
.product-thumb .button button[formaction*="cart.add"] {
  flex: 1;
  background: var(--tl-mor);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 12px 0;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 600;
  font-size: 14px;
  transition: background .2s;
}
.product-thumb .button button[formaction*="cart.add"]:hover { background: var(--tl-mor-koyu); }
.product-thumb .button button[formaction*="cart.add"] i { margin-right: 6px; }
.product-thumb .button button[formaction*="cart.add"]::after { content: "Sepete Ekle"; }
.product-thumb .button button[formaction*="wishlist"] {
  flex: 0 0 44px;
  background: var(--tl-mor);
  color: #fff;
  border: none;
  border-radius: 10px;
  transition: background .2s;
}
.product-thumb .button button[formaction*="wishlist"]:hover { background: var(--tl-fusya); }

/* ---- 9. Genel butonlar & linkler ---- */
.btn-primary {
  background: var(--tl-fusya);
  border-color: var(--tl-fusya);
  border-radius: 50px;
  font-weight: 500;
}
.btn-primary:hover, .btn-primary:focus {
  background: var(--tl-fusya-koyu) !important;
  border-color: var(--tl-fusya-koyu) !important;
}
a { color: var(--tl-turkuaz-koyu); }
a:hover { color: var(--tl-mor); }

/* Breadcrumb: tüm sitede gizli */
.breadcrumb { display: none; }

/* ---- 10. Footer ---- */
/* OC4'ün absolute sticky-footer'ını iptal et — footer normal akışta */
footer {
  position: static !important;
  bottom: auto !important;
}
#content, #column-left, #column-right {
  padding-bottom: 40px !important;
}
footer {
  background: var(--tl-metin);
  color: rgba(255, 255, 255, .8);
  padding: 46px 0 22px;
  margin-top: 60px;
}
footer h5 {
  color: var(--tl-turkuaz);
  font-weight: 500;
  margin-bottom: 14px;
}
footer a { color: rgba(255, 255, 255, .7); text-decoration: none; }
footer a:hover { color: var(--tl-fusya); }
footer hr { border-color: rgba(255, 255, 255, .15); }

/* ---- 11. Sepet dropdown ---- */
#cart .dropdown-menu {
  min-width: 400px;
  border: none;
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(45, 42, 62, .16);
  padding: 22px !important;
  margin-top: 12px;
  background: #fff;
}
#cart .dropdown-menu .table,
#cart .dropdown-menu .table td {
  border: none;
  background: transparent;
  box-shadow: none;
}
#cart .dropdown-menu .table { margin-bottom: 6px; }
#cart .dropdown-menu .table > tbody > tr > td {
  vertical-align: middle;
  padding: 10px 4px;
  border-bottom: 1px solid var(--tl-ayirac);
}
#cart .dropdown-menu .img-thumbnail {
  border: none;
  border-radius: 12px;
  background: var(--tl-krem);
  padding: 6px;
  min-width: 72px;
}
#cart .dropdown-menu td a {
  color: var(--tl-metin);
  font-family: 'Baloo 2', sans-serif;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
}
#cart .dropdown-menu td a:hover { color: var(--tl-fusya); }
#cart .dropdown-menu td small { color: #a9a5bd; font-size: 12px; }
#cart .dropdown-menu .text-nowrap { color: #a9a5bd; font-size: 13px; }
#cart .dropdown-menu td.text-end { font-weight: 600; }
#cart .dropdown-menu .btn-danger {
  background: transparent;
  border: none;
  color: #cfcade;
  font-size: 16px;
  padding: 2px 4px;
}
#cart .dropdown-menu .btn-danger:hover { color: var(--tl-fusya); background: transparent; }
#cart .dropdown-menu .table-bordered {
  border: none;
  background: transparent;
  margin-bottom: 16px;
}
#cart .dropdown-menu .table-bordered td {
  border: none;
  background: transparent;
  padding: 4px;
  font-size: 14px;
}
#cart .dropdown-menu .table-bordered td:first-child strong {
  color: #a9a5bd;
  font-weight: 500;
}
#cart .dropdown-menu .table-bordered tr:last-child td { padding-top: 8px; }
#cart .dropdown-menu .table-bordered tr:last-child td:first-child strong {
  color: var(--tl-metin);
  font-weight: 600;
}
#cart .dropdown-menu .table-bordered tr:last-child td:last-child {
  color: var(--tl-metin);
  font-weight: 700;
  font-size: 16px;
}
#cart .dropdown-menu p.text-end {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}
#cart .dropdown-menu p.text-end a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 13px 0;
  border-radius: 50px;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: all .2s;
}
#cart .dropdown-menu p.text-end a:first-child {
  border: 2px solid #e5e1f0;
  color: var(--tl-metin);
  background: #fff;
}
#cart .dropdown-menu p.text-end a:first-child:hover {
  border-color: var(--tl-mor);
  color: var(--tl-mor);
}
#cart .dropdown-menu p.text-end a:last-child {
  background: var(--tl-fusya);
  color: #fff;
  border: 2px solid var(--tl-fusya);
}
#cart .dropdown-menu p.text-end a:last-child:hover {
  background: var(--tl-fusya-koyu);
  border-color: var(--tl-fusya-koyu);
  box-shadow: 0 6px 18px rgba(233, 30, 140, .35);
}
#cart .dropdown-menu p.text-end a i { display: none; }

/* ---- 12. Sepet sayfası ---- */
#checkout-cart .table-bordered,
#shopping-cart .table-bordered {
  border: 1px solid #f0edf7;
  border-radius: 16px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}
#checkout-cart .table-bordered th,
#shopping-cart .table-bordered th {
  background: var(--tl-krem);
  border: none;
  border-bottom: 2px solid #f0edf7;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 600;
  color: var(--tl-metin);
  padding: 14px 12px;
}
#checkout-cart .table-bordered td,
#shopping-cart .table-bordered td {
  border: none;
  border-bottom: 1px solid #f5f3fa;
  vertical-align: middle;
  padding: 14px 12px;
}
#checkout-cart .table-bordered tr:last-child td,
#shopping-cart .table-bordered tr:last-child td { border-bottom: none; }
#checkout-cart .img-thumbnail,
#shopping-cart .img-thumbnail {
  border: none;
  background: var(--tl-krem);
  border-radius: 12px;
  padding: 6px;
}
#checkout-cart td a,
#shopping-cart td a {
  color: var(--tl-metin);
  font-weight: 600;
  text-decoration: none;
}
#checkout-cart td a:hover,
#shopping-cart td a:hover { color: var(--tl-fusya); }
#checkout-cart .input-group .form-control,
#shopping-cart .input-group .form-control {
  border: 2px solid var(--tl-cerceve);
  border-radius: 50px 0 0 50px;
  text-align: center;
  max-width: 90px;
  font-weight: 600;
}
#checkout-cart .input-group .btn,
#shopping-cart .input-group .btn {
  border: none;
  padding: 8px 14px;
}
#checkout-cart .input-group .btn-primary,
#shopping-cart .input-group .btn-primary {
  background: var(--tl-turkuaz);
  border-radius: 0;
}
#checkout-cart .input-group .btn-primary:hover,
#shopping-cart .input-group .btn-primary:hover { background: var(--tl-turkuaz-koyu) !important; }
#checkout-cart .input-group .btn-danger,
#shopping-cart .input-group .btn-danger {
  background: #fdeef6;
  color: var(--tl-fusya);
  border-radius: 0 50px 50px 0;
}
#checkout-cart .input-group .btn-danger:hover,
#shopping-cart .input-group .btn-danger:hover { background: var(--tl-fusya); color: #fff; }
#checkout-cart tfoot td,
#shopping-cart tfoot td { background: #fff; }
#checkout-cart .accordion-item,
#shopping-cart .accordion-item,
#checkout-cart .panel,
#shopping-cart .panel {
  border: 1px solid #f0edf7;
  border-radius: 14px !important;
  margin-bottom: 12px;
  overflow: hidden;
  box-shadow: none;
}
#checkout-cart .accordion-button,
#shopping-cart .accordion-button {
  font-family: 'Baloo 2', sans-serif;
  font-weight: 600;
  color: var(--tl-metin);
  background: #fff;
  box-shadow: none;
}
#checkout-cart .accordion-button:not(.collapsed),
#shopping-cart .accordion-button:not(.collapsed) {
  background: var(--tl-krem);
  color: var(--tl-mor);
}
#checkout-cart .btn-light,
#shopping-cart .btn-light {
  border: 2px solid #e5e1f0;
  border-radius: 50px;
  padding: 11px 26px;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 600;
  background: #fff;
  color: var(--tl-metin);
}
#checkout-cart .btn-light:hover,
#shopping-cart .btn-light:hover { border-color: var(--tl-mor); color: var(--tl-mor); }

/* ---- 13. Checkout (Kasa/Ödeme) ---- */
#checkout-payment-address select,
#checkout-shipping-address select,
#checkout-cart select,
main .form-select {
  border: 2px solid var(--tl-cerceve);
  border-radius: 12px;
  padding: 10px 14px;
  color: var(--tl-metin);
}
main .form-select:focus {
  border-color: var(--tl-mor);
  box-shadow: 0 0 0 3px rgba(124, 58, 237, .1);
}
main .form-check-input:checked {
  background-color: var(--tl-fusya);
  border-color: var(--tl-fusya);
}
main .form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(233, 30, 140, .15);
}
#checkout-shipping-method .input-group,
#checkout-payment-method .input-group {
  border: 2px solid var(--tl-cerceve);
  border-radius: 14px;
  overflow: hidden;
  flex-wrap: nowrap;
  align-items: stretch;
}
#checkout-shipping-method .input-group-text,
#checkout-payment-method .input-group-text {
  background: var(--tl-krem);
  border: none;
  border-radius: 0;
  color: var(--tl-mor);
  padding: 12px 16px;
}
#checkout-shipping-method .input-group .form-control,
#checkout-payment-method .input-group .form-control {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
#checkout-shipping-method .btn,
#checkout-payment-method .btn {
  border: none;
  border-radius: 0;
  background: var(--tl-turkuaz);
  color: #fff;
  font-weight: 600;
  padding: 0 22px;
}
#checkout-shipping-method .btn:hover,
#checkout-payment-method .btn:hover { background: var(--tl-turkuaz-koyu); }

/* Yorum kutusu — çerçeveli */
#checkout-checkout textarea.form-control,
#checkout-confirm textarea.form-control,
main textarea.form-control,
textarea[name="comment"] {
  border: 2px solid var(--tl-cerceve) !important;
  border-radius: 14px !important;
  padding: 12px 14px;
  min-height: 110px;
  box-shadow: none;
}
textarea[name="comment"]:focus,
main textarea.form-control:focus {
  border-color: var(--tl-mor) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, .1) !important;
  outline: none;
}

main .form-switch .form-check-input:checked {
  background-color: var(--tl-fusya);
  border-color: var(--tl-fusya);
}

/* Sipariş özeti tablosu */
#checkout-confirm .table,
#checkout-checkout .table-bordered {
  border: 1px solid #f0edf7;
  border-radius: 16px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}
#checkout-confirm .table th,
#checkout-checkout .table-bordered th {
  background: var(--tl-krem);
  border: none;
  border-bottom: 2px solid #f0edf7;
  font-family: 'Baloo 2', sans-serif;
  padding: 13px 14px;
}
#checkout-confirm .table td,
#checkout-checkout .table-bordered td {
  border: none;
  border-bottom: 1px solid #f5f3fa;
  padding: 12px 14px;
  vertical-align: middle;
}
#checkout-confirm .table tr:last-child td,
#checkout-checkout .table-bordered tr:last-child td {
  border-bottom: none;
  font-weight: 700;
}
#checkout-checkout .table-bordered tr:last-child td:last-child {
  color: var(--tl-fusya);
  font-size: 16px;
}

/* Siparişi Onayla */
#button-confirm,
#checkout-checkout .btn-primary {
  background: var(--tl-fusya);
  border-color: var(--tl-fusya);
  border-radius: 50px;
  padding: 12px 32px;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 600;
  font-size: 16px;
}
#button-confirm:hover:not(:disabled) {
  background: var(--tl-fusya-koyu) !important;
  box-shadow: 0 6px 18px rgba(233, 30, 140, .35);
}
#button-confirm:disabled {
  background: #e9d3e0;
  border-color: #e9d3e0;
}

/* ---- 14. Ürün detay ---- */
#product-product .image,
#product-info .image {
  border-radius: 18px;
  overflow: hidden;
}
#product-product .image img,
#product-info img.img-fluid {
  border-radius: 18px;
  border: 1px solid #f0edf7;
}
#product-info h1 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}
#product-info .list-unstyled li {
  color: #a9a5bd;
  font-size: 14px;
}
#product-info .list-unstyled li:last-child { color: #16a34a; font-weight: 500; }
#product-info h2,
#product-info .price-new {
  color: var(--tl-fusya);
  font-size: 32px;
  font-weight: 700;
  margin: 14px 0 2px;
}
#product-info .price-tax,
#product-info h3 + small,
#product-info span[class*="tax"] { display: none !important; }
#product-info button[formaction*="compare"],
#product-info a[href*="compare"] { display: none !important; }
#product-info .btn-group {
  border: none;
  gap: 8px;
  margin: 14px 0;
}
#product-info .btn-group .btn {
  width: 46px;
  height: 46px;
  border: 2px solid #f0edf7;
  border-radius: 50% !important;
  background: #fff;
  color: #b9b4cc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .2s;
}
#product-info .btn-group .btn:hover {
  border-color: var(--tl-fusya);
  color: var(--tl-fusya);
  background: #fdeef6;
}

/* Adet + Sepete Ekle hapı */
#product-info .input-group {
  display: flex;
  align-items: stretch;
  border: 2px solid var(--tl-cerceve);
  border-radius: 50px;
  overflow: hidden;
  flex-wrap: nowrap;
  max-width: 420px;
}
#product-info .input-group .input-group-text {
  background: var(--tl-krem);
  border: none;
  color: var(--tl-metin);
  font-weight: 500;
  padding: 12px 18px;
}
#product-info .input-group .form-control {
  border: none;
  box-shadow: none;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  flex: 0 0 60px;
}
#product-info .input-group #button-cart,
#product-info .input-group .btn-primary {
  border: none;
  border-radius: 0 !important;
  background: var(--tl-fusya);
  color: #fff;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 28px;
  transition: background .2s;
  margin-left: auto;
  align-self: stretch;
  display: flex;
  align-items: center;
}
#product-info .input-group #button-cart:hover {
  background: var(--tl-fusya-koyu) !important;
}

/* Adet -/+ butonları */
.tl-qty-btn {
  border: none;
  background: transparent;
  color: var(--tl-mor);
  font-size: 20px;
  font-weight: 700;
  width: 42px;
  cursor: pointer;
  transition: color .2s;
  flex-shrink: 0;
}
.tl-qty-btn:hover { color: var(--tl-fusya); }
#product-info input[name="quantity"]::-webkit-outer-spin-button,
#product-info input[name="quantity"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#product-info input[name="quantity"] {
  -moz-appearance: textfield;
  appearance: textfield;
  max-width: 70px;
}

/* Sekmeler */
#product-product .nav-tabs,
main .nav-tabs {
  border-bottom: 2px solid #f0edf7;
  gap: 6px;
  margin-top: 30px;
}
main .nav-tabs .nav-link {
  border: none;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  color: #a9a5bd;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 600;
  padding: 10px 18px;
  background: transparent;
}
main .nav-tabs .nav-link:hover { color: var(--tl-mor); }
main .nav-tabs .nav-link.active {
  color: var(--tl-fusya);
  border-bottom-color: var(--tl-fusya);
  background: transparent;
}
main .tab-content {
  padding: 24px 4px;
  color: var(--tl-metin);
  line-height: 1.7;
}

/* ---- 15. Arama sayfası ---- */
#product-search h1 { margin-bottom: 18px; }
#product-search .form-control,
#product-search .form-select {
  border: 2px solid var(--tl-cerceve);
  border-radius: 12px;
  padding: 10px 14px;
  background: #fff;
}
#product-search .form-control:focus,
#product-search .form-select:focus {
  border-color: var(--tl-mor);
  box-shadow: 0 0 0 3px rgba(124, 58, 237, .1);
}
#product-search #button-search,
#product-search .btn-primary {
  background: var(--tl-fusya);
  border-color: var(--tl-fusya);
  border-radius: 50px;
  padding: 10px 32px;
  font-weight: 600;
}
#product-search #button-search:hover {
  background: var(--tl-fusya-koyu) !important;
}
#product-search .form-check-input:checked {
  background-color: var(--tl-fusya);
  border-color: var(--tl-fusya);
}
#product-search #compare-total,
#button-list,
#button-grid { display: none !important; }

/* Sırala / Göster kutuları */
#product-search .input-group .input-group-text,
#product-category .input-group .input-group-text {
  background: var(--tl-krem);
  border: 2px solid var(--tl-cerceve);
  border-right: none;
  border-radius: 12px 0 0 12px;
  color: var(--tl-metin);
  font-weight: 500;
}
#product-search .input-group .form-select,
#product-category .input-group .form-select {
  border: 2px solid var(--tl-cerceve);
  border-left: none;
  border-radius: 0 12px 12px 0;
}

/* ---- 16. Toast bildirimleri ---- */
#alert:not(:empty) {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 9999;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#alert:empty { display: none; }
#alert .alert {
  position: relative;
  margin: 0;
  padding: 14px 44px 14px 16px;
  border: none;
  border-radius: 14px;
  font-family: 'Baloo 2', sans-serif;
  font-size: 14px;
  box-shadow: 0 12px 34px rgba(45, 42, 62, .18);
  animation: tl-toast-in .35s cubic-bezier(.21, 1.02, .73, 1) forwards;
}
#alert .alert-success {
  background: #fff;
  color: var(--tl-metin);
  border-left: 5px solid #16a34a;
}
#alert .alert-success .fa-circle-check,
#alert .alert-success .fa-check-circle { color: #16a34a; }
#alert .alert-danger {
  background: #fff;
  color: var(--tl-metin);
  border-left: 5px solid var(--tl-fusya);
}
#alert .alert a {
  color: var(--tl-mor);
  font-weight: 600;
  text-decoration: none;
}
#alert .alert a:hover { color: var(--tl-fusya); }
#alert .btn-close,
#alert .close {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  opacity: .4;
}
#alert .btn-close:hover { opacity: 1; }
@keyframes tl-toast-in {
  from { opacity: 0; transform: translateX(60px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes tl-toast-out {
  from { opacity: 1; transform: translateX(0); }
  to   { opacity: 0; transform: translateX(60px); }
}
#alert .alert.tl-hide { animation: tl-toast-out .3s ease forwards; }

/* ---- 17. Mobil ---- */
@media (max-width: 575px) {
  #cart .dropdown-menu { min-width: calc(100vw - 30px); }
  #alert:not(:empty) {
    left: 15px !important;
    right: 15px !important;
    max-width: none;
  }
}
@media (max-width: 767px) {
  #top .list-inline { margin-bottom: 0; }
  #top .list-inline-item { margin-right: 8px; }
  #top { padding: 4px 0; }
  header { padding: 10px 0; }
  header .row { align-items: center; }
  #logo { text-align: center; margin-bottom: 10px; }
  #logo img { max-height: 52px; width: auto; }
  header .input-group { margin-bottom: 10px; }
  #cart { margin-bottom: 4px; }
  #cart .btn { width: 100%; }
  #menu.bg-primary { border-radius: 12px; margin-bottom: 14px; }
  #content .carousel-control-prev,
  #content .carousel-control-next { display: none; }
  footer { padding: 32px 0 18px; margin-top: 36px; }
  footer h5 { margin-top: 18px; }
  footer .list-unstyled li { padding: 3px 0; }
  #product-info .input-group { max-width: 100%; }
  #content { padding-top: 16px; padding-bottom: 32px; }
}