Skip to main content
An Tâm Decor luôn mang đến cho bạ những sản phẩm tốt, đẹp nhất thị trường

DANH MỤC SẢN PHẨM

Chất liệu





Mức giá




Nhập giá trị phù hợp với bạn

/* ===== CẦU DẮT XE – AN TÂM DECOR ===== */ .pd-wrap { max-width: 780px; margin: 0 auto; font-family: 'Be Vietnam Pro', sans-serif; color: #1C2420; font-size: 14px; line-height: 1.7; } .atx-sec-title { font-size: 16px; font-weight: 700; color: #1A5C35; border-left: 4px solid #1D6F3A; padding-left: 12px; margin: 28px 0 14px; } .atx-intro-box { background: #E1F5EE; border: 1px solid #9FE1CB; border-radius: 8px; padding: 16px 18px; font-size: 13.5px; color: #085041; line-height: 1.8; } .atx-spec-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .atx-spec-chip { background: #fff; border: 1px solid #9FE1CB; border-radius: 20px; padding: 4px 13px; font-size: 12px; color: #085041; font-weight: 500; } .atx-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; } .atx-feature-item { background: #F7F8F6; border: 1px solid #E2E6E1; border-radius: 8px; padding: 12px 14px; } .atx-feature-icon { font-size: 20px; margin-bottom: 6px; } .atx-feature-title { font-size: 13px; font-weight: 600; color: #1A5C35; margin-bottom: 3px; } .atx-feature-desc { font-size: 12.5px; color: #5A6357; line-height: 1.65; } .atx-warn-box { background: #FAEEDA; border: 1px solid #FAC775; border-radius: 8px; padding: 13px 16px; font-size: 13px; color: #633806; line-height: 1.75; } .atx-steps { display: flex; flex-direction: column; gap: 12px; } .atx-step { display: flex; gap: 14px; align-items: flex-start; } .atx-step-num { min-width: 28px; height: 28px; border-radius: 50%; background: #1D6F3A; color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .atx-step-body { font-size: 13.5px; color: #1C2420; line-height: 1.75; } .atx-terrain-list { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; } .atx-terrain-item { display: flex; align-items: flex-start; gap: 10px; background: #F7F8F6; border: 1px solid #E2E6E1; border-radius: 5px; padding: 9px 12px; font-size: 13px; } .atx-terrain-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; } .atx-widget-wrap { border: 1px solid #E2E6E1; border-radius: 12px; padding: 24px 22px; background: #fff; margin-top: 4px; } .atx-widget-sub { font-size: 13px; color: #5A6357; margin-bottom: 16px; } .atx-group-label { display: inline-block; background: #1A5C35; color: #fff; font-size: 12.5px; font-weight: 600; padding: 6px 14px; border-radius: 5px 5px 0 0; margin-top: 16px; } .atx-table-wrap { border: 1px solid #E2E6E1; border-radius: 0 8px 8px 8px; overflow: hidden; margin-bottom: 2px; } .atx-size-table { width: 100%; border-collapse: collapse; font-size: 13px; table-layout: fixed; } .atx-size-table th { padding: 9px 12px; text-align: left; font-weight: 500; color: #5A6357; background: #F7F8F6; border-bottom: 1px solid #E2E6E1; font-size: 12px; } .atx-size-table td { padding: 9px 12px; border-bottom: 1px solid #E2E6E1; } .atx-size-table tr:last-child td { border-bottom: none; } .atx-size-table tr:nth-child(even) td { background: #FAFBFA; } .atx-dai-val { font-weight: 600; color: #1D6F3A; } .atx-note-box { border-radius: 8px; padding: 11px 14px; font-size: 12.5px; line-height: 1.75; margin-top: 16px; } .atx-note-green { background: #E1F5EE; border: 1px solid #9FE1CB; color: #085041; } .atx-bac2-box { background: #F7F8F6; border: 1px solid #E2E6E1; border-radius: 8px; padding: 18px 20px; margin-top: 20px; } .atx-bac2-title { font-size: 15px; font-weight: 700; color: #1A5C35; margin-bottom: 8px; } .atx-bac2-desc { font-size: 13px; color: #5A6357; margin-bottom: 14px; line-height: 1.7; } .atx-bac2-phones { display: flex; gap: 10px; flex-wrap: wrap; } .atx-bac2-btn { display: inline-block; background: #1D6F3A; color: #fff; font-size: 13.5px; font-weight: 600; padding: 10px 20px; border-radius: 8px; text-decoration: none; } .atx-bac2-btn:hover { opacity: .9; color: #fff; } .atx-bac2-btn-outline { background: #fff; color: #1D6F3A; border: 1px solid #1D6F3A; } .atx-warranty-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; } .atx-warranty-item { border-radius: 8px; padding: 14px 16px; } .atx-warranty-g { background: #E1F5EE; border: 1px solid #9FE1CB; } .atx-warranty-w { background: #FAEEDA; border: 1px solid #FAC775; } .atx-warranty-title { font-size: 13px; font-weight: 600; margin-bottom: 8px; } .atx-wtitle-g { color: #1A5C35; } .atx-wtitle-w { color: #4A2800; } .atx-warranty-list { list-style: none; display: flex; flex-direction: column; gap: 5px; padding: 0; margin: 0; } .atx-warranty-list li { font-size: 12.5px; line-height: 1.65; padding-left: 16px; position: relative; } .atx-warranty-list li::before { content: '·'; position: absolute; left: 4px; font-weight: 700; } .atx-warranty-g .atx-warranty-list li { color: #085041; } .atx-warranty-g .atx-warranty-list li::before { color: #1D6F3A; } .atx-warranty-w .atx-warranty-list li { color: #633806; } .atx-warranty-w .atx-warranty-list li::before { color: #C96B0A; } .atx-cta-box { background: #1A5C35; border-radius: 12px; padding: 20px 22px; margin-top: 28px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px; } .atx-cta-tag { font-size: 11px; font-weight: 600; letter-spacing: .08em; color: #9FE1CB; text-transform: uppercase; margin-bottom: 4px; } .atx-cta-title { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 6px; } .atx-cta-gift { font-size: 12.5px; color: #C8EDDB; line-height: 1.6; } .atx-cta-right { display: flex; flex-direction: column; gap: 8px; min-width: 180px; } .atx-cta-phone { display: block; background: #fff; color: #1A5C35; font-size: 15px; font-weight: 700; text-align: center; padding: 10px 18px; border-radius: 8px; text-decoration: none; } .atx-cta-phone:hover { opacity: .9; color: #1A5C35; } .atx-cta-zalo { display: block; background: rgba(255,255,255,.15); color: #fff; font-size: 13px; font-weight: 500; text-align: center; padding: 8px 18px; border-radius: 8px; text-decoration: none; border: 1px solid rgba(255,255,255,.3); } .atx-cta-zalo:hover { background: rgba(255,255,255,.22); color: #fff; } @media (max-width: 500px) { .atx-cta-box { flex-direction: column; } .atx-cta-right { width: 100%; } .atx-bac2-phones { flex-direction: column; } } /* ===== TABS & CALCULATOR ===== */ .atx-tabs { display: flex; border-radius: 8px; overflow: hidden; border: 1px solid #E2E6E1; width: fit-content; margin-bottom: 20px; } .atx-tab-btn { padding: 9px 22px; font-size: 13px; font-weight: 500; border: none; background: #fff; color: #5A6357; cursor: pointer; border-right: 1px solid #E2E6E1; font-family: inherit; } .atx-tab-btn:last-child { border-right: none; } .atx-tab-btn.active { background: #1D6F3A; color: #fff; } .atx-tab-btn:hover:not(.active) { background: #F7F8F6; } .atx-hint { font-size: 12.5px; color: #5A6357; font-style: italic; margin-bottom: 14px; line-height: 1.6; } .atx-calc-warn { background: #FAEEDA; border: 1px solid #FAC775; border-radius: 8px; padding: 10px 14px; font-size: 12.5px; color: #633806; line-height: 1.7; margin-bottom: 16px; } .atx-input-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 16px; } .atx-input-row label { display: block; font-size: 12px; color: #5A6357; margin-bottom: 5px; font-weight: 500; } .atx-input-row input, .atx-input-row select { width: 100%; padding: 9px 11px; border: 1px solid #E2E6E1; border-radius: 5px; font-size: 13px; font-family: inherit; color: #1C2420; background: #fff; outline: none; } .atx-input-row input:focus, .atx-input-row select:focus { border-color: #1D6F3A; } .atx-result-card { border-radius: 8px; padding: 14px 16px; margin-bottom: 4px; } .atx-ok { background: #E1F5EE; border: 1px solid #9FE1CB; } .atx-err { background: #FCEBEB; border: 1px solid #F7C1C1; color: #A32D2D; font-size: 13px; line-height: 1.7; } .atx-result-summary { font-size: 12.5px; color: #085041; margin-bottom: 10px; line-height: 1.6; } .atx-result-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .atx-result-item { background: #fff; border: 1px solid #9FE1CB; border-radius: 5px; padding: 10px 13px; } .atx-result-label { font-size: 11.5px; color: #085041; font-weight: 500; margin-bottom: 3px; } .atx-result-num { font-size: 26px; font-weight: 600; color: #1A5C35; } .atx-result-placeholder { background: #F7F8F6; border: 1px solid #E2E6E1; border-radius: 5px; padding: 10px 13px; display: flex; align-items: center; } .atx-result-placeholder span { font-size: 12px; color: #5A6357; } @media (max-width: 500px) { .atx-result-grid { grid-template-columns: 1fr; } }