/*
Theme Name: Delotly Rebuild
Description: Theme làm lại cho thegioidelotly.com — giao diện như cũ, 4 nhóm sản phẩm, Q&A phục vụ GEO. Dựng trên môi trường tạm, chờ quyền admin để đưa lên live.
Version: 0.1-staging
Text Domain: delotly
*/

body { font-family: Arial, Helvetica, sans-serif; color: #222; line-height: 1.5; margin: 0; }
a { color: #0b5e3f; }
.site-header { display: flex; justify-content: space-between; align-items: center; padding: 14px 5%; background: #0b5e3f; color: #fff; }
.site-header .logo a { color: #fff; font-size: 22px; font-weight: bold; text-decoration: none; }
.site-header .hotline a { color: #ffd34d; text-decoration: none; font-weight: bold; }
.main-nav { background: #084d33; padding: 10px 5%; }
.main-nav a { color: #fff; text-decoration: none; margin-right: 18px; font-size: 15px; }
.banner { background: #ddd; text-align: center; padding: 70px 20px; font-size: 26px; font-weight: bold; color: #444; }
.product-group { padding: 28px 5%; }
.product-group:nth-child(even) { background: #f7f7f7; }
.product-group h2 { font-size: 21px; color: #0b5e3f; margin-bottom: 16px; }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.product-card { border: 1px solid #ddd; border-radius: 6px; overflow: hidden; text-align: center; }
.product-card .thumb { background: #e9e9e9; height: 130px; display: flex; align-items: center; justify-content: center; color: #888; font-size: 14px; }
.product-card p { padding: 10px 6px; font-size: 14px; margin: 0; }
.btn-more { text-align: center; margin-top: 16px; }
.btn-more a { display: inline-block; background: #0b5e3f; color: #fff; padding: 9px 22px; border-radius: 4px; text-decoration: none; }
.qa-section { padding: 28px 5%; background: #eef6f1; }
.qa-section h2 { font-size: 21px; color: #0b5e3f; margin-bottom: 14px; }
.qa-section details { background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 10px 14px; margin-bottom: 8px; }
.qa-pending { font-size: 13px; color: #888; font-style: italic; }
.contact-section { padding: 28px 5%; text-align: center; }
.contact-section a.btn { display: inline-block; margin: 6px; background: #0b5e3f; color: #fff; padding: 10px 20px; border-radius: 4px; text-decoration: none; }
.site-footer { background: #222; color: #ccc; text-align: center; padding: 18px; font-size: 14px; }
@media (max-width: 700px) { .product-grid { grid-template-columns: repeat(2, 1fr); } }