/* --- products.php --- */
.shop-header { text-align: center; margin-bottom: 3rem; }
.shop-header h1 { font-family: var(--font-serif); font-size: 3rem; margin-bottom: 0.5rem; }
.shop-header p { font-size: 1.1rem; color: #777; }
.shop-layout { display: grid; grid-template-columns: 250px 1fr; gap: 2rem; }
.shop-sidebar .widget-title { font-family: var(--font-serif); font-size: 1.5rem; padding-bottom: 0.8rem; border-bottom: 1px solid var(--border-color); margin-bottom: 1rem; }
.category-list { list-style: none; padding: 0; }
.category-list a { text-decoration: none; color: var(--text-color); display: block; padding: 0.5rem 0; transition: color 0.3s; }
.category-list a:hover, .category-list a.active { color: var(--secondary-color); font-weight: bold; }
.shop-controls { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; padding: 1rem; background: var(--white-color); border: 1px solid var(--border-color); }
.sort-form select { border: 1px solid var(--light-gray); padding: 0.5rem; }

/* --- product-detail.php --- */
.product-detail-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: flex-start; }
.main-image img { width: 100%; height: auto; border: 1px solid var(--border-color); }
.product-title { font-family: var(--font-serif); font-size: 2.8rem; margin-top: 0; }
.product-price { display: block; font-size: 2rem; color: var(--secondary-color); margin: 1rem 0; }
.product-short-desc { font-size: 1.1rem; line-height: 1.7; }
.add-to-cart-form { display: grid; grid-template-columns: 100px 1fr; gap: 1rem; margin: 2rem 0; }
.add-to-cart-form input[type="number"] { padding: 12px; text-align: center; border: 1px solid var(--border-color); font-size: 1rem; }
.add-to-cart-form .btn { margin-top: 0; }
.product-accordion { margin-top: 2rem; }
.product-accordion details { border-bottom: 1px solid var(--border-color); padding: 1rem 0; }
.product-accordion summary { font-weight: bold; cursor: pointer; list-style: none; /* Safari'deki ok'u kaldırır */ }
.product-accordion summary::-webkit-details-marker { display: none; /* Chrome'daki ok'u kaldırır */ }
.accordion-content { padding-top: 1rem; color: #555; }
.related-products-section { padding: 4rem 0; background-color: var(--white-color); }

/* --- MOBİL UYUMLULUK --- */
@media (max-width: 992px) {
    .shop-layout { grid-template-columns: 1fr; }
    .shop-sidebar { margin-bottom: 2rem; }
    .product-detail-layout { grid-template-columns: 1fr; }
}