*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#273449;font-family:Arial,sans-serif}.hero{height:300px;position:relative;background:center 45%/cover url('static-images.ifood.com.br/pratos/b24ec669-3e56-455e-8361-1d6e0b3d4e81/202505122312_487L_i.jpg')}.hero-shade{position:absolute;inset:0;background:linear-gradient(transparent,#111b)}.brand{position:absolute;bottom:-95px;left:50%;transform:translateX(-50%);text-align:center;width:100%}.logo{margin:auto;width:112px;height:112px;border:5px solid white;border-radius:50%;background:#111;color:#e5242a;display:grid;place-items:center;font-size:52px;box-shadow:0 4px 18px #0003}.brand h1{margin:10px 0 4px;font-size:23px}.brand p{margin:0;color:#667085;font-size:14px}.brand span{display:block;margin-top:8px;color:#159447;font-size:13px}nav{position:sticky;top:0;z-index:5;margin:120px auto 0;padding:12px 18px;background:#f8fafceF;backdrop-filter:blur(9px);max-width:1280px;display:flex;gap:10px;border-bottom:1px solid #e4e7ec}nav button{border:0;background:none;padding:12px 20px;font-weight:700;color:#667085;cursor:pointer}.active{color:#e6242a!important;border-bottom:2px solid #e6242a!important}nav input{margin-left:auto;width:260px;border:1px solid #d5dae1;border-radius:10px;padding:0 14px}main{max-width:1280px;margin:25px auto;padding:0 18px}#products{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{height:146px;border:1px solid #e1e5ea;border-radius:16px;background:white;padding:12px;display:flex;text-align:left;cursor:pointer;transition:.15s}.card:hover{background:#f4f5f6;transform:translateY(-1px)}.card div{position:relative;flex:1;padding-right:12px}.card h2{font-size:15px;margin:3px 0 8px;color:#3c4655}.card p{font-size:12px;line-height:1.45;color:#6b7280;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card strong{position:absolute;bottom:4px;left:0;color:#161b22;font-size:14px}.card img{width:130px;height:120px;object-fit:cover;border-radius:14px;background:#e5e7eb}dialog{border:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:12px;background:#f8fafc;color:#273449}dialog::backdrop{background:#fff}.back{position:fixed;top:16px;left:10px;width:48px;height:48px;border:0;border-radius:17px;background:#97999c;color:white;font-size:36px;line-height:30px;cursor:pointer;z-index:3}.detail-grid{max-width:1265px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:58px}.photo-wrap{padding-top:0}.photo-wrap img{width:100%;height:400px;object-fit:cover;border-radius:8px}.info{padding-top:4px}.info h2{font-size:20px;margin:0 0 14px}.info>p{font-size:14px;line-height:1.55;color:#697386;margin-bottom:15px}#detail-price{font-size:14px;font-weight:700;color:#08782f;margin:16px 0}.extras{background:#e5e5e7;padding:16px 12px;margin:14px -12px 8px}.extras h3{margin:0 0 12px;font-size:17px}.extras p{margin:0;color:#6d7584;font-size:14px}.extra-row{display:flex;align-items:center;padding:19px 0;border-bottom:1px solid #dadddf;color:#657084;font-size:14px}.extra-row span:nth-child(2){margin-left:auto;margin-right:16px}.extra-row button{border:0;background:none;color:#e51f28;font-size:24px;cursor:pointer}.info textarea{width:100%;height:91px;margin:12px 0 18px;border:1px solid #cbd5e1;border-radius:11px;padding:14px;font:14px Arial;resize:none}.actions{display:flex;gap:12px}.qty{border:1px solid #dce0e5;border-radius:10px;display:flex;align-items:center}.qty button{border:0;background:none;color:#df2229;font-size:21px;padding:12px}.qty b{font-size:17px}#add{flex:1;border:0;border-radius:9px;background:#e92429;color:white;padding:15px;display:flex;justify-content:space-between;font-weight:700;cursor:pointer}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#17202c;color:#fff;padding:12px 20px;border-radius:10px;opacity:0;transition:.2s;z-index:20}#toast.show{opacity:1}#status{text-align:center;padding:60px;color:#667085}@media(max-width:800px){.hero{height:210px}.brand{bottom:-110px}.hero .logo{width:92px;height:92px}nav{margin-top:135px;overflow:auto}nav input{min-width:170px}#products{grid-template-columns:1fr}.card{border-radius:0;border-width:0 0 1px}.detail-grid{display:block}.photo-wrap img{height:310px}.info{padding:18px 8px}.back{top:10px}.detail-grid{gap:0}}
