/* An Lộc (toyota) — trang trong theo mockup Astra 09-29 (giới thiệu, danh sách xe, chi tiết xe, liên hệ). Biến/lớp alc-* từ alc-home.css. */
.alci-page { background: #fff; }
.alci-wrap { max-width: 1320px; margin: 0 auto; padding: 0 15px; }
.alci-crumb { color: rgba(255,255,255,.85) !important; font-size: 14px !important; margin: 0 0 18px !important; } .alci-crumb a { color: inherit !important; }
.alci-crumb-d { color: var(--alc-muted) !important; margin: 16px 0 14px !important; }
.alci-k::before { content: none; } .alci-k { display: flex; align-items: center; gap: 10px; } .alci-k::after { content: none; }
.alci-k2 { color: var(--alc-orange) !important; font-size: 14px !important; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 8px !important; display: flex; align-items: center; gap: 10px; }
.alci-k2::before { content: ""; width: 26px; height: 2px; background: var(--alc-orange); }
.alci-dash { display: flex; align-items: center; gap: 14px; } .alci-dash::before { content: ""; width: 26px; height: 3px; background: var(--alc-orange); flex: 0 0 26px; }
.alci-h2 { color: var(--alc-ink) !important; font-size: 30px !important; font-weight: 800 !important; margin: 0 0 6px !important; }
.alci-sub { color: var(--alc-muted) !important; font-size: 15.5px !important; margin: 0 0 22px !important; }
.alci-p { color: var(--alc-ink) !important; font-size: 15.5px !important; line-height: 1.7 !important; margin: 0 0 12px !important; }
.alci-small { font-size: 13px !important; color: var(--alc-muted) !important; }
/* hero trang (giới thiệu, liên hệ) */
.alci-phero .alc-hero-in { height: 440px; }
.alci-htitle { font-size: 64px !important; }
/* giới thiệu */
.alci-story { display: grid; grid-template-columns: 44% 1fr; gap: 40px; align-items: center; }
.alci-stimgs { display: grid; grid-template-rows: 1fr 1fr; gap: 12px; height: 460px; } .alci-stimgs span { background-size: cover; background-position: center; border-radius: 6px; }
.alci-scs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 20px; }
.alci-sc { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; border: 1px solid #E3E7EE; border-radius: 8px; padding: 22px 14px; color: var(--alc-ink) !important; }
.alci-sc img { width: 56px; height: 56px; } .alci-sc b { font-size: 17px; } .alci-sc span { font-size: 13.5px; color: var(--alc-muted); line-height: 1.5; } .alci-sc i { font-style: normal; color: var(--alc-orange); font-size: 20px; }
.alci-vm { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.alci-vm div { background: #fff; border: 1px solid #E3E7EE; border-radius: 8px; padding: 28px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; }
.alci-vm img { width: 68px; height: 68px; } .alci-vm b { color: var(--alc-orange); font-size: 20px; font-weight: 800; text-transform: uppercase; } .alci-vm span { font-size: 15px; color: var(--alc-muted); line-height: 1.6; max-width: 520px; }
.alci-vals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 18px; }
.alci-val { position: relative; border: 1px solid #E3E7EE; border-radius: 8px; padding: 26px 22px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.alci-val em { position: absolute; left: 18px; top: 12px; font-style: normal; font-size: 30px; font-weight: 800; color: var(--alc-orange); }
.alci-val img { width: 68px; height: 68px; } .alci-val b { font-size: 19px; color: var(--alc-ink); } .alci-val span { font-size: 14.5px; color: var(--alc-muted); line-height: 1.6; }
.alci-team { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; }
.alci-team-img { display: block; height: 380px; background-size: cover; background-position: center; border-radius: 6px; }
.alci-ticks { list-style: none; margin: 16px 0 0 !important; } .alci-ticks li { position: relative; padding-left: 38px; margin: 0 0 14px !important; font-size: 16px; color: var(--alc-ink); }
.alci-ticks li::before { content: "✓"; position: absolute; left: 0; top: -1px; width: 26px; height: 26px; border-radius: 4px; background: var(--alc-orange); color: #fff; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.alci-svcs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 20px; }
.alci-svc { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; border: 1px solid #E3E7EE; border-radius: 8px; padding: 24px 18px; color: var(--alc-ink) !important; }
.alci-svc img { width: 58px; height: 58px; } .alci-svc b { font-size: 18px; } .alci-svc span { font-size: 14px; color: var(--alc-muted); line-height: 1.55; } .alci-svc i { font-style: normal; color: var(--alc-orange); font-weight: 600; font-size: 14.5px; }
/* danh sách xe */
.alci-hero { position: relative; height: 300px; background-size: cover; background-position: 70% center; display: flex; align-items: center; }
.alci-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,20,30,.9) 0%, rgba(14,20,30,.6) 42%, rgba(14,20,30,0) 70%); }
.alci-hero .alci-wrap { position: relative; width: 100%; }
.alci-h1 { color: #fff !important; font-size: 50px !important; font-weight: 800 !important; margin: 0 0 8px !important; }
.alci-lead { color: rgba(255,255,255,.9) !important; font-size: 18px !important; margin: 0 !important; }
.alci-note { position: absolute; right: 15px; bottom: -30px; color: #fff !important; font-size: 13px !important; text-transform: uppercase; letter-spacing: .06em; text-align: right; margin: 0 !important; border-bottom: 3px solid var(--alc-orange); padding-bottom: 6px; }
.alci-shop { display: grid; grid-template-columns: 260px 1fr; gap: 26px; padding-top: 26px; padding-bottom: 36px; background: #fff; }
.alci-filter { border: 1px solid #E3E7EE; border-radius: 8px; padding: 0 18px 18px; }
.alci-fh { display: flex; align-items: center; gap: 10px; margin: 0 -18px 10px !important; padding: 14px 18px; border-bottom: 1px solid #E3E7EE; font-size: 17px !important; font-weight: 800; color: var(--alc-ink) !important; }
.alci-filter h4 { font-size: 15px; font-weight: 700; color: var(--alc-ink); margin: 16px 0 8px; }
.alci-checks { list-style: none; margin: 0 !important; } .alci-checks li { margin: 0 0 6px !important; }
.alci-checks a { display: flex; align-items: center; gap: 10px; font-size: 14.5px; color: var(--alc-ink) !important; }
.alci-checks i { width: 16px; height: 16px; border: 1.5px solid #B8C0CC; border-radius: 3px; } .alci-checks li.on i { background: var(--alc-orange); border-color: var(--alc-orange); }
.alci-clear { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; border: 1px solid #B8C0CC; border-radius: 5px; padding: 9px; font-size: 14.5px; color: var(--alc-ink) !important; }
.alci-help { background: var(--alc-navy); border-radius: 8px; padding: 22px; margin-top: 18px; display: flex; flex-direction: column; gap: 6px; color: rgba(255,255,255,.85); font-size: 14px; }
.alci-help b { color: #fff; font-size: 18px; } .alci-tel { color: var(--alc-orange) !important; font-size: 28px; font-weight: 800; } .alci-help .alc-btn { min-height: 44px; margin-top: 8px; }
.alci-search { display: flex; gap: 12px; margin: 0 0 14px; }
.alci-search label { flex: 1; position: relative; margin: 0; } .alci-search label img { position: absolute; left: 14px; top: 13px; z-index: 1; }
.alci-search input[type=search] { margin: 0 !important; height: 44px; padding-left: 42px !important; border-radius: 5px !important; }
.alci-search form, .alci-search .woocommerce-ordering { margin: 0; } .alci-search select { margin: 0 !important; height: 44px; min-width: 200px; border-radius: 5px; }
.alci-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; font-size: 14.5px; color: var(--alc-ink); }
.alci-tabs { display: flex; gap: 8px; margin: 0 !important; } .alci-tabs a { padding: 7px 22px; border-radius: 99px; background: #EEF1F5; color: var(--alc-ink) !important; font-size: 14px; } .alci-tabs a.on { background: var(--alc-orange); color: #fff !important; }
.alci-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.alci-car { border: 1px solid #E3E7EE; border-radius: 8px; overflow: hidden; background: #fff; }
.alci-cimg { display: block; height: 190px; background-size: 92% auto; background-repeat: no-repeat; background-position: center; background-color: #F6F7F9; }
.alci-cbody { padding: 12px 14px 14px; } .alci-cname { display: block; font-size: 17px; font-weight: 800; color: var(--alc-ink) !important; margin-bottom: 6px; }
.alci-cmeta { display: flex; align-items: center; gap: 8px; font-size: 13px !important; color: var(--alc-muted) !important; margin: 0 0 4px !important; }
.alci-cprice { color: var(--alc-orange) !important; font-size: 19px !important; font-weight: 800; margin: 8px 0 10px !important; }
.alci-cact { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .alci-cact a { min-height: 38px; font-size: 13.5px; }
.alci-pages { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 24px; position: relative; }
.alci-pages .page-numbers { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #D4DAE3; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; color: var(--alc-ink); }
.alci-pages .current { background: var(--alc-orange); border-color: var(--alc-orange); color: #fff; } .alci-pages small { position: absolute; right: 0; color: var(--alc-muted); font-size: 12.5px; }
.alci-usp { background: #F2F4F7; padding: 22px 0; } .alci-usp .alci-wrap { display: grid; grid-template-columns: repeat(3, 1fr); }
.alci-usp p { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 0 !important; border-left: 1px solid #D9DEE6; } .alci-usp p:first-child { border-left: 0; }
.alci-usp img { width: 50px; height: 50px; } .alci-usp span { display: flex; flex-direction: column; font-size: 14.5px; color: var(--alc-muted); } .alci-usp b { font-size: 18px; color: var(--alc-ink); }
/* chi tiết xe */
.alci-ptop { display: grid; grid-template-columns: 1.25fr 1fr; gap: 34px; padding-bottom: 26px; }
.alci-pmain { display: block; height: 420px; border-radius: 8px; background-size: cover; background-position: center; background-color: #F6F7F9; }
.alci-pthumbs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 12px; }
.alci-pthumbs span { height: 100px; border-radius: 6px; background-size: cover; background-position: center; border: 2px solid transparent; cursor: pointer; } .alci-pthumbs span.on { border-color: var(--alc-orange); }
.alci-pk { color: var(--alc-orange) !important; font-size: 13.5px !important; font-weight: 700; letter-spacing: .06em; margin: 4px 0 6px !important; }
.alci-ptitle { font-size: 40px !important; font-weight: 800 !important; color: var(--alc-ink) !important; margin: 0 0 4px !important; line-height: 1.2 !important; }
.alci-psub { font-size: 20px !important; font-weight: 600; color: var(--alc-ink) !important; margin: 0 0 6px !important; }
.alci-pspec { font-size: 14.5px !important; color: var(--alc-muted) !important; margin: 0 0 14px !important; }
.alci-plabel { font-size: 14px !important; color: var(--alc-muted) !important; margin: 0 0 2px !important; } .alci-plabel b { color: var(--alc-ink); }
.alci-pprice { font-size: 38px !important; font-weight: 800; color: var(--alc-orange) !important; margin: 0 !important; line-height: 1.2 !important; }
.alci-pnote { font-size: 13px !important; color: var(--alc-muted) !important; margin: 0 0 14px !important; }
.alci-sw { display: flex; gap: 12px; margin: 6px 0 18px; }
.alci-sw span { width: 40px; height: 40px; border-radius: 50%; border: 2px solid transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; } .alci-sw span.on { border-color: var(--alc-orange); }
.alci-sw i { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #C9D0DA; }
.alci-pbtns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 18px; } .alci-pbtns .alc-btn { min-height: 50px; }
.alci-btn-line { border: 1.5px solid var(--alc-ink); color: var(--alc-ink) !important; }
.alci-pbadges { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.alci-pbadges p { display: flex; align-items: center; gap: 10px; margin: 0 !important; font-size: 12.5px !important; color: var(--alc-muted) !important; line-height: 1.35 !important; }
.alci-pbadges span { display: flex; flex-direction: column; } .alci-pbadges b { color: var(--alc-ink); font-size: 13px; }
.alci-ptabs { background: #F2F4F7; border-top: 1px solid #E3E7EE; border-bottom: 1px solid #E3E7EE; margin-bottom: 26px; }
.alci-ptabs .alci-wrap { display: flex; justify-content: space-around; } .alci-ptabs a { padding: 14px 10px; font-size: 15px; color: var(--alc-ink) !important; }
.alci-ptabs a.on { color: var(--alc-orange) !important; box-shadow: inset 0 -2px 0 var(--alc-orange); font-weight: 600; }
.alci-block { padding-bottom: 30px; }
.alci-hl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 18px; }
.alci-hl p { border: 1px solid #E3E7EE; border-radius: 8px; padding: 18px; display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0 !important; font-size: 14px !important; color: var(--alc-muted) !important; }
.alci-hl img { width: 50px; height: 50px; margin-bottom: 6px; } .alci-hl b { font-size: 24px; font-weight: 800; color: var(--alc-ink); }
.alci-det2, .alci-det3 { display: grid; gap: 16px; margin-bottom: 16px; } .alci-det2 { grid-template-columns: 1fr 1fr; } .alci-det3 { grid-template-columns: repeat(3, 1fr); }
.alci-det2 figure, .alci-det3 figure { margin: 0; } .alci-det2 span, .alci-det3 span { display: block; background-size: cover; background-position: center; border-radius: 6px; }
.alci-det2 span { height: 290px; } .alci-det3 span { height: 170px; }
.alci-det2 figcaption, .alci-det3 figcaption { font-size: 13.5px; color: var(--alc-muted); margin-top: 8px; line-height: 1.5; } .alci-det2 figcaption b, .alci-det3 figcaption b { display: block; font-size: 17px; color: var(--alc-ink); }
.alci-specs { background: #F2F4F7; padding: 30px 0; margin-bottom: 30px; }
.alci-sgrid { display: grid; grid-template-columns: 1fr 400px; gap: 24px; }
.alci-sgrid table { background: #fff; border-radius: 8px; margin: 0; } .alci-sgrid th, .alci-sgrid td { padding: 10px 16px; font-size: 14.5px; border-bottom: 1px solid #EEF0F4; text-transform: none; letter-spacing: 0; }
.alci-sgrid th { color: var(--alc-muted); font-weight: 500; width: 45%; } .alci-sgrid td { color: var(--alc-ink); }
.alci-safe { background: var(--alc-navy); border-radius: 8px; padding: 24px; color: #fff; }
.alci-safe h3 { display: flex; align-items: center; gap: 12px; color: #fff !important; font-size: 21px !important; font-weight: 700 !important; margin: 0 0 14px !important; } .alci-safe h3 img { filter: brightness(0) invert(1); }
.alci-safe ul { list-style: none; margin: 0 !important; } .alci-safe li { position: relative; padding-left: 34px; margin: 0 0 12px !important; font-size: 15px; }
.alci-safe li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 4px; background: var(--alc-orange); font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.alci-loan { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; border: 1px solid #E3E7EE; border-radius: 8px; padding: 24px; }
.alci-lin label { display: grid; grid-template-columns: 140px 1fr; align-items: center; gap: 10px; font-size: 14.5px; color: var(--alc-ink); margin: 0 0 12px; }
.alci-lin input[type=text], .alci-lin select { margin: 0 !important; height: 42px; border-radius: 5px; font-size: 14.5px; }
.alci-range { width: calc(100% - 150px); margin: 0 0 14px 150px; accent-color: var(--alc-orange); }
.alci-lout { background: #FFF5EF; border-radius: 8px; padding: 20px 22px; }
.alci-lout h3 { color: var(--alc-orange) !important; font-size: 18px !important; font-weight: 800 !important; margin: 0 0 12px !important; }
.alci-lrow { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .alci-lrow p { margin: 0 !important; font-size: 13.5px !important; color: var(--alc-muted) !important; display: flex; flex-direction: column; } .alci-lrow b { font-size: 19px; color: var(--alc-ink); }
.alci-lfirst { display: flex; justify-content: space-between; align-items: center; background: #FFE4D4; border-radius: 6px; padding: 12px 16px; margin: 14px 0 8px !important; font-size: 14.5px !important; color: var(--alc-orange) !important; }
.alci-lfirst b { font-size: 28px; font-weight: 800; } .alci-lout .alc-btn { width: 100%; min-height: 46px; margin-top: 8px; }
.alci-drive { display: grid; grid-template-columns: 1fr 1fr; border-radius: 8px; overflow: hidden; margin-bottom: 30px; }
.alci-dleft { position: relative; background-size: cover; background-position: center; padding: 30px; color: #fff; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.alci-dleft::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,20,30,.92), rgba(14,20,30,.4)); } .alci-dleft > * { position: relative; }
.alci-dleft h2 { color: #fff !important; font-size: 32px !important; font-weight: 800 !important; margin: 0 !important; }
.alci-dleft ul { list-style: none; margin: 0 !important; } .alci-dleft li { position: relative; padding-left: 34px; margin: 0 0 10px !important; font-size: 15.5px; }
.alci-dleft li::before { content: "✓"; position: absolute; left: 0; width: 24px; height: 24px; border-radius: 4px; background: var(--alc-orange); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; }
.alci-dform { background: #fff; border: 1px solid #E3E7EE; border-left: 0; padding: 26px 30px; }
.alci-dform h3, .alci-form h3 { color: var(--alc-orange) !important; font-size: 24px !important; font-weight: 800 !important; margin: 0 0 4px !important; }
.alci-dform br, .alci-form br { display: none; }
.alci-dform .alci-frow > p, .alci-form .alci-frow > p { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0; }
.alci-dform label, .alci-form label { display: block; font-size: 13.5px; font-weight: 600; color: var(--alc-ink); margin: 0 0 10px; } .alci-dform label em, .alci-form label em { color: #D63B2F; font-style: normal; }
.alci-dform .wpcf7-form-control-wrap, .alci-form .wpcf7-form-control-wrap { display: block; }
.alci-dform input:not([type=checkbox]):not([type=radio]):not([type=submit]), .alci-dform select, .alci-dform textarea, .alci-form input:not([type=checkbox]):not([type=radio]):not([type=submit]), .alci-form select, .alci-form textarea { margin: 5px 0 0 !important; height: 42px; border-radius: 5px !important; font-size: 14px; border: 1px solid #D4DAE3 !important; box-shadow: none !important; }
.alci-dform textarea, .alci-form textarea { height: 80px !important; }
.alci-dform .wpcf7-acceptance label, .alci-form .wpcf7-acceptance label { font-weight: 400; display: flex; gap: 8px; align-items: center; } .alci-dform .wpcf7-list-item, .alci-form .wpcf7-list-item { margin: 0 12px 0 0; }
.alci-dform .wpcf7 input[type=submit], .alci-form .wpcf7 input[type=submit] { width: 100%; background: var(--alc-orange) !important; color: #fff !important; min-height: 48px; border-radius: 5px; font-size: 16px; font-weight: 700; text-transform: none; letter-spacing: 0; margin: 4px 0 6px; border: 0; }
.alci-grid-rel { grid-template-columns: repeat(3, 1fr); }
/* liên hệ */
.alci-ccards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.alci-ccards a { display: flex; gap: 18px; align-items: center; border: 1px solid #E3E7EE; border-radius: 8px; padding: 22px; color: var(--alc-muted) !important; font-size: 13.5px; }
.alci-ccards i { width: 64px; height: 64px; flex: 0 0 64px; border-radius: 50%; background: #EEF1F5; display: flex; align-items: center; justify-content: center; }
.alci-ccards span { display: flex; flex-direction: column; gap: 2px; } .alci-ccards b { color: var(--alc-ink); font-size: 17px; } .alci-ccards em { font-style: normal; color: var(--alc-orange); font-size: 22px; font-weight: 800; }
.alci-ccards a:nth-child(2) em { font-size: 15px; }
.alci-mi { display: block; width: 34px; height: 34px; background: var(--alc-navy); -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.alci-ctimg { display: block; height: 250px; border-radius: 8px; background-size: cover; background-position: center; margin: 0 0 16px; }
.alci-perks3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; } .alci-perks3 p { display: flex; align-items: center; gap: 10px; margin: 0 !important; font-size: 13px !important; color: var(--alc-ink) !important; line-height: 1.35 !important; }
.alci-agent { display: flex; gap: 18px; align-items: center; background: #fff; border: 1px solid #E3E7EE; border-radius: 8px; padding: 14px; }
.alci-agent span { width: 110px; height: 90px; flex: 0 0 110px; border-radius: 6px; background-size: cover; background-position: center; }
.alci-agent p { margin: 0 !important; display: flex; flex-direction: column; font-size: 13.5px !important; color: var(--alc-muted) !important; } .alci-agent b { color: var(--alc-ink); font-size: 17px; }
.alci-agent a { display: flex; align-items: center; gap: 8px; color: var(--alc-orange) !important; font-size: 21px; font-weight: 800; margin-top: 6px; }
.alci-form { background: #fff; border-radius: 8px; box-shadow: 0 8px 26px rgba(22,32,47,.08); padding: 24px 26px; }
.alci-mhead { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 14px; }
.alci-gmap { border: 1.5px solid var(--alc-orange); color: var(--alc-orange) !important; border-radius: 5px; padding: 8px 16px; font-size: 14px; font-weight: 600; }
.alci-map { position: relative; height: 360px; border-radius: 8px; overflow: hidden; } .alci-map iframe { width: 100%; height: 100%; border: 0; display: block; }
.alci-mapcard { position: absolute; left: 20px; bottom: 20px; background: #fff; border-radius: 8px; padding: 16px 20px; box-shadow: 0 10px 26px rgba(0,0,0,.15); font-size: 13.5px; color: var(--alc-ink); display: flex; flex-direction: column; gap: 6px; }
.alci-mclogo { display: flex; align-items: center; gap: 10px; } .alci-mclogo b { font-size: 22px; font-weight: 800; } .alci-mapcard a { color: var(--alc-orange) !important; font-weight: 700; }
@media (max-width: 849px) {
  .alci-phero .alc-hero-in { height: 460px; } .alci-htitle { font-size: 40px !important; }
  .alci-story, .alci-team, .alci-vm, .alci-ptop, .alci-sgrid, .alci-loan, .alci-drive, .alci-shop { grid-template-columns: 1fr; }
  .alci-stimgs { height: 380px; } .alci-scs, .alci-vals, .alci-ccards, .alci-perks3, .alci-grid, .alci-det2, .alci-det3, .alci-grid-rel { grid-template-columns: 1fr; }
  .alci-svcs, .alci-hl { grid-template-columns: 1fr 1fr; } .alci-side { order: 2; } .alci-h1 { font-size: 32px !important; } .alci-note { display: none; }
  .alci-search { flex-direction: column; } .alci-bar { flex-direction: column; align-items: flex-start; gap: 10px; } .alci-tabs { flex-wrap: wrap; }
  .alci-usp .alci-wrap { grid-template-columns: 1fr; gap: 14px; } .alci-usp p { border: 0; justify-content: flex-start; }
  .alci-ptabs .alci-wrap { overflow-x: auto; justify-content: flex-start; } .alci-ptabs a { white-space: nowrap; }
  .alci-pmain { height: 260px; } .alci-ptitle { font-size: 30px !important; } .alci-pbadges { grid-template-columns: 1fr; }
  .alci-lin label { grid-template-columns: 1fr; } .alci-range { width: 100%; margin-left: 0; } .alci-dform { border-left: 1px solid #E3E7EE; }
  .alci-dform .alci-frow > p, .alci-form .alci-frow > p { grid-template-columns: 1fr; gap: 0; } .alci-mhead { flex-direction: column; align-items: flex-start; gap: 10px; }
}
/* ruler:auto BEGIN — tools/astra-bridge/lab/ruler_fix.py, đừng sửa tay */
@media (min-width: 850px) {
  body:not(.home) .alc-sec h2.alc-h2 { font-size: 56.9px !important; }
  body:not(.home) .alci-main h2.alci-h2 { font-size: 42.0px !important; }
  body:not(.home) .alci-ccards img { width: 58px !important; height: 58px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .alci-fh img[src*="/icons/funnel.png"] { width: 28px !important; height: 28px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .alci-hl img { width: 66px !important; height: 66px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .alci-perks3 img { width: 50px !important; height: 50px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  body:not(.home) .alci-sc img { width: 78px !important; height: 78px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
}
@media (max-width: 849px) {
  body:not(.home) .alci-ccards img { width: 40px !important; height: 40px !important; }
  body:not(.home) .alci-fh img[src*="/icons/funnel.png"] { width: 20px !important; height: 20px !important; }
  body:not(.home) .alci-hl img { width: 50px !important; height: 50px !important; }
  body:not(.home) .alci-perks3 img { width: 36px !important; height: 36px !important; }
  body:not(.home) .alci-sc img { width: 56px !important; height: 56px !important; }
}
/* ruler:auto END */
/* ruler:manual — nhóm icon cùng cỡ (auto chỉ bắt 1 icon/nhóm hoặc gộp quá rộng) */
@media (min-width: 850px) { body:not(.home) .alci-pbadges img { width: 40px !important; height: 40px !important; } body:not(.home) .alci-val img, body:not(.home) .alci-vm img, body:not(.home) .alci-svc img { width: 72px !important; height: 72px !important; } body:not(.home) .alci-usp img { width: 58px !important; height: 58px !important; } }

/* 2026-10-04 (người dùng: ảnh xe trang chi tiết mờ + mất đuôi xe, thumbnail bị cắt): ảnh xe ~640px -> KHÔNG cover/phóng.
   Khung nền trung tính, contain, không vượt cỡ thật của ảnh. */
.alci-pmain { background-size: contain !important; background-repeat: no-repeat; background-position: center !important; background-color: #F3F4F6 !important; background-origin: content-box; padding: 14px; }
.alci-pthumbs span { background-size: contain !important; background-repeat: no-repeat; background-color: #F3F4F6; background-origin: content-box; padding: 6px; }
@media (min-width: 1200px) { .alci-pmain { height: 470px; } }

/* 2026-10-04 tin tức / bài viết / trang phụ (Tiện ích, Chính sách, Lái thử) — cùng hệ lớp alci */
.alcb-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0 24px; }
.alcb-chips a { padding: 9px 18px; border-radius: 999px; border: 1px solid #E3E7EE; color: var(--alc-ink) !important; font-weight: 600; font-size: 14.5px; }
.alcb-chips a.on, .alcb-chips a:hover { background: var(--alc-orange); border-color: var(--alc-orange); color: #fff !important; }
.alcb-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 36px; align-items: start; padding-bottom: 48px; }
.alcb-single { margin-top: 36px; }
.alcb-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.alcb-grid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.alcb-card { background: #fff; border: 1px solid #E3E7EE; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; }
.alcb-img { position: relative; display: block; aspect-ratio: 16 / 10; background-size: cover; background-position: center; background-color: var(--alc-bg); }
.alcb-img em { position: absolute; left: 14px; top: 14px; background: var(--alc-orange); color: #fff; font-style: normal; font-size: 12.5px; font-weight: 700; padding: 4px 10px; border-radius: 4px; text-transform: uppercase; letter-spacing: .04em; }
.alcb-body { padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1; }
.alcb-date { color: var(--alc-muted) !important; font-size: 13px !important; margin: 0 0 6px !important; }
.alcb-card h3 { font-size: 19px !important; line-height: 1.35 !important; margin: 0 0 8px !important; font-weight: 800 !important; }
.alcb-card h3 a { color: var(--alc-ink) !important; }
.alcb-ex { color: var(--alc-muted) !important; font-size: 14.5px !important; line-height: 1.6 !important; margin: 0 0 12px !important; }
.alcb-more { margin-top: auto; color: var(--alc-orange) !important; font-weight: 700; font-size: 14.5px; }
.alcb-big { grid-column: 1 / -1; flex-direction: row; }
.alcb-big .alcb-img { flex: 0 0 56%; aspect-ratio: auto; min-height: 320px; }
.alcb-big .alcb-body { padding: 30px 32px; justify-content: center; }
.alcb-big h3 { font-size: 26px !important; }
.alcb-side { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 110px; }
.alcb-box { border: 1px solid #E3E7EE; border-radius: 10px; padding: 20px 22px; background: #fff; }
.alcb-box h4 { font-size: 17px !important; color: var(--alc-ink) !important; font-weight: 800 !important; margin: 0 0 12px !important; padding-bottom: 10px; border-bottom: 2px solid var(--alc-orange); display: inline-block; }
.alcb-cats { list-style: none; margin: 0 !important; }
.alcb-cats li { margin: 0 !important; border-bottom: 1px dashed #E3E7EE; }
.alcb-cats a { display: flex; justify-content: space-between; padding: 10px 0; color: var(--alc-ink) !important; font-size: 15px; }
.alcb-cats span { background: var(--alc-bg); border-radius: 999px; padding: 0 9px; font-size: 13px; color: var(--alc-muted); }
.alcb-cars a { display: flex; gap: 12px; align-items: center; padding: 8px 0; color: var(--alc-ink) !important; }
.alcb-cars span { flex: 0 0 86px; height: 58px; border-radius: 6px; background: #F3F4F6 center / contain no-repeat; }
.alcb-cars b { font-size: 14.5px; font-weight: 700; line-height: 1.35; }
.alcb-cars em { display: block; font-style: normal; color: var(--alc-orange); font-size: 14px; }
.alcb-help { position: static; }
.alcb-phero { height: 360px; }
.alcb-h1 { font-size: 44px !important; max-width: 820px; line-height: 1.15 !important; }
.alcb-meta { display: flex; gap: 18px; color: rgba(255,255,255,.88) !important; font-size: 14.5px !important; margin: 10px 0 0 !important; }
.alcb-meta span + span::before { content: "•"; margin-right: 18px; opacity: .7; }
.alcb-lead { font-size: 19px !important; line-height: 1.6 !important; color: var(--alc-ink) !important; font-weight: 600; margin: 0 0 18px !important; border-left: 4px solid var(--alc-orange); padding-left: 16px; }
.alcb-content { font-size: 16.5px; line-height: 1.8; color: var(--alc-ink); }
.alcb-content p { font-size: 16.5px !important; line-height: 1.8 !important; color: var(--alc-ink) !important; margin: 0 0 16px !important; }
.alcb-content h2 { font-size: 25px !important; font-weight: 800 !important; color: var(--alc-ink) !important; margin: 30px 0 12px !important; }
.alcb-content ul { margin: 0 0 18px 0 !important; list-style: none; }
.alcb-content li { position: relative; padding-left: 28px; margin: 0 0 10px !important; }
.alcb-content li::before { content: "✓"; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 4px; background: var(--alc-orange); color: #fff; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.alcb-content blockquote { margin: 24px 0 !important; padding: 20px 24px; background: var(--alc-bg); border-left: 4px solid var(--alc-orange); border-radius: 0 8px 8px 0; font-size: 17px; font-weight: 600; color: var(--alc-navy); }
.alcb-content blockquote p { margin: 0 !important; font-weight: 600; }
.alcb-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 !important; }
.alcb-tags a { padding: 5px 12px; border-radius: 4px; background: var(--alc-bg); color: var(--alc-ink) !important; font-size: 13.5px; }
.alcb-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 26px; border-radius: 10px; background: var(--alc-navy); color: #fff; }
.alcb-cta b { display: block; font-size: 19px; color: #fff; } .alcb-cta span { color: rgba(255,255,255,.8); font-size: 14.5px; }
.alcb-cta .alc-btn { flex: 0 0 auto; white-space: nowrap; }
.alcb-rel { padding-bottom: 40px; }
.alcb-page .nav-pagination, .alcb-page .page-numbers { margin-top: 24px; }
.alcx-tools, .alcx-pol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.alcx-tools a, .alcx-pol > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; border: 1px solid #E3E7EE; border-radius: 10px; padding: 24px 22px; color: var(--alc-ink) !important; background: #fff; }
.alcx-tools a:hover { border-color: var(--alc-orange); box-shadow: 0 10px 24px rgba(22,32,47,.08); }
.alcx-tools img, .alcx-pol img { width: 56px; height: 56px; }
.alcx-tools b, .alcx-pol h3 { font-size: 18px !important; font-weight: 800 !important; color: var(--alc-ink) !important; margin: 4px 0 0 !important; }
.alcx-tools span, .alcx-pol p { color: var(--alc-muted) !important; font-size: 14.5px !important; line-height: 1.6 !important; margin: 0 !important; }
.alcx-steps { list-style: none; margin: 20px 0 0 !important; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; counter-reset: none; }
.alcx-steps li { margin: 0 !important; padding: 22px; border-top: 3px solid var(--alc-orange); background: var(--alc-bg); border-radius: 0 0 10px 10px; }
.alcx-steps b { font-size: 30px; font-weight: 800; color: var(--alc-orange); }
.alcx-steps h3 { font-size: 18px !important; font-weight: 800 !important; margin: 6px 0 6px !important; color: var(--alc-ink) !important; }
.alcx-steps p { font-size: 14.5px !important; color: var(--alc-muted) !important; margin: 0 !important; }
.alcx-note { padding: 16px 20px; border-radius: 8px; background: #FFF4EC; color: var(--alc-ink); font-size: 14.5px; }
.alcx-page .alci-block, .alcb-page .alci-block { padding-top: 40px; }
.alcx-page .alci-lin label:first-child select { font-weight: 600; }
@media (min-width: 850px) and (max-width: 1199px) { .alcb-layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; } .alcx-tools, .alcx-pol, .alcx-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .alcb-big .alcb-img { flex-basis: 48%; } }
@media (max-width: 849px) {
  .alcb-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; } .alcb-side { position: static; }
  .alcb-grid, .alcb-grid3 { grid-template-columns: minmax(0, 1fr); } .alcb-big { flex-direction: column; } .alcb-big .alcb-img { min-height: 0; aspect-ratio: 16 / 10; } .alcb-big .alcb-body { padding: 18px 20px; } .alcb-big h3 { font-size: 21px !important; }
  .alcb-h1 { font-size: 30px !important; } .alcb-phero { height: auto; } .alcb-meta { flex-wrap: wrap; gap: 8px; } .alcb-meta span + span::before { margin-right: 8px; }
  .alcb-cta { flex-direction: column; align-items: flex-start; }
  .alcx-tools, .alcx-pol, .alcx-steps { grid-template-columns: minmax(0, 1fr); }
}
/* 2026-10-04 dải đầu trang trong mobile: chữ đè lên xe -> ảnh trên (dải 200px), chữ dưới trên nền navy (LESSONS 112) */
@media (max-width: 849px) {
  div.alci-hero { display: block; height: auto; padding: 206px 0 26px; background-size: auto 200px; background-position: 72% top; background-repeat: no-repeat; background-color: var(--alc-navy); }
  div.alci-hero::before { display: none; }
  div.alci-hero .alci-note { display: none; }
}
@media (max-width: 549px) { .alci-lrow { grid-template-columns: minmax(0, 1fr) !important; display: grid; gap: 10px; } .alci-lrow p { white-space: normal; } .alci-lrow b { display: block; } }