.br{background:linear-gradient(140deg,#5c1a14,#a8321f)}
.br .ph{left:50%;top:7%;translate:-50% 0}
.br .ph-s{background:#1a0e0c;color:#fff;display:flex;flex-direction:column;font-size:4.6cqh}
.br .st{display:flex;justify-content:space-between;align-items:center;padding:0 6%;font-size:2.4cqh;font-weight:600}
.br .head{padding:0 6%;display:flex;align-items:center;gap:3%;margin-bottom:3cqh}
.br .head strong{font-size:4.2cqh;letter-spacing:-.03em}
.br .head small{display:block;font-size:2.2cqh;color:#e0b39a;letter-spacing:0;font-weight:400}
.br .head .pill{margin-left:auto;font-size:2.2cqh;border:1px solid #6d3a30;padding:1cqh 3cqh;border-radius:99px;color:#f6d9c8}
.br .cats{display:flex;gap:2cqh;padding:0 6% 2.6cqh;overflow:hidden}
.br .cats span{font-size:2.4cqh;padding:1.4cqh 3.4cqh;border-radius:99px;background:#2a1613;color:#d8b3a4;white-space:nowrap}
.br .cats span:first-child{background:#fff;color:#8c2c1c}
.br .prod{position:relative;margin:0 6%;border-radius:3cqh;overflow:hidden;background:#2a1613;flex:1;min-height:0;display:flex;flex-direction:column}
.br .prod .im{flex:1;min-height:0;position:relative}
.br .prod .im span{position:absolute;top:2cqh;left:2cqh;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);
  padding:1cqh 2.6cqh;border-radius:99px;font-size:2.2cqh}
.br .prod .info{padding:2.6cqh 5%;display:flex;align-items:center;gap:3%}
.br .prod h5{margin:0;font-size:3.2cqh;font-weight:600}
.br .prod small{color:#d8b3a4;font-size:2.2cqh}
.br .prod .add{margin-left:auto;width:6cqh;height:6cqh;border-radius:50%;background:#ff6a3d;display:grid;place-items:center;font-size:4cqh;font-weight:300}
.br .cart{margin:3cqh 6% 0;background:#fff;color:#7d2415;border-radius:3cqh;padding:2.8cqh 5%;display:flex;justify-content:space-between;font-size:2.6cqh;font-weight:600}

.pf{background:#12130f}
.pf .ph{left:6%;top:6%;height:92cqh}
.pf .ph2{left:auto;right:6%;top:14%}
.pf .ph-s{background:#f4f3ee;color:#171813;display:flex;flex-direction:column}
.pf .st{display:flex;justify-content:space-between;align-items:center;padding:0 6%;font-size:2.4cqh;font-weight:600}
.pf .im{height:36%;position:relative}
.pf .im::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 45%,rgba(0,0,0,.55))}
.pf .im b{position:absolute;left:6%;bottom:4cqh;z-index:2;color:#fff;font-size:5cqh;letter-spacing:-.02em}
.pf .im b small{display:block;font-size:2.4cqh;opacity:.8;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
.pf .body{padding:3cqh 6%;display:flex;flex-direction:column;gap:2.2cqh;flex:1;min-height:0}
.pf .row{display:flex;gap:2cqh}
.pf .row span{flex:1;border:1px solid #d9d7cd;border-radius:2.4cqh;padding:1.6cqh 0;text-align:center;font-size:2.3cqh}
.pf .row span.on{background:#171813;color:#f4f3ee;border-color:#171813}
.pf .slots{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqh}
.pf .slots span{border-radius:1.6cqh;background:#e7e5dc;padding:1.6cqh 0;text-align:center;font-size:2.3cqh}
.pf .slots span.on{background:#c9f24b}
.pf .go{margin-top:auto;background:#171813;color:#f4f3ee;border-radius:99px;text-align:center;padding:2.6cqh 0;font-size:2.6cqh;font-weight:500}
.pf2 .ph-s{background:#171813;color:#f4f3ee}
.pf2 .body{padding-top:4cqh}
.pf2 .kpi{display:flex;justify-content:space-between;align-items:flex-end}
.pf2 .kpi b{font-size:9cqh;font-weight:500;letter-spacing:-.04em;color:#c9f24b}
.pf2 .kpi span{font-size:2.3cqh;color:#9a9b8f;max-width:40%;text-align:right}
.pf2 .week{display:flex;gap:1.4cqh;margin-top:auto}
.pf2 .week i{flex:1;height:16cqh;border-radius:1.6cqh;background:linear-gradient(180deg,#2c2e24,#1e2018);display:flex;align-items:flex-end;justify-content:center}
.pf2 .week i::after{content:"";width:60%;background:#c9f24b;border-radius:1cqh;height:var(--h,50%)}
.pf2 .list{display:flex;flex-direction:column;gap:1.6cqh;margin-top:3cqh}
.pf2 .list div{display:flex;justify-content:space-between;font-size:2.5cqh;border-bottom:1px solid #2a2c22;padding-bottom:1.6cqh}
.pf2 .list small{color:#9a9b8f}