/* Amazon Theme Styles */
body {
    background-color: #EAEDED !important;
    font-family: Arial, sans-serif;
}

.pageContainer {
    margin-top: 20px;
}

/* Amazon Navbar */
.amazon-navbar {
    background-color: #131921 !important;
}

.amazon-navbar .navbar-brand {
    font-weight: bold;
    font-size: 1.5rem;
    color: #fff !important;
}

.amazon-navbar .nav-link {
    color: #fff !important;
    font-weight: 500;
    padding: 10px 15px !important;
    border: 1px solid transparent;
}

.amazon-navbar .nav-link:hover {
    border: 1px solid #fff;
    border-radius: 2px;
}

/* Navbar Toggle for Mobile */
.navbar-dark .navbar-toggler {
    border-color: rgba(255,255,255,.5);
}

/* Amazon Primary Button */
.btn-primary {
    background-color: #f3a847 !important;
    border-color: #a88734 #9c7e31 #846a29 !important;
    color: #111 !important;
}

.btn-primary:hover {
    background-color: #f0c14b !important;
}

/* Amazon Warning/Secondary Button */
.btn-warning {
    background-color: #ffd814 !important;
    border-color: #fcd200 !important;
    color: #111 !important;
    box-shadow: 0 2px 5px 0 rgba(213,217,217,.5) !important;
}

.btn-warning:hover {
    background-color: #f7ca00 !important;
}

/* Card Improvements */
.card {
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    background-color: #fff !important;
    padding: 10px;
}

.card .price-box {
    margin-top: auto;
}

.card .price {
    background-color: transparent !important;
    color: #0f1111 !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    padding: 0 !important;
    border-radius: 0;
    margin: 0 !important;
    text-align: left !important;
}

.card-title a {
    color: #007185 !important;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-title a:hover {
    color: #C7511F !important;
    text-decoration: underline;
}

/* Amazon Buttons inside Cards (Pill shape) */
.btn-amazon-pill {
    border-radius: 100px !important;
    font-size: 13px !important;
    padding: 5px 12px !important;
}

/* Amazon Search Bar */
.amazon-search-form {
    display: flex;
    flex-grow: 1;
    margin: 0 15px;
}

.amazon-search-input {
    border-radius: 4px 0 0 4px !important;
    border: none !important;
    padding: 8px 12px;
}

.amazon-search-input:focus {
    box-shadow: inset 0 0 0 2px #f90 !important;
}

.amazon-search-btn {
    background-color: #febd69 !important;
    border: none !important;
    border-radius: 0 4px 4px 0 !important;
    padding: 8px 15px !important;
    color: #111 !important;
}

.amazon-search-btn:hover {
    background-color: #f3a847 !important;
}

/* Category Sidebar */
.category-list-group {
    border: none !important;
    background: transparent;
}
.category-list-group .list-group-item {
    border: none;
    background: transparent;
    padding: 8px 0;
    color: #0f1111;
    font-size: 14px;
}
.category-list-group .list-group-item:hover {
    color: #C7511F;
    cursor: pointer;
}

/* ═══════════════════════════════════════════
   ADMIN PANEL – Amazon Teması
   ═══════════════════════════════════════════ */
