.product-section{padding:60px 0;background:#fafafa}.product-card{overflow:hidden;transition:all .3s ease;position:relative;box-shadow:0 3px 12px rgba(0,0,0,.08);border-radius:16px;background:#fff}.product-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.product-thumb{overflow:hidden;position:relative;aspect-ratio:4/3;display:block}.product-thumb img{height:100%;transition:transform .4s ease;object-fit:cover;width:100%}.product-card:hover img{transform:scale(1.1)}.overlay{justify-content:center;transition:opacity .4s ease;position:absolute;opacity:0;inset:0;align-items:center;background:rgba(0,0,0,.45);display:flex}.product-card:hover .overlay{opacity:1}.view-icon{transform:scale(.8);font-size:28px;color:#fff;transition:transform .3s ease}.product-card:hover .view-icon{transform:scale(1)}.product-content{padding:18px;text-align:left}.product-content h3{font-size:18px;font-weight:600;margin-bottom:8px}.product-content h3 a{text-decoration:none;color:#222;transition:color .2s ease}.product-content h3 a:hover{color:#0078ff}.product-content p{font-size:14px;color:#666;margin:0;line-height:1.6}@media (max-width:991px){.product-content h3{font-size:16px}}@media (max-width:768px){.product-card{margin-bottom:25px}}.faq-section{padding:0 20px;margin:40px auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.faq-title{font-size:32px;font-weight:700;margin-bottom:40px;color:#0b5844;text-align:center}.faq-item{overflow:hidden;border:1px solid #e0e0e0;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px}.faq-question{padding:18px 25px;justify-content:space-between;font-weight:600;color:#333;transition:all .3s ease;background-color:#f5f5f5;align-items:center;cursor:pointer;display:flex}.faq-question:hover{background-color:#e9e9e9}.faq-question:after{font-size:24px;color:#0b5844;transition:transform .3s ease;content:"+"}.faq-item.active .faq-question:after{content:"-"}.faq-answer{overflow:hidden;padding:0;transition:all .3s ease;max-height:0;background-color:#fff}.faq-item.active .faq-answer{padding:20px 25px;max-height:500px}@media (max-width:768px){.faq-title{font-size:28px;margin-bottom:30px}.faq-question{font-size:15px}.faq-item.active .faq-answer,.faq-question{padding:15px 20px}}.scrap-section{padding:40px 0;background-color:#f9f9f9}.scrap-title-main{font-size:28px;font-weight:700;margin-bottom:40px;color:#0b5844;text-transform:uppercase;position:relative;letter-spacing:1px;padding-bottom:15px}.scrap-title-main:after{height:3px;transform:translateX(-50%);content:"";position:absolute;bottom:0;background-color:#0b5844;left:50%;width:80px}.scrap-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:0 15px;max-width:1200px;gap:20px;margin:0 auto;display:grid}.scrap-card{padding:25px 15px;border:1px solid #e0e0e0;transition:all .3s ease;flex-direction:column;background-color:#fff;align-items:center;box-shadow:0 5px 15px rgba(0,0,0,.05);border-radius:10px;display:flex}.scrap-card:hover{border-color:#0b5844;transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.scrap-icon{font-size:36px;margin-bottom:15px;color:#0b5844}.scrap-title{font-size:16px;font-weight:600;color:#333;text-align:center;margin:0}@media (max-width:768px){.scrap-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.scrap-title-main{font-size:24px}}@media (max-width:480px){.scrap-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.scrap-card{padding:15px 10px}.scrap-icon{font-size:28px}.scrap-title{font-size:14px}}.district-section{padding:40px 0;background:linear-gradient(135deg,#f5f7fa,#e4e8eb)}.district-container{padding:0 20px;max-width:1200px;margin:0 auto}.district-title{font-size:32px;font-weight:700;margin-bottom:40px;color:#0b5844;position:relative;text-align:center;padding-bottom:15px}.district-title:after{height:4px;transform:translateX(-50%);content:"";position:absolute;bottom:0;border-radius:2px;background:linear-gradient(90deg,#0b5844,#4caf50);left:50%;width:100px}.district-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.district-card{overflow:hidden;padding:20px;border:1px solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.05);border-radius:12px;background:#fff}.district-card:hover{border-color:rgba(11,88,68,.2);transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.district-card:before{height:100%;content:"";position:absolute;top:0;left:0;width:4px}.district-icon{height:45px;font-size:16px;margin-bottom:15px;color:#0b5844;text-align:center;border-radius:50%;background:rgba(11,88,68,.1);width:45px;line-height:47px;display:inline-block}.district-link{font-size:16px;text-decoration:none;font-weight:600;color:#333;transition:color .3s;position:relative;display:block;z-index:1}.district-link:hover{color:#0b5844}.district-card:nth-child(odd) .district-icon{color:#4caf50;background:rgba(76,175,80,.1)}.district-card:nth-child(3n) .district-icon{color:#3498db;background:rgba(52,152,219,.1)}.district-card:nth-child(4n) .district-icon{color:#9b59b6;background:rgba(155,89,182,.1)}@media (max-width:992px){.district-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.district-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.district-title{font-size:28px}.district-icon{height:50px;font-size:24px;width:50px;line-height:50px}}@media (max-width:480px){.district-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.district-card{padding:15px 10px}.district-link{font-size:14px}}.post-media{height:auto!important;overflow:visible!important;text-align:center;margin:0 auto 10px;float:none!important}.post-media .blog-detail-image{height:auto;max-width:100%;object-fit:contain;display:inline-block}