.card {
    background: #1e1e1e;
    border-radius: 16px; padding: 20px; margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    border: 1px solid #333; color: #e0e0e0;
}
.warning-card { 
    border-left: 6px solid #ff6600; 
    background: #2a221b;
}
.card h3 { margin-top: 0; margin-bottom: 10px; font-size: 1.1rem; color: #fff; }

.btn { display: block; width: 100%; padding: 12px; border-radius: 50px; border: none; font-size: 16px; font-weight: 600; cursor: pointer; margin-top: 10px; font-family: 'Noto Sans Thai', sans-serif; transition: all 0.2s; }
.btn-primary { 
    background-color: #ff6600;
    color: white; 
}
.btn-primary:hover { background-color: #e05a00; filter: brightness(1.1); }
.btn-secondary { background-color: #06c755; color: white; }


.input-field {
    width: 100%; padding: 14px;
    border: 2px solid #444; border-radius: 12px; font-size: 16px; text-align: center;
    font-family: 'Noto Sans Thai', sans-serif; background-color: #2a2a2a; color: #fff;
}
.input-field:focus { border-color: #ff6600; background-color: #333; }

.ad-banner { background-color: #1e1e1e; height: 120px; border-radius: 12px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; color: #aaa; border: 1px solid #444; }


.price-table { width: 100%; border-collapse: collapse; margin-top: 15px; }
.price-table th { background: #2a2a2a; padding: 10px; font-size: 0.9rem; color: #fff; border: 1px solid #444; }
.price-table td { padding: 10px; text-align: center; border: 1px solid #444; color: #ddd; }
.highlight { color: #ff6600; font-weight: 700; background: #2a221b; }

.contact-area { margin-top: 20px; display: flex; gap: 10px; }


.stat-item { margin-bottom: 12px; }
.stat-header { display: flex; justify-content: space-between; font-size: 0.9rem; margin-bottom: 4px; color: #ccc; }
.stat-bar-bg { width: 100%; height: 8px; background: #444; border-radius: 4px; overflow: hidden; }
.stat-bar-fill { height: 100%; border-radius: 4px; transition: width 1s ease-in-out; }

.info-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; text-align: center; }
.info-item { background: #2a2a2a; padding: 10px; border-radius: 8px; border: 1px solid #444; }
.info-item .label { display: block; font-size: 0.8rem; color: #aaa; }
.info-item strong { display: block; font-size: 0.9rem; color: #fff; }
.text-green { color: #00e676; }