/* style.css - Additional theme styles */

/* Swiper placeholder styles */
.swiper-container{position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10;bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;margin:0 4px;cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#0066cc}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;z-index:10;cursor:pointer;background:rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333}
.swiper-button-prev{left:10px}.swiper-button-next{right:10px}

/* Home Banner Slider */
.home-banner .swiper-slide{height:500px;background-size:cover;background-position:center;display:flex;align-items:center}
.home-banner .swiper-slide .slide-content{color:#fff;max-width:600px}
.home-banner .swiper-slide .slide-content h2{font-size:42px;margin-bottom:15px}
.home-banner .swiper-slide .slide-content p{font-size:18px;margin-bottom:25px;opacity:.9}

/* About Page */
.about_page h2,.about_page h3{color:#0d599d}
.about_page p{line-height:1.8;color:#555;margin-bottom:15px}

/* Blog / News list */
.blog-list-item{display:flex;gap:20px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}
.blog-list-item .blog-img{flex-shrink:0;width:280px;height:180px;overflow:hidden;border-radius:8px}
.blog-list-item .blog-img img{width:100%;height:100%;object-fit:cover}
.blog-list-item .blog-info{flex:1}
.blog-list-item .blog-info h3{font-size:20px;margin-bottom:10px}
.blog-list-item .blog-info h3 a{color:#333}
.blog-list-item .blog-info h3 a:hover{color:#0066cc}
.blog-list-item .blog-info .blog-meta{font-size:12px;color:#999;margin-bottom:10px}
.blog-list-item .blog-info .blog-excerpt{font-size:14px;color:#666;line-height:1.7}
@media(max-width:768px){.blog-list-item{flex-direction:column}.blog-list-item .blog-img{width:100%;height:200px}}

/* Pagination */
.pagination{text-align:center;padding:20px 0}
.pagination .page-numbers{display:inline-block;padding:8px 14px;margin:0 3px;border:1px solid #ddd;border-radius:4px;color:#555;font-size:14px}
.pagination .page-numbers.current{background:#0066cc;color:#fff;border-color:#0066cc}
.pagination .page-numbers:hover{background:#f0f7ff;color:#0066cc}

/* Responsive */
@media(max-width:767px){
.home-banner .swiper-slide{height:300px}
.home-banner .swiper-slide .slide-content h2{font-size:24px}
.home-banner .swiper-slide .slide-content p{font-size:14px}
.page_title h1{font-size:20px}
.letter_content_box{flex-direction:column;text-align:center}
.letter-input{max-width:100%}
.product-detail .product-cta{flex-direction:column}
.product-detail .product-cta .btn-inquiry,.product-detail .product-cta .btn-whatsapp{width:100%;text-align:center}
}