body { font-family: 'Inter', sans-serif; background-color: #fafafa; }
.product-swiper { width: 100%; border-radius: 12px; }
.swiper-button-next, .swiper-button-prev { color: #f27a1a !important; transform: scale(0.6); }
.swiper-pagination-bullet-active { background: #f27a1a !important; }

/* Galeri thumb resimlerinin aktif durumu */
.thumb-active { border: 2px solid #f27a1a !important; opacity: 1 !important; }
.thumb-item { cursor: pointer; opacity: 0.6; transition: all 0.2s; border: 2px solid transparent; border-radius: 8px; overflow: hidden; }
.thumb-item:hover { opacity: 1; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Yazı Alanı Düzenlemeleri */
.prose h1, .prose h2, .prose h3, .prose h4 { font-size: 1rem !important; font-weight: 700 !important; color: #1f2937 !important; }
.prose p, .prose li, .prose span, .prose div, .prose strong, .prose b, .prose i, .prose em { font-size: 0.775rem !important; line-height: 1.6 !important; color: #4b5563 !important; font-family: 'Inter', sans-serif !important; }
.prose ul, .prose ol { padding-left: 1.2rem !important; }
.prose li { display: list-item !important; }

/* Ana Resim Kapsayıcısı */
.main-image-container {
    position: relative !important;
    width: 100%;
    max-height: 550px; /* Çok uzun olmasını engeller */
}

.product-gallery-section {
    margin-top: 15px;
}

[x-cloak] { display: none !important; }

.mobile-share-buttons {
    position:absolute;
    top:10px;
    right:10px;
    display:flex;
    gap:8px;
    z-index:20;
}

.share-btn {
    width:36px;
    height:36px;
    border-radius:50%;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:14px;
    box-shadow:0 4px 10px rgba(0,0,0,0.15);
}

.whatsapp{background:#25D366;}
.copy{background:#333;}

@media(min-width:768px){
    .mobile-share-buttons{display:none;}
}

.toast{
    position:fixed;
    bottom:80px;
    left:50%;
    transform:translateX(-50%) translateY(20px);
    background:#333;
    color:#fff;
    padding:10px 16px;
    border-radius:999px;
    opacity:0;
    transition:0.3s;
    z-index:9999;
}

.toast.show{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}