.admin-wrapper{display:flex;min-height:calc(100vh - 56px);background:#EAEDED}
.admin-sidebar{width:240px;min-width:240px;background:#131921;color:#fff;display:flex;flex-direction:column;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto}
.admin-sidebar-header{background:#1a252f;padding:16px 20px;font-size:14px;font-weight:700;color:#fff;border-bottom:1px solid #2d3a45;display:flex;align-items:center;gap:8px}
.admin-sidebar-header i{color:#f90}
.admin-sidebar-menu{list-style:none;padding:10px 0;margin:0}
.admin-sidebar-menu li a{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#ccc;text-decoration:none;font-size:13px;border-left:3px solid transparent;transition:all .15s}
.admin-sidebar-menu li a:hover,.admin-sidebar-menu li a.active{background:#232f3e;color:#f90;border-left-color:#f90}
.admin-sidebar-menu li a i{width:16px;text-align:center;font-size:12px}
.admin-sidebar-divider{border-color:#2d3a45;margin:6px 16px}
.admin-content{flex:1;padding:24px 28px;overflow-x:auto;min-width:0}

/* Page header */
.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #ddd}
.admin-page-header h4{font-size:19px;font-weight:700;color:#0f1111;margin:0}

/* Stat cards */
.admin-stat-card{background:#fff;border-radius:8px;padding:20px 22px;box-shadow:0 1px 4px rgba(0,0,0,.1);display:flex;align-items:center;gap:16px;border-left:4px solid #f90;transition:box-shadow .2s}
.admin-stat-card:hover{box-shadow:0 3px 10px rgba(0,0,0,.15)}
.admin-stat-card.blue{border-left-color:#007185}
.admin-stat-card.green{border-left-color:#067D62}
.admin-stat-card.red{border-left-color:#c0392b}
.admin-stat-card.orange{border-left-color:#f90}
.admin-stat-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.admin-stat-card.blue .admin-stat-icon{background:#e8f4f8;color:#007185}
.admin-stat-card.green .admin-stat-icon{background:#e8f5f1;color:#067D62}
.admin-stat-card.red .admin-stat-icon{background:#fdecea;color:#c0392b}
.admin-stat-card.orange .admin-stat-icon{background:#fff8e6;color:#f90}
.admin-stat-info .stat-number{font-size:26px;font-weight:700;color:#0f1111;line-height:1}
.admin-stat-info .stat-label{font-size:12px;color:#565959;margin-top:3px}

/* Admin card */
.admin-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:22px;margin-bottom:22px}
.admin-card-title{font-size:15px;font-weight:600;color:#0f1111;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:8px}
.admin-card-title i{color:#f90}

/* Table */
.admin-table{width:100%;border-collapse:collapse;font-size:13px}
.admin-table thead th{background:#232f3e;color:#fff;padding:10px 13px;text-align:left;font-weight:600;font-size:12px;letter-spacing:.3px}
.admin-table thead th:first-child{border-radius:6px 0 0 0}
.admin-table thead th:last-child{border-radius:0 6px 0 0}
.admin-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s}
.admin-table tbody tr:hover{background:#fafafa}
.admin-table tbody td{padding:9px 13px;color:#0f1111;vertical-align:middle}
.admin-table tbody tr:last-child{border-bottom:none}

/* Product img */
.admin-product-img{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #ddd}

/* Badges */
.admin-badge{display:inline-block;padding:2px 9px;border-radius:100px;font-size:11px;font-weight:600}
.badge-waiting{background:#ffc107;color:#000}
.badge-unpaid{background:#dc3545;color:#fff}
.badge-completed{background:#28a745;color:#fff}

/* Buttons */
.btn-amazon{background:#f0c14b;border:1px solid #a88734;color:#111;border-radius:3px;font-size:13px;padding:6px 14px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s}
.btn-amazon:hover{background:#ddb347;color:#111}
.btn-amazon-sm{font-size:12px;padding:4px 11px}
.btn-admin-danger{background:#fff;border:1px solid #d9534f;color:#d9534f;border-radius:3px;font-size:12px;padding:3px 9px;cursor:pointer;transition:all .15s}
.btn-admin-danger:hover{background:#d9534f;color:#fff}
.btn-admin-success{background:#fff;border:1px solid #28a745;color:#28a745;border-radius:3px;font-size:12px;padding:3px 9px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .15s}
.btn-admin-success:hover{background:#28a745;color:#fff}
.btn-admin-info{background:#fff;border:1px solid #007185;color:#007185;border-radius:3px;font-size:12px;padding:3px 9px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .15s}
.btn-admin-info:hover{background:#007185;color:#fff}

/* Forms */
.admin-form-label{font-size:13px;font-weight:600;color:#0f1111;margin-bottom:4px;display:block}
.admin-form-control{border:1px solid #adb1b8;border-radius:4px;font-size:14px;padding:7px 11px;width:100%;transition:border-color .15s,box-shadow .15s}
.admin-form-control:focus{border-color:#f90;box-shadow:0 0 0 2px rgba(255,153,0,.25);outline:none}

/* Alerts */
.admin-alert{padding:11px 15px;border-radius:4px;font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.admin-alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}
.admin-alert-danger{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}

/* Image grid */
.admin-img-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.admin-img-grid img{width:76px;height:76px;object-fit:cover;border-radius:4px;border:1px solid #ddd}

/* Category tag */
.admin-category-tag{display:inline-block;background:#e8f4f8;color:#007185;font-size:11px;padding:2px 7px;border-radius:100px;margin:2px}

/* Responsive */
@media(max-width:768px){
    .admin-wrapper{flex-direction:column}
    .admin-sidebar{width:100%;height:auto;position:relative;top:0}
    .admin-content{padding:14px}
}

/* ═══════════════════════════════════════════
   HOME PAGE – Amazon Teması
   ═══════════════════════════════════════════ */

/* ── Slider ── */
.amazon-slider-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #131921;
    margin-bottom: 0;
}

.amazon-slider {
    width: 100%;
    margin: 0;
}

.amazon-slider-img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    object-position: center top;
    display: block;
}

/* Alt gradient geçiş – Amazon'un soluk geçişi */
.amazon-slider-fade-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(transparent, #EAEDED);
    pointer-events: none;
}

/* Slider ok butonları – content içinde, taşmasın */
.amazon-slider-btn {
    width: 40px !important;
    background: rgba(0,0,0,0.35) !important;
    border-radius: 0 !important;
    opacity: 0.7;
    transition: opacity .2s;
}

.amazon-slider-btn:hover { opacity: 1; }

/* Carousel indicator noktaları */
.amazon-slider .carousel-indicators [data-bs-slide-to] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,.6);
    border: none;
}

.amazon-slider .carousel-indicators .active {
    background: #f90;
}

/* Override: site.css'teki taşan offset'i sıfırla */
.amazon-slider-wrapper .carousel-control-prev { left: 0 !important; }
.amazon-slider-wrapper .carousel-control-next { right: 0 !important; }

/* ── Promo banner ── */
.amazon-promo-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border-radius: 8px;
    padding: 12px 16px;
    text-decoration: none;
    color: #0f1111;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    transition: box-shadow .15s, transform .15s;
}

.amazon-promo-card:hover {
    box-shadow: 0 3px 10px rgba(0,0,0,.12);
    transform: translateY(-1px);
    color: #0f1111;
}

.amazon-promo-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    flex-shrink: 0;
}

/* ── Kategori sidebar ── */
.amazon-category-sidebar {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    overflow: hidden;
    position: sticky;
    top: 70px;
}

.amazon-sidebar-title {
    background: #232f3e;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 11px 14px;
}

.amazon-sidebar-menu { padding: 6px 0; margin: 0; }

.amazon-sidebar-item {
    display: block;
    padding: 8px 14px;
    font-size: 13px;
    color: #0f1111;
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: all .12s;
}

.amazon-sidebar-item:hover {
    background: #fff8e6;
    color: #c7511f;
    border-left-color: #f90;
}

.amazon-sidebar-item.active {
    background: #fff8e6;
    color: #c7511f;
    border-left-color: #f90;
    font-weight: 600;
}

/* ── Bölüm başlığı ── */
.amazon-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e8e8e8;
}

.amazon-section-header span {
    font-size: 18px;
    font-weight: 700;
    color: #0f1111;
}

.amazon-see-all {
    font-size: 13px;
    color: #007185;
    text-decoration: none;
}

.amazon-see-all:hover { text-decoration: underline; color: #c7511f; }

/* ── Ürün kartı ── */
.amazon-product-card {
    position: relative;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
    border: 1px solid #e8e8e8;
}

.amazon-product-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
    transform: translateY(-2px);
}

/* Resim alanı */
.amazon-product-img-wrap {
    background: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
    overflow: hidden;
}

.amazon-product-img {
    max-width: 100%;
    max-height: 140px;
    object-fit: contain;
    transition: transform .2s;
}

.amazon-product-card:hover .amazon-product-img {
    transform: scale(1.05);
}

/* Kart gövdesi */
.amazon-product-body {
    padding: 10px 12px 6px;
    flex: 1;
}

/* Yıldızlar */
.amazon-stars {
    color: #f90;
    font-size: 11px;
    margin-bottom: 4px;
}

/* Ürün başlığı */
.amazon-product-title {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 6px;
    line-height: 1.4;
}

.amazon-product-title a {
    color: #0f1111;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.amazon-product-title a:hover { color: #c7511f; }

/* Fiyat – TL formatı */
.amazon-product-price {
    display: flex;
    align-items: flex-start;
    gap: 1px;
    margin-bottom: 4px;
}

.amazon-price-symbol {
    font-size: 13px;
    font-weight: 700;
    color: #0f1111;
    margin-top: 2px;
}

.amazon-price-whole {
    font-size: 22px;
    font-weight: 700;
    color: #0f1111;
    line-height: 1;
}

.amazon-price-fraction {
    font-size: 13px;
    font-weight: 700;
    color: #0f1111;
    margin-top: 2px;
}

/* Kargo */
.amazon-free-delivery {
    font-size: 11px;
    color: #067D62;
    margin: 0;
    font-weight: 500;
}

/* Kart footer butonlar */
.amazon-product-footer {
    padding: 8px 12px 12px;
}

.amazon-btn-detail {
    display: block;
    text-align: center;
    background: #ffd814;
    border: 1px solid #fcd200;
    border-radius: 20px;
    color: #111;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    text-decoration: none;
    transition: background .15s;
    cursor: pointer;
}

.amazon-btn-detail:hover { background: #f7ca00; color: #111; }

.amazon-btn-cart {
    display: block;
    width: 100%;
    background: #f3a847;
    border: 1px solid #a88734;
    border-radius: 20px;
    color: #111;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    transition: background .15s;
}

.amazon-btn-cart:hover { background: #e8922c; }

/* pageContainer margin sıfırla – slider tam genişlik için */
.pageContainer { padding-left: 0 !important; padding-right: 0 !important; }

/* Responsive slider yüksekliği */
@media (max-width: 768px) {
    .amazon-slider-img { height: 180px; }
    .amazon-promo-card { padding: 10px 12px; font-size: 12px; }
    .amazon-promo-icon { width: 32px; height: 32px; font-size: 14px; }
    .amazon-product-img-wrap { height: 130px; }
}

@media (max-width: 480px) {
    .amazon-slider-img { height: 130px; }
}

/* ═══════════════════════════════════════════
   PRODUCT DETAILS – Amazon Teması
   ═══════════════════════════════════════════ */

/* ── Görsel galerisi ── */
.details-img-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    padding: 16px;
    position: sticky;
    top: 70px;
}

.details-main-img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 12px;
}

.details-main-img {
    max-width: 100%;
    max-height: 300px;
    object-fit: contain;
    transition: transform .3s;
    cursor: zoom-in;
}

.details-main-img:hover { transform: scale(1.04); }

.details-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.details-thumb-item {
    width: 62px;
    height: 62px;
    border: 2px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color .15s;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    padding: 4px;
}

.details-thumb-item:hover,
.details-thumb-item.active { border-color: #f90; }

.details-thumb-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* ── Ürün bilgi alanı ── */
.details-info { padding: 4px 0; }

.details-product-name {
    font-size: 20px;
    font-weight: 400;
    color: #0f1111;
    line-height: 1.4;
    margin-bottom: 8px;
}

.details-categories { display: flex; flex-wrap: wrap; gap: 6px; }

.details-cat-badge {
    display: inline-block;
    background: #e8f4f8;
    color: #007185;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 100px;
    text-decoration: none;
    transition: background .15s;
}

.details-cat-badge:hover { background: #d0eaf0; color: #005973; }

.details-stars { color: #f90; font-size: 14px; }

/* Fiyat bloğu */
.details-price-block { margin-bottom: 12px; }

.details-price-label {
    font-size: 12px;
    color: #565959;
    margin-bottom: 2px;
}

.details-price {
    display: flex;
    align-items: flex-start;
    gap: 1px;
    line-height: 1;
}

.details-price-symbol {
    font-size: 16px;
    font-weight: 700;
    color: #0f1111;
    margin-top: 3px;
}

.details-price-whole {
    font-size: 32px;
    font-weight: 700;
    color: #0f1111;
}

.details-price-frac {
    font-size: 16px;
    font-weight: 700;
    color: #0f1111;
    margin-top: 3px;
}

.details-price-vat {
    font-size: 11px;
    color: #565959;
    margin-top: 2px;
}

.details-shipping {
    font-size: 13px;
    color: #0f1111;
    margin-bottom: 8px;
}

.details-stock {
    font-size: 14px;
    margin-bottom: 10px;
}

.details-description p { margin: 0; }

/* ── Sepet kutusu ── */
.details-cart-box {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 18px 16px;
    position: sticky;
    top: 70px;
}

.details-cart-price {
    display: flex;
    align-items: flex-start;
    gap: 1px;
    margin-bottom: 6px;
}

.details-cart-price-whole {
    font-size: 26px;
    font-weight: 700;
    color: #0f1111;
}

.details-cart-shipping {
    font-size: 13px;
    color: #067D62;
    margin-bottom: 8px;
}

.details-cart-stock {
    margin-bottom: 12px;
}

.details-qty-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.details-qty-select {
    max-width: 80px;
    font-size: 13px;
    border-color: #adb1b8;
    border-radius: 6px;
}

.details-btn-cart {
    display: block;
    background: #ffd814;
    border: 1px solid #fcd200;
    border-radius: 20px;
    color: #111;
    font-size: 14px;
    font-weight: 500;
    padding: 9px;
    text-align: center;
    cursor: pointer;
    transition: background .15s;
}

.details-btn-cart:hover { background: #f7ca00; }

.details-btn-login {
    background: #f3a847;
    border: 1px solid #a88734;
    border-radius: 20px;
    color: #111;
    font-size: 13px;
    font-weight: 500;
    padding: 9px;
    text-decoration: none;
    transition: background .15s;
}

.details-btn-login:hover { background: #e8922c; color: #111; }

.details-secure {
    border-top: 1px solid #eee;
    padding-top: 12px;
    font-size: 12px;
    color: #565959;
}

/* ── Tabs ── */
.details-tabs-wrap {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    overflow: hidden;
}

.details-tabs {
    background: #f7f7f7;
    border-bottom: 2px solid #e8e8e8;
    padding: 0 16px;
    gap: 0;
    list-style: none;
    margin: 0;
    display: flex;
}

.details-tab-btn {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #565959;
    cursor: pointer;
    transition: color .15s, border-color .15s;
    margin-bottom: -2px;
}

.details-tab-btn:hover { color: #0f1111; }

.details-tab-btn.active {
    color: #c7511f;
    border-bottom-color: #f90;
    background: transparent;
}

.details-comment-count {
    display: inline-block;
    background: #f90;
    color: #111;
    font-size: 11px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 100px;
    margin-left: 6px;
    vertical-align: middle;
}

.details-tab-content {
    padding: 24px;
}

/* ═══════════════════════════════════════════
   COMMENTS – Amazon Teması
   ═══════════════════════════════════════════ */

/* Yeni yorum formu */
.comment-new-wrap {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.comment-new-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #232f3e;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.comment-new-input-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.comment-new-input {
    width: 100%;
    border: 1px solid #adb1b8;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    transition: border-color .15s, box-shadow .15s;
}

.comment-new-input:focus {
    border-color: #f90;
    box-shadow: 0 0 0 2px rgba(255,153,0,.2);
    outline: none;
}

.comment-submit-btn {
    align-self: flex-start;
    background: #ffd814;
    border: 1px solid #fcd200;
    border-radius: 20px;
    color: #111;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 20px;
    cursor: pointer;
    transition: background .15s;
}

.comment-submit-btn:hover { background: #f7ca00; }

/* Yorum listesi */
.comment-list { display: flex; flex-direction: column; gap: 0; }

.comment-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #f0f0f0;
}

.comment-item:last-child { border-bottom: none; }

.comment-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #f90;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    flex-shrink: 0;
}

.comment-body { flex: 1; }

.comment-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.comment-author {
    font-size: 14px;
    font-weight: 700;
    color: #0f1111;
}

.comment-date {
    font-size: 12px;
    color: #999;
}

.comment-text {
    font-size: 14px;
    color: #0f1111;
    line-height: 1.6;
    border-radius: 4px;
    padding: 2px 4px;
    transition: background .15s;
}

.comment-text.editableComment {
    background: #fff8e6;
    border: 1px solid #f90;
    padding: 6px 10px;
    min-width: 200px;
    display: inline-block;
}

.comment-actions {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}

.comment-action-btn {
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 3px;
    border: 1px solid;
    cursor: pointer;
    background: #fff;
    transition: all .15s;
}

.comment-edit-btn {
    border-color: #007185;
    color: #007185;
}

.comment-edit-btn:hover { background: #007185; color: #fff; }

.comment-delete-btn {
    border-color: #d9534f;
    color: #d9534f;
}

.comment-delete-btn:hover { background: #d9534f; color: #fff; }

/* Boş yorum durumu */
.comment-empty {
    text-align: center;
    padding: 30px 0;
    color: #999;
    font-size: 14px;
}

/* ═══════════════════════════════════════════
   CART & CHECKOUT & ORDERS – Amazon Teması
   ═══════════════════════════════════════════ */

/* ── Ortak sayfa başlığı ── */
.cart-page-header {
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 2px solid #e8e8e8;
}
.cart-page-header h3 {
    font-size: 22px;
    font-weight: 700;
    color: #0f1111;
    margin: 0;
}

/* ── Boş sepet ── */
.cart-empty {
    text-align: center;
    padding: 60px 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
}
.cart-empty h5 { color: #0f1111; font-weight: 700; }

/* ── Sepet ürün kartı ── */
.cart-items-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    overflow: hidden;
}

.cart-items-header {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr 40px;
    gap: 12px;
    background: #232f3e;
    color: #fff;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.cart-item-row {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr 40px;
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
    transition: background .1s;
}
.cart-item-row:hover { background: #fafafa; }
.cart-item-row:last-of-type { border-bottom: none; }

.cart-item-product {
    display: flex;
    align-items: center;
    gap: 14px;
}

.cart-item-img-wrap {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}
.cart-item-img-wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.cart-item-info { flex: 1; min-width: 0; }

.cart-item-name {
    font-size: 14px;
    font-weight: 500;
    color: #007185;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cart-item-name:hover { color: #c7511f; text-decoration: underline; }

.cart-item-stock {
    display: block;
    font-size: 12px;
    color: #067D62;
    margin-top: 4px;
}

.cart-item-price,
.cart-item-subtotal {
    display: flex;
    align-items: flex-start;
    gap: 1px;
}

.cart-price-symbol {
    font-size: 12px;
    font-weight: 700;
    color: #0f1111;
    margin-top: 2px;
}
.cart-price-value {
    font-size: 16px;
    font-weight: 700;
    color: #0f1111;
}

.cart-item-qty .cart-qty-badge {
    display: inline-block;
    background: #f0f0f0;
    color: #0f1111;
    font-size: 13px;
    font-weight: 600;
    padding: 3px 12px;
    border-radius: 100px;
    border: 1px solid #ddd;
}

.cart-remove-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    color: #d9534f;
    font-size: 13px;
    text-decoration: none;
    transition: all .15s;
}
.cart-remove-btn:hover { background: #d9534f; color: #fff; border-color: #d9534f; }

.cart-items-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: #f7f7f7;
    border-top: 1px solid #eee;
    flex-wrap: wrap;
    gap: 10px;
}

.cart-subtotal-bar {
    display: flex;
    align-items: center;
    gap: 10px;
}
.cart-total-amount {
    font-size: 18px;
    font-weight: 700;
    color: #0f1111;
}

/* ── Özet kutu ── */
.cart-summary-box {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
}
.cart-summary-title {
    font-size: 16px;
    font-weight: 700;
    color: #0f1111;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.cart-summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #0f1111;
    margin-bottom: 8px;
}
.cart-summary-total {
    display: flex;
    justify-content: space-between;
    font-size: 17px;
    font-weight: 700;
    color: #0f1111;
    padding-top: 10px;
    border-top: 1px solid #e8e8e8;
}

.cart-secure-badges {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #eee;
    font-size: 12px;
    color: #565959;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* ── Butonlar ── */
.cart-btn-checkout {
    display: block;
    background: #ffd814;
    border: 1px solid #fcd200;
    border-radius: 20px;
    color: #111;
    font-size: 15px;
    font-weight: 600;
    padding: 11px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s;
}
.cart-btn-checkout:hover { background: #f7ca00; color: #111; }

.cart-btn-continue {
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid #adb1b8;
    border-radius: 20px;
    color: #0f1111;
    font-size: 13px;
    padding: 7px 16px;
    text-decoration: none;
    transition: all .15s;
}
.cart-btn-continue:hover { background: #f7f7f7; color: #0f1111; }

/* ── Checkout ── */
.checkout-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    padding: 22px;
}
.checkout-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #0f1111;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 8px;
}
.checkout-step-badge {
    width: 26px;
    height: 26px;
    background: #f90;
    color: #111;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
}
.checkout-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #0f1111;
    margin-bottom: 4px;
}
.checkout-input {
    width: 100%;
    border: 1px solid #adb1b8;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    transition: border-color .15s, box-shadow .15s;
}
.checkout-input:focus {
    border-color: #f90;
    box-shadow: 0 0 0 2px rgba(255,153,0,.2);
    outline: none;
}

/* Ödeme yöntemi tabs */
.checkout-payment-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
}
.checkout-payment-tab {
    flex: 1;
    padding: 12px;
    border: 2px solid #ddd;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #565959;
    cursor: pointer;
    transition: all .15s;
}
.checkout-payment-tab:hover { border-color: #f90; color: #0f1111; }
.checkout-payment-tab.active { border-color: #f90; background: #fff8e6; color: #0f1111; }

/* Kart önizleme */
.checkout-card-preview {
    background: linear-gradient(135deg, #232f3e 0%, #131921 100%);
    border-radius: 12px;
    padding: 20px 24px;
    color: #fff;
    position: relative;
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.checkout-card-chip {
    width: 34px;
    height: 26px;
    background: linear-gradient(135deg, #f90, #ffd814);
    border-radius: 4px;
    margin-bottom: 12px;
}
.checkout-card-number-preview {
    font-family: monospace;
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    color: rgba(255,255,255,.85);
}
.checkout-card-bottom {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: rgba(255,255,255,.7);
}

.checkout-iyzipay-badge {
    font-size: 12px;
    color: #565959;
    background: #f0f7f0;
    border: 1px solid #c3e6cb;
    border-radius: 4px;
    padding: 8px 12px;
}

/* EFT bilgileri */
.checkout-eft-info {
    background: #e8f4f8;
    border: 1px solid #bee5eb;
    border-radius: 6px;
    padding: 18px;
}
.checkout-bank-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 7px 0;
    border-bottom: 1px solid rgba(0,0,0,.06);
}
.checkout-bank-row:last-of-type { border-bottom: none; }
.checkout-eft-note {
    margin-top: 12px;
    font-size: 13px;
    color: #555;
    background: rgba(255,255,255,.7);
    border-radius: 4px;
    padding: 8px 12px;
}

/* Checkout sipariş kalemi */
.checkout-order-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 13px;
    padding: 6px 0;
    border-bottom: 1px solid #f0f0f0;
    gap: 8px;
}
.checkout-order-item:last-child { border-bottom: none; }
.checkout-order-item-name { color: #0f1111; flex: 1; }
.checkout-order-item-qty {
    font-size: 11px;
    background: #f0f0f0;
    color: #565959;
    padding: 1px 6px;
    border-radius: 100px;
    margin-left: 4px;
}
.checkout-order-item-price { font-weight: 700; white-space: nowrap; color: #0f1111; }

/* ── Siparişlerim ── */
.order-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    overflow: hidden;
    border: 1px solid #e8e8e8;
}
.order-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: #f7f7f7;
    border-bottom: 1px solid #e8e8e8;
    flex-wrap: wrap;
    gap: 12px;
}
.order-card-meta {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    align-items: flex-start;
}
.order-number {
    font-size: 13px;
    font-family: monospace;
    font-weight: 600;
    color: #131921;
    word-break: break-all;
    max-width: 160px;
}
.order-toggle-btn {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    color: #0f1111;
    font-size: 12px;
    padding: 5px 14px;
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
}
.order-toggle-btn:hover { background: #f90; border-color: #f90; color: #111; }

.order-card-body { padding: 20px; }

/* Tailwind'in global .collapse görünürlük kuralının Bootstrap collapse ile çakışmasını önler. */
.collapse.show,
.collapsing { visibility: visible; }

.shipment-tracking { border: 1px solid #d5d9d9; border-radius: 10px; background: #f7faf9; padding: 16px; }
.shipment-tracking-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.shipment-title { color: #0f1111; font-size: 15px; font-weight: 700; }
.shipment-meta, .shipment-estimate { color: #565959; font-size: 12px; margin-top: 3px; }
.shipment-timeline { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 20px; }
.shipment-step { position: relative; text-align: center; color: #879596; }
.shipment-step:not(:last-child)::after { content: ""; position: absolute; z-index: 0; top: 16px; left: 50%; width: 100%; height: 3px; background: #d5d9d9; }
.shipment-step.is-complete:not(:last-child)::after,
.shipment-step.is-current:not(:last-child)::after { background: #00a650; }
.shipment-step-icon { position: relative; z-index: 1; width: 34px; height: 34px; margin: 0 auto 7px; border: 3px solid #d5d9d9; border-radius: 50%; display: grid; place-items: center; background: #fff; font-size: 12px; }
.shipment-step.is-complete .shipment-step-icon { border-color: #00a650; background: #00a650; color: #fff; }
.shipment-step.is-current .shipment-step-icon { border-color: #f90; background: #fff7e6; color: #b85c00; box-shadow: 0 0 0 4px rgba(255,153,0,.15); }
.shipment-step-label { font-size: 11px; font-weight: 600; }
.shipment-step.is-complete .shipment-step-label,
.shipment-step.is-current .shipment-step-label { color: #0f1111; }

@media (max-width: 700px) {
    .shipment-tracking-header { align-items: flex-start; flex-direction: column; }
    .shipment-timeline { grid-template-columns: 1fr; gap: 0; }
    .shipment-step { min-height: 52px; display: flex; align-items: flex-start; gap: 10px; text-align: left; }
    .shipment-step:not(:last-child)::after { top: 32px; left: 16px; width: 3px; height: 20px; }
    .shipment-step-icon { flex: 0 0 34px; margin: 0; }
    .shipment-step-label { padding-top: 9px; }
}

.order-item-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}
.order-item-row:last-child { border-bottom: none; }

.order-item-img-wrap {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}
.order-item-img-wrap img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }

.order-item-details { flex: 1; min-width: 0; }
.order-item-name { font-size: 14px; font-weight: 500; color: #0f1111; }
.order-item-meta { font-size: 12px; color: #999; margin-top: 3px; display: flex; gap: 6px; }
.order-item-total { font-size: 15px; font-weight: 700; color: #0f1111; white-space: nowrap; }

.order-address-box {
    background: #f7f7f7;
    border-radius: 6px;
    padding: 14px;
    font-size: 14px;
    color: #0f1111;
}

/* Responsive cart */
@media (max-width: 768px) {
    .cart-items-header { display: none; }
    .cart-item-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .cart-item-product { flex-direction: column; align-items: flex-start; }
    .order-card-meta { gap: 14px; }
}

/* ═══════════════════════════════════════════
   NAVBAR — Yenilenmiş Search + User Avatar
   ═══════════════════════════════════════════ */

/* Search formu — hem masaüstü hem mobil */
.navbar-search-form { max-width: 520px; }

.navbar-search-wrap {
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 0 2px transparent;
    transition: box-shadow .15s;
}

.navbar-search-wrap:focus-within {
    box-shadow: 0 0 0 2px #f90;
}

.navbar-search-input {
    flex: 1;
    border: none;
    padding: 9px 14px;
    font-size: 14px;
    color: #0f1111;
    background: #fff;
    outline: none;
    min-width: 0;
}

.navbar-search-input::placeholder { color: #9ca3af; }

.navbar-search-btn {
    background: #febd69;
    border: none;
    padding: 9px 16px;
    color: #111;
    font-size: 15px;
    cursor: pointer;
    transition: background .15s;
    flex-shrink: 0;
}

.navbar-search-btn:hover { background: #f3a847; }

/* Kullanıcı avatar (ilk harf) */
.navbar-user-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f90;
    color: #111;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Üye Ol butonu navbar'da öne çıksın */
.navbar-register-btn {
    background: #f90 !important;
    border-radius: 4px !important;
    color: #111 !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    margin-left: 4px;
    transition: background .15s !important;
}

.navbar-register-btn:hover {
    background: #e8922c !important;
    color: #111 !important;
    border: none !important;
}

/* Mobil: search formu tam genişlik */
@media (max-width: 991.98px) {
    .navbar-search-form {
        max-width: 100%;
        width: 100%;
    }

    .navbar-search-wrap {
        border-radius: 4px;
    }
}

/* ═══════════════════════════════════════════
   PRODUCT CARD — Badge, Wishlist, OOS, Stars
   ═══════════════════════════════════════════ */

/* Badge grubu */
.product-badges {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.product-badge {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    line-height: 1.6;
    width: fit-content;
}

.badge-new      { background: #067D62; color: #fff; }
.badge-sale     { background: #c0392b; color: #fff; }
.badge-featured { background: #f90;    color: #111; }
.badge-oos      { background: #6b7280; color: #fff; }

/* Tükenmiş ürün resim overlay */
.oos-overlay { opacity: .55; }

/* İndirimli eski fiyat */
.product-price-old {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
    margin-bottom: 1px;
}

/* Wishlist (kalp) butonu */
.product-wishlist-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255,255,255,.9);
    border: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    color: #adb1b8;
    transition: color .2s, transform .2s, background .2s;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
    z-index: 3;
    /* gizli; hover'da göster */
    opacity: 0;
}

.amazon-product-card:hover .product-wishlist-btn { opacity: 1; }

.product-wishlist-btn:hover,
.product-wishlist-btn.active {
    color: #e74c3c;
    transform: scale(1.15);
    background: #fff;
}

.product-wishlist-btn.active i::before { content: "\f004"; font-weight: 900; }

/* Yorum sayısı */
.amazon-review-count {
    font-size: 11px;
    color: #007185;
    margin-left: 4px;
    vertical-align: middle;
}