:root{
  --blux-home-bg:#faf6ed;
  --blux-home-card:#fffdf9;
  --blux-home-border:#e8dfd2;
  --blux-home-text:#143f32;
  --blux-home-muted:#667085;
  --blux-home-blue:#126fe8;
}

html{background:#f2eadc!important}
body{
  width:100%!important;
  max-width:1200px!important;
  min-height:100vh;
  margin:0 auto!important;
  padding-bottom:100px!important;
  background:var(--blux-home-bg)!important;
  color:var(--blux-home-text)!important;
  font-family:Inter,Poppins,"Segoe UI",sans-serif!important;
  box-shadow:0 0 48px rgba(62,45,21,.08);
}

.qm-header,
body.delivery-menu-open .qm-header{
  min-height:0!important;
  padding:20px 24px 0!important;
  border:0!important;
  border-radius:0!important;
  background:var(--blux-home-bg)!important;
  color:var(--blux-home-text)!important;
  box-shadow:none!important;
}
.qm-header-top{
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr) 154px 74px!important;
  align-items:center!important;
  gap:14px!important;
  margin:0 0 28px!important;
}
.qm-menu-btn,.qm-icon-btn,.qm-orders-btn{
  border:1px solid #e9dfd0!important;
  border-radius:22px!important;
  background:var(--blux-home-card)!important;
  color:var(--blux-home-text)!important;
  box-shadow:0 6px 18px rgba(41,32,18,.06)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.qm-menu-btn:active,.qm-icon-btn:active,.qm-orders-btn:active{transform:scale(.96)}
.qm-menu-btn,.qm-icon-btn{width:74px!important;height:74px!important;padding:0!important}
.qm-menu-btn{font-size:0!important}
.qm-menu-btn svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.qm-icon-btn svg{width:29px!important;height:29px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qm-orders-btn{
  width:154px!important;
  height:74px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  font-size:15px!important;
  line-height:1.12!important;
  text-align:left!important;
  white-space:normal!important;
}
.qm-orders-btn svg{width:26px;height:26px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qm-logo{display:flex!important;align-items:center!important;gap:14px!important;min-width:0}
.qm-logo img{
  width:82px!important;
  height:82px!important;
  flex:0 0 82px!important;
  border-radius:20px!important;
  object-fit:cover!important;
  box-shadow:0 8px 22px rgba(51,37,17,.08)!important;
}
.qm-logo-text{min-width:0!important;display:block!important}
.qm-logo-text strong{
  display:block!important;
  overflow:hidden;
  color:var(--blux-home-text)!important;
  font-size:25px!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:-.35px!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.qm-logo-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px 10px!important;margin-top:6px!important}
.qm-logo-meta>span:first-child{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:var(--blux-home-muted)!important;
  font-size:16px!important;
  font-weight:600!important;
}
.qm-status-pill{
  width:max-content!important;
  margin:0!important;
  padding:5px 10px!important;
  border:1px solid #e6ddce!important;
  border-radius:999px!important;
  background:#fffdf8!important;
  color:#17824f!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.status-dot{
  width:10px!important;
  height:10px!important;
  background:#24a866!important;
  box-shadow:0 0 0 5px rgba(36,168,102,.12)!important;
}
.qm-cart-badge{
  top:-7px!important;
  right:-5px!important;
  width:auto!important;
  min-width:27px!important;
  height:27px!important;
  padding:0 6px!important;
  border:3px solid var(--blux-home-bg)!important;
  border-radius:999px!important;
  background:var(--blux-home-blue)!important;
  color:#fff!important;
  font-size:12px!important;
}
#busca-wrap{display:flex!important;width:100%!important;margin:0 0 24px!important}
.qm-search-new{
  width:100%!important;
  min-height:82px!important;
  height:auto!important;
  padding:0 28px!important;
  gap:18px!important;
  border:1px solid var(--blux-home-border)!important;
  border-radius:34px!important;
  background:var(--blux-home-card)!important;
  box-shadow:0 7px 20px rgba(45,35,20,.04)!important;
}
.qm-search-new svg{width:30px!important;height:30px!important;color:#155c46!important;flex:0 0 auto}
.qm-search-new input{font-size:20px!important;font-weight:500!important;color:#1b2f29!important}
.qm-search-new input::placeholder{color:#92949b!important}

.delivery-home{padding:0 24px 42px!important}
.blux-banner{
  position:relative;
  height:300px;
  min-height:0;
  margin:0 0 32px;
  overflow:hidden;
  border-radius:24px;
  background:radial-gradient(circle at 70% 45%,rgba(25,112,255,.16),transparent 36%),linear-gradient(110deg,#060b12 0%,#0a1019 50%,#08090d 100%);
  box-shadow:0 14px 34px rgba(10,18,30,.18);
  isolation:isolate;
}
.blux-banner-pizza{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:72% 55%;
  filter:saturate(1.04) contrast(1.03);
}
.blux-banner::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:linear-gradient(90deg,rgba(5,9,15,.98) 0%,rgba(5,9,15,.84) 39%,rgba(5,9,15,.23) 73%,rgba(5,9,15,.04) 100%);
}
.blux-banner-content{
  position:relative;
  z-index:3;
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:24px 34px 22px;
}
.blux-banner-logo-viewport{position:relative;width:54%;max-width:620px;height:126px;overflow:visible;pointer-events:none}
.blux-banner-logo{
  position:static;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}
.banner-benefits{position:relative;z-index:4;display:flex;gap:10px;width:min(66%,720px)}
.banner-benefit{
  min-width:0;
  min-height:68px;
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(18,25,36,.88);
  backdrop-filter:blur(8px);
}
.banner-benefit-icon{width:29px;height:29px;flex:0 0 29px;color:#1789ff;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.banner-benefit strong{display:block;color:#fff;font-size:14px;line-height:1.15}
.banner-benefit span{display:block;margin-top:4px;color:#d3d7dd;font-size:12px;line-height:1.2}
.delivery-section-head{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;margin:0 0 26px!important}
.delivery-section-head::before{content:"";width:7px;height:38px;flex:0 0 7px;border-radius:999px;background:linear-gradient(180deg,#168cff,#0869e8)}
.delivery-section-head h2{margin:0!important;color:#154e3c!important;font-size:31px!important;font-weight:800!important;letter-spacing:-.6px!important}
.delivery-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
.delivery-category,
.delivery-category:nth-child(n){
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:245px!important;
  padding:30px 24px!important;
  overflow:hidden!important;
  border:1px solid #eae1d5!important;
  border-radius:27px!important;
  background:var(--blux-home-card)!important;
  color:var(--blux-home-text)!important;
  box-shadow:0 8px 22px rgba(39,31,20,.06)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.delivery-category:hover{transform:translateY(-4px);box-shadow:0 13px 28px rgba(39,31,20,.1)!important}
.delivery-category:focus-visible{outline:3px solid rgba(22,135,255,.35);outline-offset:3px}
.delivery-category strong{
  position:relative!important;
  z-index:3!important;
  top:auto!important;
  left:auto!important;
  display:block!important;
  max-width:50%!important;
  margin:0!important;
  color:#15513e!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:1.05!important;
  text-transform:uppercase!important;
}
.delivery-category small{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  max-width:48%!important;
  margin-top:10px!important;
  color:#63746e!important;
  font-size:16px!important;
  line-height:1.4!important;
}
.delivery-category-art,
.delivery-category[data-category] .delivery-category-art{
  position:absolute!important;
  z-index:1!important;
  right:-5%!important;
  bottom:-6%!important;
  width:62%!important;
  height:90%!important;
  max-height:90%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 13px rgba(49,35,19,.18))!important;
}
.delivery-category-arrow{
  position:absolute!important;
  z-index:4!important;
  left:24px!important;
  bottom:24px!important;
  width:55px!important;
  height:55px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #e4dacb!important;
  border-radius:50%!important;
  background:#fffdf8!important;
  color:#15513e!important;
  font-size:25px!important;
  box-shadow:0 5px 14px rgba(41,32,20,.06)!important;
  transition:transform .2s ease,background .2s ease!important;
}
.delivery-category:hover .delivery-category-arrow{transform:translateX(3px);background:#f2f8f5!important}

.bottom-cart{
  position:fixed!important;
  z-index:180!important;
  left:auto!important;
  right:20px!important;
  bottom:22px!important;
  width:auto!important;
  height:auto!important;
  min-height:58px!important;
  max-width:none!important;
  display:flex!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 17px!important;
  transform:none!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--blux-home-blue)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(18,111,232,.35)!important;
  text-align:left!important;
}
.bottom-cart>div:not(.cart-bag){display:none!important}
.bottom-cart .cart-bag{
  position:relative!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:0!important;
}
.bottom-cart .cart-bag svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bottom-cart .cart-bag span{
  position:absolute!important;
  top:-14px!important;
  right:-13px!important;
  min-width:27px!important;
  width:auto!important;
  height:27px!important;
  padding:0 5px!important;
  border:3px solid var(--blux-home-bg)!important;
  border-radius:999px!important;
  background:#ffb316!important;
  color:#183328!important;
  font-size:13px!important;
  font-weight:900!important;
}
body .bottom-cart button{
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:16px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

@media(max-width:700px){
  body{padding-bottom:90px!important;box-shadow:none}
  .qm-header,body.delivery-menu-open .qm-header{padding:16px 14px 0!important}
  .qm-header-top{grid-template-columns:54px minmax(0,1fr) 96px 54px!important;gap:9px!important;margin-bottom:22px!important}
  .qm-menu-btn,.qm-icon-btn{width:54px!important;height:64px!important;border-radius:19px!important}
  .qm-menu-btn svg,.qm-icon-btn svg{width:26px!important;height:26px!important}
  .qm-orders-btn{width:96px!important;height:64px!important;padding:0 8px!important;border-radius:19px!important;font-size:12px!important;gap:6px!important;text-align:center!important}
  .qm-orders-btn svg{width:21px;height:21px}
  .qm-logo{gap:9px!important}
  .qm-logo img{width:64px!important;height:64px!important;flex-basis:64px!important;border-radius:17px!important}
  .qm-logo-text strong{font-size:20px!important}
  .qm-logo-meta{display:grid!important;gap:5px!important;margin-top:5px!important}
  .qm-logo-meta>span:first-child{font-size:12px!important}
  .qm-status-pill{font-size:11px!important;padding:4px 8px!important}
  #busca-wrap{margin-bottom:24px!important}
  .qm-search-new{min-height:72px!important;padding:0 22px!important;gap:14px!important;border-radius:30px!important}
  .qm-search-new svg{width:27px!important;height:27px!important}
  .qm-search-new input{font-size:17px!important}
  .delivery-home{padding:0 14px 30px!important}
  .blux-banner{height:178px;min-height:0;margin-bottom:28px;border-radius:20px}
  .blux-banner-content{height:100%;min-height:0;padding:12px 14px 11px}
  .blux-banner-logo-viewport{width:57%;max-width:none;height:72px}
  .blux-banner-logo{width:100%;height:100%}
  .blux-banner-pizza{object-position:72% 55%}
  .blux-banner::after{background:linear-gradient(90deg,rgba(5,9,15,.98) 0%,rgba(5,9,15,.83) 40%,rgba(5,9,15,.13) 78%,rgba(5,9,15,.03) 100%)}
  .banner-benefits{width:76%;gap:5px}
  .banner-benefit{min-height:48px;gap:5px;padding:6px 7px;border-radius:8px}
  .banner-benefit-icon{width:16px;height:16px;flex-basis:16px}
  .banner-benefit strong{font-size:8.5px}
  .banner-benefit span{font-size:7.5px;margin-top:2px}
  .delivery-section-head{margin-bottom:22px!important}
  .delivery-section-head h2{font-size:26px!important}
  .delivery-category-grid{gap:14px!important}
  .delivery-category,.delivery-category:nth-child(n){min-height:220px!important;padding:22px 16px!important;border-radius:23px!important}
  .delivery-category strong{max-width:59%!important;font-size:20px!important}
  .delivery-category small{max-width:54%!important;font-size:14px!important;line-height:1.35!important}
  .delivery-category-art,.delivery-category[data-category] .delivery-category-art{right:-12%!important;width:70%!important}
  .delivery-category-arrow{left:16px!important;bottom:16px!important;width:48px!important;height:48px!important}
  .bottom-cart{right:14px!important;bottom:16px!important;min-height:56px!important;padding:10px 15px!important}
}

@media(max-width:480px){
  .qm-header-top{grid-template-columns:44px minmax(0,1fr) 80px 44px!important;gap:5px!important}
  .qm-menu-btn,.qm-icon-btn{width:44px!important;height:56px!important}
  .qm-orders-btn{width:80px!important;height:56px!important;font-size:10.5px!important}
  .qm-orders-btn svg{display:none}
  .qm-logo{gap:6px!important}
  .qm-logo img{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:13px!important}
  .qm-logo-text strong{font-size:14px!important;letter-spacing:-.6px!important}
  .qm-logo-meta>span:first-child{font-size:10.5px!important}
  .qm-status-pill{font-size:10px!important}
  .blux-banner-logo-viewport{width:58%;height:68px}
  .blux-banner-logo{width:100%;height:100%}
  .banner-benefits{width:80%}
  .banner-benefit{display:grid;grid-template-columns:15px 1fr;gap:4px;padding:6px}
  .banner-benefit-icon{width:15px;height:15px}
  .banner-benefit strong{font-size:8px}
  .banner-benefit span{font-size:7px}
  .delivery-category strong{font-size:18px!important}
  .delivery-category small{font-size:12px!important}
}

@media(max-width:380px){
  .qm-header-top{grid-template-columns:42px minmax(0,1fr) 72px 42px!important;gap:4px!important}
  .qm-menu-btn,.qm-icon-btn{width:42px!important;height:52px!important}
  .qm-orders-btn{width:72px!important;height:52px!important;font-size:9.5px!important}
  .qm-logo img{width:40px!important;height:40px!important;flex-basis:40px!important}
  .qm-logo-text strong{font-size:13px!important}
  .qm-logo-meta>span:first-child{display:none!important}
  .delivery-category,.delivery-category:nth-child(n){min-height:204px!important;padding:18px 13px!important}
  .delivery-category strong{font-size:16px!important}
  .delivery-category small{font-size:11px!important}
}

@media(prefers-reduced-motion:reduce){.delivery-category,.qm-menu-btn,.qm-icon-btn,.qm-orders-btn,.delivery-category-arrow{transition:none!important}}
