.blog-header-banner{background-size: cover;background-position: center;border-radius: 16px;padding: 48px 24px;text-align: center;margin-top: 15px;margin-bottom: 30px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);min-height: 160px;display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: #f8fafc;border: 1px solid #e2e8f0;color: #0f172a}.blog-header-banner.has-image{border: none;color: white}.blog-header-banner h1{font-size: 28px;font-weight: 800;margin-bottom: 10px;letter-spacing: -0.5px;color: #0f172a}.blog-header-banner.has-image h1{color: white;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4)}.blog-header-banner p{font-size: 15px;opacity: 0.95;max-width: 650px;margin: 0 auto;line-height: 1.5;color: #475569}.blog-header-banner.has-image p{color: white;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4)}@media (max-width: 768px){.blog-header-banner{padding: 32px 16px;border-radius: 12px;margin-bottom: 20px;min-height: 130px}.blog-header-banner h1{font-size: 22px}.blog-header-banner p{font-size: 13px}}.blog-container{display: grid;grid-template-columns: minmax(0, 1fr);gap: 30px}@media (min-width: 992px){.blog-container{grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);align-items: start}}@keyframes blogFadeIn{from{opacity: 0;transform: translateY(4px)}to{opacity: 1;transform: translateY(0)}}.blog-grid{display: grid;animation: blogFadeIn 0.25s ease-out;grid-template-columns: 1fr;gap: 24px}@media (min-width: 576px){.blog-grid{grid-template-columns: repeat(2, 1fr)}}@media (min-width: 768px){.blog-grid{grid-template-columns: repeat(3, 1fr)}}@media (min-width: 992px){.blog-grid{grid-template-columns: repeat(2, 1fr)}}.blog-card{background: #fff;border-radius: 12px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);overflow: hidden;border: 1px solid #f0f0f0;display: flex;flex-direction: column;height: 100%;transition: all 0.3s ease;text-decoration: none;color: inherit;position: relative}.blog-card-title-link::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1}.blog-card:hover{transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);border-color: #c8e6c9}.blog-card-img-wrapper{position: relative;width: 100%;aspect-ratio: 16/9;overflow: hidden;background-color: #fafafa}.blog-card-img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}.blog-card:hover .blog-card-img{transform: scale(1.06)}.blog-card-geo-badge{position: absolute;bottom: 8px;left: 8px;background: #4d835f;color: white;padding: 3px 8px;border-radius: 4px;font-size: 11px;font-weight: 600;backdrop-filter: blur(2px)}.blog-card-body{padding: 16px;display: flex;flex-direction: column;flex-grow: 1}.blog-card-meta{font-size: 11px;color: var(--text-sub, #676767);margin-bottom: 8px;display: flex;gap: 12px;align-items: center}.blog-card-meta span{display: flex;align-items: center;gap: 4px}.blog-card-title{font-size: 14px;font-weight: 700;line-height: 1.4;height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;color: #1c1c1c;margin: 0 0 8px 0;transition: color 0.2s}.blog-card:hover .blog-card-title{color: var(--primary, #00B14F)}.blog-card-excerpt{font-size: 12px;color: #666;line-height: 1.5;height: 54px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 12px}.blog-card-footer{margin-top: auto;padding-top: 10px;border-top: 1px solid #f5f5f5;font-size: 12px;font-weight: 600;color: var(--primary, #00B14F);display: flex;align-items: center;justify-content: space-between}.blog-sidebar{display: flex;flex-direction: column;gap: 24px}@media (min-width: 992px){.blog-sidebar{position: sticky;top: 130px;max-height: calc(100vh - 150px);overflow-y: auto;padding-right: 6px}.blog-sidebar::-webkit-scrollbar{width: 4px}.blog-sidebar::-webkit-scrollbar-track{background: transparent}.blog-sidebar::-webkit-scrollbar-thumb{background: #e0e0e0;border-radius: 4px}.blog-sidebar::-webkit-scrollbar-thumb:hover{background: #ccc}}.sidebar-widget{background: #fff;border-radius: 12px;border: 1px solid #f0f0f0;padding: 20px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02)}.widget-title{font-size: 15px;font-weight: 700;margin-bottom: 15px;padding-bottom: 8px;border-bottom: 2px solid #e8f5e9;color: #2b303a;position: relative}.widget-title::after{content: '';position: absolute;bottom: -2px;left: 0;width: 40px;height: 2px;background-color: var(--primary, #00B14F)}.side-product-item{display: flex;gap: 12px;margin-bottom: 14px;text-decoration: none;color: inherit;align-items: center}.side-product-item:last-child{margin-bottom: 0}.side-product-img{width: 50px;height: 50px;object-fit: contain;border-radius: 6px;border: 1px solid #f0f0f0}.side-product-name{font-size: 12px;font-weight: 600;line-height: 1.3;color: #1a1a1a;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical}.side-product-price{font-size: 12px;font-weight: 700;color: var(--primary, #00B14F);margin-top: 2px}.blog-card-category{color: var(--primary, #00B14F);font-weight: 600;position: relative;z-index: 2}.pagination{display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 30px;margin-bottom: 20px}.page-link{display: inline-flex;width: 36px;height: 36px;align-items: center;justify-content: center;border: 1px solid #e0e0e0;border-radius: 8px;text-decoration: none;color: #555;font-weight: 600;font-size: 13px;transition: all 0.2s ease;background: #fff}.page-link:hover{border-color: var(--primary, #00B14F);color: var(--primary, #00B14F);background-color: #f1fcf4}.page-link.active{background-color: var(--primary, #00B14F);border-color: var(--primary, #00B14F);color: #fff}.page-link.disabled{pointer-events: none;opacity: 0.5}</style>

 .blog-categories-carousel::-webkit-scrollbar{display: none !important}.blog-cat-tab{display: inline-flex;align-items: center;padding: 8px 16px;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 20px;text-decoration: none;color: #475569;font-size: 13px;font-weight: 600;white-space: nowrap;transition: all 0.2s ease;gap: 6px}.blog-cat-tab:hover,
 .blog-cat-tab.active{background: #f0fdf4;color: var(--primary, #00B14F);border-color: var(--primary, #00B14F);box-shadow: 0 2px 8px rgba(0, 177, 79, 0.08)}.blog-cat-count{font-size: 10px;background: #f1f5f9;color: #64748b;padding: 2px 6px;border-radius: 10px;transition: all 0.2s ease}.blog-cat-tab:hover .blog-cat-count,
 .blog-cat-tab.active .blog-cat-count{background: var(--primary, #00B14F);color: #ffffff}</style>

 .breadcrumb-nav{font-size: 13px;color: #676767;padding: 15px 0;display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.breadcrumb-nav a{text-decoration: none;color: inherit;transition: color 0.2s}.breadcrumb-nav a:hover{color: var(--primary, #00B14F)}.breadcrumb-separator{font-size: 10px;color: #ccc}.breadcrumb-current{color: #1a1a1a;font-weight: 600}.detail-container{display: grid;grid-template-columns: minmax(0, 1fr);gap: 30px}@media (min-width: 992px){.detail-container{grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);align-items: start}}.article-card{background: #fff;border-radius: 16px;border: 1px solid #f0f0f0;padding: 20px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03)}@media (min-width: 768px){.article-card{padding: 35px}}.article-title{font-size: 24px;font-weight: 800;line-height: 1.3;color: #1c1c1c;margin-bottom: 12px}@media (min-width: 768px){.article-title{font-size: 30px}}.article-meta{font-size: 12px;color: #777;display: flex;gap: 15px;margin-bottom: 20px;border-bottom: 1px solid #f0f0f0;padding-bottom: 15px;flex-wrap: wrap}.article-meta span{display: flex;align-items: center;gap: 6px}.article-summary-box{background: #f9fbf9;border-left: 4px solid var(--primary, #00B14F);padding: 16px;border-radius: 4px;font-style: italic;font-size: 14px;color: #555;line-height: 1.6;margin-bottom: 24px}.article-featured-img{width: 100%;border-radius: 12px;margin-bottom: 24px;max-height: 450px;object-fit: cover}.article-body-content{font-size: 15px;line-height: 1.75;color: #2b303a}.article-body-content p{margin-bottom: 16px}.article-body-content h2{font-size: 20px;font-weight: 700;margin-top: 28px;margin-bottom: 12px;color: #1a1a1a}.article-body-content h3{font-size: 17px;font-weight: 700;margin-top: 24px;margin-bottom: 10px;color: #222}.article-body-content img{max-width: 100% !important;height: auto !important;border-radius: 8px;margin: 16px 0;display: block}@media (max-width: 767px){.article-featured-img{max-height: 240px;object-fit: cover}.article-body-content img{float: none !important;display: block !important;margin: 20px auto !important;width: 100% !important;max-width: 100% !important;height: auto !important}}.article-body-content ul,
 .article-body-content ol{margin-bottom: 16px;padding-left: 20px}.article-body-content li{margin-bottom: 6px}.article-body-content table{width: 100% !important;margin: 20px 0;border-collapse: collapse !important;border-spacing: 0;font-size: 14px;line-height: 1.5;background: #ffffff;border-radius: 8px;overflow: hidden;border: 1px solid #e2e8f0 !important;display: table !important}.article-body-content tr{display: table-row !important;background: transparent}.article-body-content th,
 .article-body-content td{padding: 12px 16px !important;text-align: left;border-bottom: 1px solid #e2e8f0 !important;border-right: 1px solid #e2e8f0 !important;display: table-cell !important;vertical-align: middle;color: #2b303a}.article-body-content th:last-child,
 .article-body-content td:last-child{border-right: none !important}.article-body-content tr:last-child td{border-bottom: none !important}.article-body-content th{background-color: #f8fafc !important;color: #334155 !important;font-weight: 700 !important}.article-body-content tr:nth-child(even){background-color: #f8fafc !important}.geo-map-box iframe{width: 100% !important;height: 180px !important;border: none !important;border-radius: 8px;margin-top: 8px}.related-posts-section{margin-top: 40px;padding-top: 30px;border-top: 1px solid #f0f0f0}.related-section-title{font-size: 18px;font-weight: 700;margin-bottom: 20px;color: #1a1a1a}.related-grid{display: grid;grid-template-columns: 1fr;gap: 20px}@media (min-width: 576px){.related-grid{grid-template-columns: repeat(3, 1fr)}}.related-card{text-decoration: none;color: inherit;display: flex;flex-direction: column;gap: 8px}.related-card-img{width: 100%;aspect-ratio: 16/10;object-fit: cover;border-radius: 8px;border: 1px solid #f0f0f0;transition: border-color 0.2s}.related-card:hover .related-card-img{border-color: var(--primary, #00B14F)}.related-card-title{font-size: 13px;font-weight: 700;line-height: 1.4;height: 36px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;color: #2c2c2c}.related-card:hover .related-card-title{color: var(--primary, #00B14F)}.blog-sidebar{display: flex;flex-direction: column;gap: 24px}@media (min-width: 992px){.blog-sidebar{position: sticky;top: 130px;max-height: calc(100vh - 150px);overflow-y: auto;padding-right: 6px}.blog-sidebar::-webkit-scrollbar{width: 4px}.blog-sidebar::-webkit-scrollbar-track{background: transparent}.blog-sidebar::-webkit-scrollbar-thumb{background: #e0e0e0;border-radius: 4px}.blog-sidebar::-webkit-scrollbar-thumb:hover{background: #ccc}}.sidebar-widget{background: #fff;border-radius: 12px;border: 1px solid #f0f0f0;padding: 20px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02)}.widget-title{font-size: 15px;font-weight: 700;margin-bottom: 15px;padding-bottom: 8px;border-bottom: 2px solid #e8f5e9;color: #2b303a;position: relative}.widget-title::after{content: '';position: absolute;bottom: -2px;left: 0;width: 40px;height: 2px;background-color: var(--primary, #00B14F)}.side-product-item{display: flex;gap: 12px;margin-bottom: 14px;text-decoration: none;color: inherit;align-items: center}.side-product-item:last-child{margin-bottom: 0}.side-product-img{width: 50px;height: 50px;object-fit: contain;border-radius: 6px;border: 1px solid #f0f0f0}.side-product-name{font-size: 12px;font-weight: 600;line-height: 1.3;color: #1a1a1a;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical}.side-product-price{font-size: 12px;font-weight: 700;color: var(--primary, #00B14F);margin-top: 2px}.faq-answer-panel{max-height: 0;overflow: hidden;transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);background: #ffffff}</style>