body { font-family: 'Kanit', sans-serif; background-color: #fff; color: #1d1d1f; }
.nav-item { font-size: 13px; color: #1d1d1f; font-weight: 400; transition: color 0.2s; }
.nav-item:hover { color: #0071e3; }
.category-icon { transition: transform 0.3s ease; }
.category-card:hover .category-icon { transform: scale(1.1); }
.product-card { transition: all 0.3s ease; }
.product-card:hover { box-shadow: 0 20px 40px rgba(0,0,0,0.08); }
.prose { max-width: 100%; line-height: 1.8; color: #374151; }
.prose h2, .prose h3 { font-weight: 700; margin-top: 1.5em; margin-bottom: 0.5em; color: #111827; }
.prose ul { list-style-type: disc; margin-left: 1.5em; margin-bottom: 1em; }
.prose p { margin-bottom: 1em; }
.product-card { transition: all 0.3s ease; border-radius: 0.375rem !important; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.rounded-md-all * { border-radius: 0.375rem !important; }
 /*page.php*/
* { border-radius: 0.375rem !important; }
.no-radius { border-radius: 0 !important; }
.gallery-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 4px; height: 500px; }
@media (max-width: 768px) { .gallery-grid { grid-template-columns: 1fr; height: auto; } }
.img-item { width: 100%; height: 100%; object-fit: cover; cursor: pointer; transition: 0.3s; }
.thumb-active { border: 2px solid #0071e3 !important; opacity: 1 !important; }       
/* สไตล์สำหรับ Pagination */
.pagination-btn {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0.375rem !important;
            transition: all 0.2s;
}