#section-features .container {width: 100%;margin: 0 auto;padding: 0;max-width: 100%;}
#section-features .title-main { font-size: 40px; font-weight: 800; color: #4c392a; margin-bottom: 24px; text-align: center; letter-spacing: 1.5px; line-height: 1.3; }
#section-features .title-sub { font-size: 20px; font-weight: 600; color: #a9866f; margin-bottom: 32px; text-align: center; }
#section-features .title-card { font-size: 24px; font-weight: 700; color: #4c392a; margin-bottom: 16px; }
#section-features .tag-primary { display: inline-flex; align-items: center; justify-content: center; background: #feecd2; color: #4c392a; padding: 8px 24px; border-radius: 999px; font-size: 16px; font-weight: 700; margin-bottom: 24px; box-shadow: 0 4px 10px rgba(169, 134, 111, 0.2); }
#section-features .text-base { font-size: 16px; color: #0c0c0c; opacity: 0.85; line-height: 1.8; }
#section-features .text-lg { font-size: 18px; color: #4c392a; line-height: 1.8; }

#section-features {padding: 0;display: flex;align-items: center;}
#section-features .badge-container {display: flex;gap: 30px;margin-bottom: 0;}
#section-features .badge-box { flex: 1; border-radius: 20px; display: flex; overflow: hidden; box-shadow: 0 10px 40px -10px rgba(0,0,0,0.08); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease; }
#section-features .badge-box:hover { transform: translateY(-8px); box-shadow: 0 20px 40px -10px rgba(76, 57, 42, 0.15); }
#section-features .badge-left {width: 35%;padding: 30px 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;position: relative;overflow: hidden;}
#section-features .badge-left::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, transparent 60%); opacity: 0; transition: opacity 0.5s ease; }
#section-features .badge-box:hover .badge-left::before { opacity: 1; }
#section-features .badge-left svg {width: 48px;height: 48px;fill: #ffffff;margin-bottom: 16px;z-index: 1;margin: 0 auto 5px;}
#section-features .badge-left .title-h3 {font-size: 18px;font-weight: 700;color: #ffffff;letter-spacing: 2px;z-index: 1;}
#section-features .badge-right {width: 65%;padding: 30px 20px;background: #ffffff;display: flex;flex-direction: column;justify-content: center;gap: 5px;}
#section-features .badge-item {display: flex;align-items: center;font-size: 16px;font-weight: 400;color: #8f8f8f;gap: 5px;}
#section-features .badge-item svg {width: 22px;height: 22px;margin: 0;}
#section-features .theme-blue .badge-left { background: linear-gradient(135deg, #a9866f 0%, #c8aa96 100%); }
#section-features .theme-blue .badge-item svg {fill: #a9866f;}
#section-features .theme-green .badge-left {background: linear-gradient(135deg, #a9866f 0%, #c8aa96 100%);}
#section-features .theme-green .badge-item svg {fill: #a9866f;}
#section-features .intro-block { display: flex; align-items: center; background: #ffffff; border-radius: 24px; box-shadow: 0 15px 50px -10px rgba(0,0,0,0.06); overflow: hidden; margin-bottom: 60px; border: 1px solid #f8f7f0; }
#section-features .intro-text { width: 50%; padding: 60px; position: relative; }
#section-features .intro-quote { font-size: 20px; line-height: 2; color: #0c0c0c; position: relative; z-index: 1; font-weight: 500; }
#section-features .intro-quote::before { content: "“"; font-size: 140px; color: #feecd2; position: absolute; top: -50px; left: -30px; z-index: -1; line-height: 1; font-family: Georgia, serif; }
#section-features .intro-img { width: 50%; height: 100%; min-height: 400px; position: relative; overflow: hidden; }
#section-features .intro-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: transform 0.8s ease; }
#section-features .intro-block:hover .intro-img img { transform: scale(1.05); }
#section-features .tips-box { display: flex; align-items: flex-start; background: #f8f7f0; border-radius: 20px; padding: 40px; border-left: 6px solid #a9866f; box-shadow: 0 5px 15px rgba(0,0,0,0.02); }
#section-features .tips-icon { width: 80px; height: 80px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; color: #a9866f; box-shadow: 0 10px 20px rgba(169, 134, 111, 0.15); margin-right: 32px; flex-shrink: 0; letter-spacing: 1px; }
#section-features .tips-content { flex: 1; }
#section-features .tips-content .text-base { margin-bottom: 12px; }
#section-features .tips-content .text-base:last-child { margin-bottom: 0; }



@keyframes fadeInUp {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0); }
}
@media (max-width: 1470px){
    #section-features .badge-right{
    padding: 20px 20px;
}
}
@media (max-width: 1024px) {
#section-features .badge-container {display: none;}
#section-features .badge-box { flex-direction: row; }
#section-features .badge-left { width: 40%; }
#section-features .badge-right { width: 60%; flex-direction: row; flex-wrap: wrap; }
#section-features .badge-item { width: calc(50% - 8px); }

}

@media (max-width: 768px) {
.title-main { font-size: 32px; }
#section-features {padding: 0;}
#section-features .badge-box { flex-direction: column; }
#section-features .badge-left { width: 100%; padding: 40px 20px; }
#section-features .badge-right { width: 100%; padding: 30px 20px; flex-direction: column; align-items: flex-start; }
#section-features .badge-item { width: 100%; }
#section-features .intro-block { flex-direction: column; }
#section-features .intro-text { width: 100%; padding: 40px 24px; }
#section-features .intro-img { width: 100%; height: auto; min-height: 250px; }
#section-features .intro-img img { position: relative; }
#section-features .tips-box { flex-direction: column; text-align: center; align-items: center; padding: 30px 20px; border-left: none; border-top: 6px solid #a9866f; }
#section-features .tips-icon { margin: 0 0 20px 0; }

}