/*
Theme Name: Quốc Anh Auto
Version: 1.0
*/
*{box-sizing:border-box}body{margin:0;background:#f6f4ef;color:#201e19;font:17px/1.65 system-ui,sans-serif}a{color:#654a12}header,footer{background:#151513;color:#fff;padding:18px max(5vw,20px)}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}header a,footer a{color:#fff;text-decoration:none}nav{display:flex;gap:22px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{width:48px;height:48px;object-fit:contain}main{min-height:65vh}.hero{background:#24221c;color:#fff;padding:clamp(32px,7vw,95px) max(5vw,20px)}.hero p{max-width:66ch;color:#e9e1ce}.tag{color:#e9bd62;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}h1{font-size:clamp(2rem,5vw,4rem);line-height:1.1;max-width:20ch;margin:.35em 0}h2{line-height:1.25}.content{max-width:810px;margin:auto;padding:34px 20px 58px}.button{display:inline-block;background:#edc46d;color:#211805;border-radius:6px;padding:10px 16px;text-decoration:none;font-weight:750;margin:4px 8px 4px 0}.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:white;padding:20px;border:1px solid #ded7c8;border-radius:10px}.card h2{margin-top:0}a:focus-visible{outline:3px solid #a36b00;outline-offset:4px}
nav details{position:relative}nav summary{cursor:pointer}.submenu{position:absolute;z-index:2;min-width:190px;background:#24221c;padding:8px;border:1px solid #e9bd62;border-radius:6px}.submenu a{display:block;padding:6px 9px;font-size:.87rem}.submenu a:hover{background:#49402a}