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
Hotline
0974.198.938

Blog

Hỏi đáp chuyên gia

    Mua hàng online thanh toán tại nhà
    Mua ngay

    Thanh toán an toàn

    Hỗ trợ nhiều phương thức thanh toán, bảo mật và nhanh chóng.

    Đổi trả dễ dàng

    1 đổi 1 trong 7 ngày do lỗi sản xuất.

    Sản phẩm chất lượng

    Vật liệu cao cấp, hoàn thiện tỉ mỉ, tinh xảo.

    Giao hàng tận nơi

    Ship toàn quốc, nhanh chóng và an toà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; } }