/*
Theme Name: TodasPromo
Description: Tema TodasPromo com fotografia limpa e ícones Liquid Glass.
Version: 1.11.0
Author: TodasPromo
Text Domain: todaspromo
*/
:root{--green:#087b50;--dark:#004b35;--yellow:#ffdf16;--red:#e3262e;--ink:#142334;--muted:#607080;--line:#e5ebef}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;padding:12px 24px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:8px;min-width:245px}.brand-mark{font-size:34px}.brand-name{font-size:30px;font-weight:850;letter-spacing:-1.3px;color:var(--green);line-height:1}.brand-name span{color:var(--red)}.brand-tag{font-size:12px;color:#60716a;text-align:center}.location{white-space:nowrap;font-weight:650}.location small{display:block;font-weight:400;color:var(--muted)}.search-form{display:flex;flex:1;min-width:150px;border:1px solid #dce4e9;border-radius:13px;padding:4px}.search-form input{border:0;outline:0;min-width:0;flex:1;padding:10px}.search-form button,.btn{border:0;border-radius:10px;background:var(--green);color:white;padding:11px 20px;font-weight:700}.header-actions{display:flex;gap:15px}.header-action{text-align:center;font-size:12px;min-width:44px}.header-action b{display:block;font-size:23px}
.hero{width:100%;max-width:none;margin:0;padding:0} .hero-panel{height:calc(100svh - 72px);min-height:600px;max-height:900px;border-radius:0;overflow:hidden;position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(0,48,34,.84) 0%,rgba(0,58,41,.55) 34%,rgba(0,28,20,.10) 100%),url('assets/images/supermarket-hero.jpg') center 54%/cover no-repeat;display:flex;align-items:center;padding:38px 40px 142px;color:#fff}.hero-copy{position:relative;z-index:2;max-width:420px;margin-top:-20px}.hero h1{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-1.3px;margin:0 0 16px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{font-size:19px;line-height:1.35;margin:0 0 24px}.btn-yellow{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:#10251d;padding:14px 24px;border-radius:12px;font-weight:800}
.hero-badges{position:absolute;left:37%;right:22px;top:20px;display:flex;gap:7px;z-index:3;flex-wrap:nowrap;align-items:stretch}.hero-badge{flex:1 1 0;min-width:0;background:rgba(239,255,249,.19);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(255,255,255,.62);box-shadow:0 8px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.55);border-radius:14px;padding:10px 3px;text-align:center;font-size:11px;font-weight:750;text-shadow:0 1px 6px #0007;white-space:nowrap}.hero-badge span{display:block;font-size:21px;margin-bottom:1px}.hero-note{position:absolute;right:22px;bottom:148px;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffffc9;color:var(--ink);padding:10px 14px;border-radius:14px;z-index:3;box-shadow:0 8px 24px #001b1433;max-width:240px}.hero-note strong{display:block}.hero-note small{color:var(--muted)}
.categories{display:none}.category-card{border-radius:16px;padding:16px 12px;background:rgba(241,250,246,.58);backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);min-height:126px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 16px #0d32260d;transition:.2s}.category-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0d32261f}.category-card:nth-child(2){background:rgba(255,239,237,.9)}.category-card:nth-child(3){background:rgba(255,249,232,.9)}.category-card:nth-child(4){background:rgba(237,247,255,.9)}.category-card:nth-child(5){background:rgba(245,239,255,.9)}.category-card:nth-child(6){background:rgba(248,239,249,.9)}.category-icon{font-size:30px;margin:0 0 10px;width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.85);box-shadow:0 5px 15px rgba(13,50,38,.1),inset 0 1px 0 rgba(255,255,255,.8)}.category-card strong{font-size:16px}.category-card small{color:#586778}

.hero-categories{position:absolute;left:24px;right:24px;bottom:18px;z-index:4;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.hero-categories .category-card{min-height:104px;padding:9px 10px;background:rgba(242,251,247,.24);backdrop-filter:blur(17px) saturate(155%);-webkit-backdrop-filter:blur(17px) saturate(155%);border:1px solid rgba(255,255,255,.56);border-radius:14px;color:#fff;box-shadow:0 7px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.5);justify-content:center;gap:1px}
.hero-categories .category-card:nth-child(n){background:rgba(242,251,247,.24)}
.hero-categories .category-card strong{font-size:13px;color:#fff}
.hero-categories .category-card small{font-size:11px;color:rgba(255,255,255,.88)}
.hero-categories .category-icon{width:38px;height:38px;font-size:23px;margin:0 0 5px;border-radius:11px;background:rgba(255,255,255,.27);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.section{max-width:1440px;margin:auto;padding:0 24px 28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.section-heading h2{font-size:24px;margin:0}.section-heading a{color:var(--green);font-weight:700}.store-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.store-card{border:1px solid var(--line);border-radius:10px;min-height:84px;display:flex;align-items:center;justify-content:center;padding:8px;text-align:center;font-weight:800;color:#16416d;background:white}.store-card:nth-child(3n){color:#db2b24}.flyer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.flyer-card{border:1px solid var(--line);border-radius:13px;padding:10px;display:flex;gap:12px;align-items:center}.flyer-cover{width:78px;min-width:78px;height:108px;border-radius:6px;background:linear-gradient(135deg,#0d4a9b,#e92d32 52%,#ffd51c);color:white;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:900;padding:6px}.flyer-info{min-width:0}.flyer-info strong{display:block}.flyer-info small{display:block;color:var(--muted);margin:3px 0 12px}.flyer-info .btn{display:inline-block;padding:8px 13px;font-size:13px}.feature-row{max-width:1440px;margin:auto;padding:0 24px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{background:#eef7fc;border-radius:15px;padding:22px;display:flex;gap:16px;align-items:center;min-height:112px}.feature-icon{font-size:34px;background:#fff;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;flex-shrink:0}.feature-card strong{display:block;font-size:18px}.feature-card p{margin:3px 0 0;color:#536475;font-size:14px}.site-footer{border-top:1px solid var(--line);padding:26px 24px;color:var(--muted);text-align:center;font-size:13px}
@media(max-width:1050px){.header-inner{gap:12px;padding:10px 14px}.brand{min-width:180px}.brand-name{font-size:24px}.location{display:none}.hero-panel{height:calc(100svh - 66px);min-height:570px;padding:28px 24px 132px}.hero-copy{max-width:37%}.hero h1{font-size:clamp(30px,3.7vw,42px)}.hero-badges{left:39%;right:14px;gap:5px}.hero-badge{font-size:10px;padding:9px 2px}.hero-badge span{font-size:19px}.hero-note{right:14px;bottom:132px;max-width:210px;padding:9px 11px}.hero-categories{left:14px;right:14px;bottom:12px;gap:6px}.hero-categories .category-card{min-height:98px;padding:7px 5px}.hero-categories .category-card strong{font-size:12px}.hero-categories .category-card small{font-size:10px}.store-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.flyer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.brand{min-width:190px}.brand-name{font-size:25px}.location{display:none}.categories,.section,.hero,.feature-row{padding-left:16px;padding-right:16px}.hero-panel{min-height:390px;padding:28px}.hero-copy{max-width:38%}.hero h1{font-size:clamp(30px,4vw,42px)}.hero-badges{left:40%;right:12px;gap:5px}.hero-badge{font-size:10px;padding:10px 3px;border-radius:12px}.hero-badge span{font-size:21px}.hero-note{max-width:240px;padding:12px}.store-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.flyer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.header-inner{flex-wrap:wrap;gap:8px;padding:8px 12px}.brand{min-width:0;flex:1}.brand-name{font-size:22px}.brand-mark{font-size:25px}.header-actions{gap:6px}.header-action{min-width:30px;font-size:9px}.header-action b{font-size:18px}.search-form{order:3;flex-basis:100%}.hero-panel{height:calc(100svh - 112px);min-height:650px;max-height:820px;padding:20px 16px 225px;align-items:flex-end;background-image:linear-gradient(180deg,rgba(0,45,32,.16),rgba(0,53,38,.52) 43%,rgba(0,42,30,.94) 100%),url('assets/images/supermarket-hero.jpg');background-position:center}.hero-copy{max-width:100%;margin:0 0 6px}.hero h1{font-size:32px;margin-bottom:10px}.hero p{font-size:14px;margin-bottom:14px}.btn-yellow{padding:10px 14px;font-size:13px}.hero-badges{top:12px;left:12px;right:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-badge{font-size:10px;padding:7px 3px;border-radius:12px}.hero-badge span{font-size:18px}.hero-note{display:none}.hero-categories{left:10px;right:10px;bottom:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-categories .category-card{min-height:82px;padding:5px 4px;border-radius:11px}.hero-categories .category-icon{width:29px;height:29px;font-size:18px;margin-bottom:2px;border-radius:8px}.hero-categories .category-card strong{font-size:11px;line-height:1.2}.hero-categories .category-card small{display:none}.section{padding:0 12px 22px}.section-heading h2{font-size:20px}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-card{min-height:68px}.flyer-grid{grid-template-columns:1fr}.feature-row{padding:0 12px 24px;grid-template-columns:1fr;gap:9px}.feature-card{padding:16px}}.brand{min-width:0;flex:1}.brand-name{font-size:24px}.brand-mark{font-size:28px}.header-actions{gap:8px}.header-action{min-width:34px;font-size:10px}.header-action b{font-size:20px}.search-form{order:3;flex-basis:100%}.hero{padding:10px 0} .hero-panel{min-height:510px;padding:22px;border-radius:0;align-items:flex-end;background-image:linear-gradient(180deg,rgba(0,58,40,.08),rgba(0,58,40,.94) 56%),url('assets/images/supermarket-hero.jpg');background-position:center}.hero-copy{max-width:100%}.hero h1{font-size:35px}.hero p{font-size:16px}.hero-badges{top:12px;left:12px;right:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hero-badge{font-size:10px;padding:8px 3px;border-radius:12px;white-space:normal}.hero-badge span{font-size:19px}.hero-note{display:none}.categories{padding:0 12px 22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-card{min-height:110px;padding:12px 10px}.category-icon{font-size:27px}.section{padding:0 12px 24px}.section-heading h2{font-size:20px}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-card{min-height:68px}.flyer-grid{grid-template-columns:1fr}.feature-row{padding:0 12px 24px;grid-template-columns:1fr;gap:9px}.feature-card{padding:16px}}


/* TodasPromo 1.5 - compact, single hero navigation */
.hero{width:100%;max-width:none;margin:0;padding:0!important}
.hero-panel{
  height:clamp(570px,calc(100svh - 72px),760px)!important;
  min-height:570px!important;max-height:760px!important;
  padding:30px 34px 112px!important;
  border-radius:0!important;overflow:hidden;
  background-size:cover!important;background-position:center 52%!important;
}
.hero-copy{max-width:350px!important;margin:0!important}
.hero-copy h1,.hero h1{font-size:clamp(30px,3vw,43px)!important;line-height:1.08!important;margin:0 0 10px!important}
.hero-copy p,.hero p{font-size:15px!important;line-height:1.4!important;margin:0 0 15px!important}
.hero-badges{
  left:auto!important;right:24px!important;top:18px!important;
  width:min(59%,720px)!important;display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;
}
.hero-badge{
  min-width:0!important;min-height:64px!important;padding:7px 3px!important;
  border-radius:12px!important;background:rgba(240,255,250,.16)!important;
  backdrop-filter:blur(20px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(165%)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.5)!important;
  font-size:10px!important;white-space:normal!important;line-height:1.15!important;
}
.hero-badge span{font-size:19px!important;margin-bottom:2px!important}
.hero-note{right:24px!important;bottom:126px!important;max-width:220px!important;padding:9px 12px!important}
.hero-categories{
  position:absolute!important;left:22px!important;right:22px!important;bottom:14px!important;
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;
}
.hero-categories .category-card{
  min-height:82px!important;padding:7px 6px!important;display:flex!important;
  align-items:center!important;justify-content:center!important;gap:3px!important;
  text-align:center!important;border-radius:12px!important;
  background:rgba(242,255,250,.16)!important;
  backdrop-filter:blur(20px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(165%)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.5)!important;
  color:#fff!important;
}
.hero-categories .category-icon{
  width:30px!important;height:30px!important;font-size:18px!important;
  margin:0 0 2px!important;border-radius:9px!important;
  background:rgba(255,255,255,.20)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important;
}
.hero-categories .category-card strong{font-size:11px!important;line-height:1.15!important;color:#fff!important}
.hero-categories .category-card small{display:none!important}
.categories{display:none!important}
@media(max-width:1050px){
 .hero-panel{height:calc(100svh - 66px)!important;min-height:540px!important;padding:24px 22px 108px!important}
 .hero-copy{max-width:34%!important}
 .hero-badges{right:16px!important;top:14px!important;width:63%!important;gap:5px!important}
 .hero-badge{min-height:58px!important;font-size:9px!important}
 .hero-badge span{font-size:17px!important}
 .hero-note{bottom:116px!important;right:16px!important;max-width:190px!important}
 .hero-categories{left:14px!important;right:14px!important;bottom:10px!important;gap:5px!important}
 .hero-categories .category-card{min-height:74px!important}
}
@media(max-width:680px){
 .hero-panel{
   height:calc(100svh - 112px)!important;min-height:620px!important;max-height:760px!important;
   padding:18px 12px 200px!important;align-items:flex-end!important;
   background-image:linear-gradient(180deg,rgba(0,45,32,.14),rgba(0,48,34,.48) 40%,rgba(0,42,30,.92) 100%),url('assets/images/supermarket-hero.jpg')!important;
   background-position:center!important;
 }
 .hero-copy{max-width:100%!important;margin:0 0 4px!important}
 .hero h1,.hero-copy h1{font-size:29px!important;line-height:1.05!important}
 .hero p,.hero-copy p{font-size:13px!important;margin-bottom:10px!important}
 .hero-badges{top:10px!important;left:10px!important;right:10px!important;width:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 .hero-badge{min-height:48px!important;padding:5px 2px!important;font-size:9px!important;border-radius:10px!important}
 .hero-badge span{font-size:16px!important}
 .hero-note{display:none!important}
 .hero-categories{left:8px!important;right:8px!important;bottom:8px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 .hero-categories .category-card{min-height:70px!important;padding:5px 3px!important;border-radius:10px!important}
 .hero-categories .category-icon{width:25px!important;height:25px!important;font-size:15px!important;margin-bottom:1px!important}
 .hero-categories .category-card strong{font-size:10px!important}
}


/* TodasPromo 1.6 — reference-matched, single navigation row */
html,body{margin:0!important;padding:0!important}
.site-header{
 position:absolute!important;top:0;left:0;right:0;z-index:30;
 background:transparent!important;border:0!important;
}
.header-inner{
 width:100%!important;max-width:none!important;margin:0!important;
 padding:18px 3.2%!important;gap:20px!important;
 display:flex!important;align-items:center!important;
 background:linear-gradient(180deg,rgba(4,35,29,.35),rgba(4,35,29,0))!important;
}
.brand{min-width:230px!important;flex:0 0 auto!important;color:#fff!important}
.brand-mark{font-size:32px!important}
.brand-name{font-size:29px!important;color:#fff!important;text-shadow:0 2px 8px #0008}
.brand-name span{color:#f02d36!important}
.brand-tag{color:#fff!important;text-shadow:0 1px 6px #0009}
.location{color:#fff!important;text-shadow:0 1px 6px #0008}
.location small{color:#fff!important}
.search-form{
 flex:1 1 420px!important;min-width:160px!important;max-width:620px!important;
 background:rgba(255,255,255,.25)!important;border:1px solid rgba(255,255,255,.62)!important;
 border-radius:18px!important;padding:5px!important;
 backdrop-filter:blur(20px) saturate(155%)!important;
 -webkit-backdrop-filter:blur(20px) saturate(155%)!important;
 box-shadow:0 5px 18px #001b1424,inset 0 1px 0 #ffffff88!important;
}
.search-form input{background:transparent!important;color:#fff!important}
.search-form input::placeholder{color:rgba(255,255,255,.88)!important}
.search-form button{border-radius:13px!important}
.header-actions{gap:12px!important;flex:0 0 auto!important}
.header-action{color:#fff!important;text-shadow:0 1px 6px #0008}
.header-action b{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 3px;
 border-radius:50%;font-size:23px!important;background:rgba(255,255,255,.22);
 border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
 box-shadow:inset 0 1px 0 #ffffff88}
.hero{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
.hero-panel{
 width:100%!important;height:100svh!important;min-height:650px!important;max-height:none!important;
 border-radius:0!important;position:relative!important;overflow:hidden!important;
 padding:135px 3.2% 28px!important;display:block!important;
 background:
 linear-gradient(90deg,rgba(0,48,34,.12),rgba(0,28,20,.02) 65%),
 url('assets/images/supermarket-hero.jpg') center center/cover no-repeat!important;
}
.hero-copy-glass{
 position:absolute!important;left:3.2%!important;top:26%!important;
 width:min(31%,440px)!important;max-width:440px!important;margin:0!important;
 padding:28px 28px 26px!important;border-radius:30px!important;
 background:rgba(0,65,46,.48)!important;
 backdrop-filter:blur(22px) saturate(155%)!important;
 -webkit-backdrop-filter:blur(22px) saturate(155%)!important;
 border:1px solid rgba(255,255,255,.48)!important;
 box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.hero-copy-glass h1{font-size:clamp(31px,3.6vw,52px)!important;line-height:1.06!important;letter-spacing:-1px!important;margin:0 0 14px!important}
.hero-copy-glass p{font-size:clamp(14px,1.3vw,19px)!important;line-height:1.4!important;margin:0 0 20px!important}
.hero-copy-glass .btn-yellow{padding:13px 18px!important;border-radius:12px!important;font-size:15px!important}
.hero-badges{
 position:absolute!important;top:18%!important;left:36%!important;right:3.2%!important;
 width:auto!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
 gap:12px!important;z-index:5!important;
}
.hero-badge{
 min-width:0!important;min-height:92px!important;padding:12px 5px!important;
 display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
 border-radius:17px!important;background:rgba(241,255,250,.25)!important;
 backdrop-filter:blur(24px) saturate(170%)!important;-webkit-backdrop-filter:blur(24px) saturate(170%)!important;
 border:1px solid rgba(255,255,255,.72)!important;
 box-shadow:0 9px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.65)!important;
 color:#fff!important;text-align:center!important;font-size:clamp(9px,.9vw,13px)!important;
 line-height:1.1!important;white-space:normal!important;text-shadow:0 1px 5px #0008!important;
}
.hero-badge span{font-size:clamp(19px,2vw,29px)!important;margin-bottom:6px!important}
.hero-note{
 position:absolute!important;right:3.2%!important;bottom:15%!important;max-width:300px!important;
 padding:16px 19px!important;border-radius:20px!important;
 background:rgba(255,255,255,.32)!important;color:#fff!important;
 backdrop-filter:blur(24px) saturate(170%)!important;-webkit-backdrop-filter:blur(24px) saturate(170%)!important;
 border:1px solid rgba(255,255,255,.72)!important;
 box-shadow:0 10px 28px rgba(0,0,0,.17),inset 0 1px 0 #ffffffa6!important;
}
.hero-note strong{color:#fff!important}.hero-note small{color:rgba(255,255,255,.95)!important;display:block}
.hero-categories,.categories{display:none!important}
@media(max-width:1050px){
 .header-inner{padding:12px 18px!important;gap:10px!important}
 .brand{min-width:180px!important}.brand-name{font-size:23px!important}
 .brand-tag{font-size:10px!important}.location{display:none!important}
 .header-actions{gap:5px!important}.header-action{font-size:10px!important;min-width:38px!important}
 .header-action b{width:34px;height:34px;font-size:19px!important}
 .hero-panel{padding-top:110px!important}
 .hero-copy-glass{top:29%!important;width:34%!important;padding:20px!important}
 .hero-badges{top:19%!important;left:39%!important;right:2%!important;gap:7px!important}
 .hero-badge{min-height:72px!important;padding:7px 2px!important;border-radius:13px!important}
 .hero-badge span{font-size:20px!important;margin-bottom:4px!important}
 .hero-note{bottom:12%!important;max-width:230px!important;padding:12px!important}
}
@media(max-width:680px){
 .site-header{position:absolute!important}
 .header-inner{padding:8px 10px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:6px!important}
 .brand{min-width:0!important}.brand-mark{font-size:22px!important}.brand-name{font-size:20px!important}
 .brand-tag{font-size:9px!important}.header-actions{gap:4px!important}
 .header-action{font-size:8px!important;min-width:27px!important}
 .header-action b{width:28px;height:28px;font-size:16px!important}
 .location{display:none!important}
 .search-form{grid-column:1/-1!important;grid-row:2!important;max-width:none!important;width:100%!important}
 .search-form input{padding:7px!important;font-size:12px!important}
 .search-form button{padding:8px 12px!important;font-size:12px!important}
 .hero-panel{height:100svh!important;min-height:700px!important;padding:160px 12px 18px!important;
  background-position:center!important;
  background-image:linear-gradient(180deg,rgba(0,35,25,.25),rgba(0,45,32,.14) 36%,rgba(0,42,30,.60) 100%),url('assets/images/supermarket-hero.jpg')!important}
 .hero-copy-glass{top:auto!important;bottom:20%!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;padding:16px 18px!important;border-radius:22px!important}
 .hero-copy-glass h1{font-size:29px!important;margin-bottom:8px!important}
 .hero-copy-glass p{font-size:13px!important;margin-bottom:11px!important}
 .hero-copy-glass .btn-yellow{font-size:12px!important;padding:10px 13px!important}
 .hero-badges{top:112px!important;left:12px!important;right:12px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 .hero-badge{min-height:52px!important;padding:5px 3px!important;border-radius:11px!important;font-size:9px!important}
 .hero-badge span{font-size:17px!important;margin-bottom:2px!important}
 .hero-note{right:12px!important;bottom:10px!important;max-width:190px!important;padding:9px 11px!important;border-radius:13px!important;font-size:11px!important}
 .hero-note small{font-size:10px!important}
}


/* TodasPromo 1.7 — compact hero + unified supermarket/flyer cards */
.hero-panel{
 height:clamp(440px,58svh,650px)!important;min-height:440px!important;max-height:650px!important;
 padding:112px 3.2% 24px!important;background-position:center 53%!important;
}
.hero-copy-glass{
 top:29%!important;left:3.2%!important;width:min(29%,390px)!important;
 padding:22px 23px 20px!important;border-radius:25px!important;
}
.hero-copy-glass h1{font-size:clamp(29px,3.1vw,44px)!important;line-height:1.04!important;margin-bottom:10px!important}
.hero-copy-glass p{font-size:clamp(13px,1.1vw,16px)!important;margin-bottom:14px!important}
.hero-copy-glass .btn-yellow{padding:11px 15px!important;font-size:14px!important}
.hero-badges{top:20%!important;left:37%!important;right:3.2%!important;gap:8px!important}
.hero-badge{min-height:72px!important;padding:8px 3px!important;border-radius:13px!important;font-size:10px!important}
.hero-badge span{font-size:21px!important;margin-bottom:4px!important}
.hero-note{bottom:13%!important;right:3.2%!important;max-width:245px!important;padding:11px 14px!important;border-radius:15px!important}
.unified-deals{max-width:1440px!important;margin:0 auto!important;padding:12px 18px 18px!important}
.unified-deals .section-heading{margin-bottom:9px!important}
.unified-deals .section-heading h2{font-size:clamp(17px,1.8vw,23px)!important;margin:0!important}
.deals-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.deal-store-card{
 min-width:0;min-height:57px;display:flex;align-items:center;gap:9px;padding:6px 9px;
 border:1px solid rgba(12,76,57,.13);border-radius:11px;background:#fff;
 box-shadow:0 2px 8px rgba(0,35,25,.04);text-decoration:none;color:var(--ink);
 transition:transform .15s ease,box-shadow .15s ease;
}
.deal-store-card:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,35,25,.1)}
.deal-flyer-icon{
 width:43px;min-width:43px;height:45px;border-radius:7px;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
 padding:3px;color:white;text-align:center;overflow:hidden;
 background:linear-gradient(145deg,#087b52,#07513e 56%,#e5bd17);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.48);
}
.deal-store-card:nth-child(3n) .deal-flyer-icon{background:linear-gradient(145deg,#e52e36,#a90e28)}
.deal-store-card:nth-child(3n+1) .deal-flyer-icon{background:linear-gradient(145deg,#1764b2,#0a3478)}
.deal-flyer-icon b{font-size:9px;line-height:1.05;overflow-wrap:anywhere}
.deal-flyer-icon small{font-size:6px;letter-spacing:.3px;line-height:1}
.deal-store-info{min-width:0;display:flex;flex-direction:column;gap:3px}
.deal-store-info strong{font-size:12px;line-height:1.15;overflow-wrap:anywhere}
.deal-store-info small{font-size:10px;color:var(--muted);line-height:1.1}
.deal-arrow{margin-left:auto;color:#087b52;font-size:20px;line-height:1}
.site-footer{padding:12px 18px!important;font-size:11px!important}
.site-footer .footer-brand{font-weight:700;margin-bottom:4px}
.site-footer .price-disclaimer{margin:0 auto;max-width:1100px;font-size:11px;line-height:1.45;color:#5a6470}
@media(max-width:1050px){
 .hero-panel{height:clamp(430px,57svh,580px)!important;min-height:430px!important;padding-top:100px!important}
 .hero-copy-glass{top:30%!important;width:33%!important;padding:17px!important}
 .hero-copy-glass h1{font-size:clamp(27px,3.3vw,38px)!important}
 .hero-badges{top:20%!important;left:39%!important;gap:5px!important}
 .hero-badge{min-height:62px!important;font-size:9px!important}
 .hero-badge span{font-size:18px!important}
 .hero-note{bottom:11%!important;max-width:200px!important}
 .deals-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .deal-store-card{min-height:53px;padding:5px 6px;gap:6px}
 .deal-flyer-icon{width:37px;min-width:37px;height:39px}
 .deal-store-info strong{font-size:11px}
}
@media(max-width:680px){
 .hero-panel{height:560px!important;min-height:560px!important;padding:115px 10px 12px!important}
 .hero-copy-glass{top:auto!important;bottom:20%!important;left:10px!important;right:10px!important;width:auto!important;padding:14px 15px!important}
 .hero-copy-glass h1{font-size:27px!important}
 .hero-copy-glass p{font-size:12px!important;margin-bottom:9px!important}
 .hero-copy-glass .btn-yellow{font-size:12px!important;padding:9px 12px!important}
 .hero-badges{top:92px!important;left:10px!important;right:10px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 .hero-badge{min-height:45px!important;padding:4px 2px!important;font-size:9px!important}
 .hero-badge span{font-size:16px!important;margin-bottom:1px!important}
 .hero-note{display:none!important}
 .unified-deals{padding:10px 9px 14px!important}
 .unified-deals .section-heading h2{font-size:16px!important}
 .deals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .deal-store-card{min-height:50px;padding:5px;gap:5px}
 .deal-flyer-icon{width:34px;min-width:34px;height:36px}
 .deal-flyer-icon b{font-size:8px}
 .deal-store-info strong{font-size:10px}
 .deal-store-info small{font-size:9px}
 .site-footer{padding:10px!important}
 .site-footer .price-disclaimer{font-size:10px}
}

/* TodasPromo 1.8 */
.site-header{position:absolute!important;top:0;left:0;right:0;z-index:40;background:transparent!important;border:0!important}
.header-inner{max-width:none!important;width:100%!important;padding:14px 3%!important;gap:18px!important;background:linear-gradient(180deg,rgba(0,25,20,.38),rgba(0,25,20,0))!important}
.brand{min-width:245px!important}.brand-name{color:#fff!important;text-shadow:0 2px 8px #000a!important}.brand-tag{color:#fff!important}
.location{color:#fff!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:14px!important;padding:8px 13px!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;text-shadow:0 1px 5px #0009!important}
.location small{color:#fff!important}.header-actions{margin-left:auto!important}.header-action{color:#fff!important;text-shadow:0 1px 5px #000b!important}
.header-action b{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.58)!important;border-radius:50%!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.hero-panel{height:clamp(500px,72svh,680px)!important;min-height:500px!important;max-height:680px!important;padding:100px 3% 105px!important;background-position:center center!important}
.hero-banner{top:30%!important;left:3%!important;width:min(31%,420px)!important;padding:20px 23px 18px!important;border-radius:26px!important;background:rgba(0,65,46,.40)!important;backdrop-filter:blur(20px) saturate(155%)!important;-webkit-backdrop-filter:blur(20px) saturate(155%)!important;border:1px solid rgba(255,255,255,.48)!important;box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.4)!important}
.hero-banner h1{font-size:clamp(27px,2.9vw,42px)!important;line-height:1.04!important;margin:0 0 9px!important}.hero-banner p{font-size:14px!important;line-height:1.35!important;margin:0 0 12px!important}.hero-banner .btn-yellow{padding:10px 15px!important;font-size:13px!important}
.hero-badges{top:17%!important;left:37%!important;right:3%!important;gap:7px!important}
.hero-badge{min-height:66px!important;padding:7px 3px!important;border-radius:13px!important;background:rgba(245,255,251,.20)!important;backdrop-filter:blur(20px) saturate(165%)!important;-webkit-backdrop-filter:blur(20px) saturate(165%)!important;border:1px solid rgba(255,255,255,.62)!important;box-shadow:0 7px 20px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.55)!important}
.hero-badge span{font-size:19px!important;margin-bottom:3px!important}
.hero-note{bottom:12%!important;right:3%!important;max-width:230px!important;padding:10px 13px!important;border-radius:15px!important;background:rgba(255,255,255,.27)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}
.unified-deals{background:transparent!important;padding:9px 16px 12px!important}.unified-deals .section-heading{margin-bottom:7px!important}.unified-deals .section-heading h2{font-size:19px!important}
.deals-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important}.deal-store-card{min-height:58px!important;padding:5px 7px!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.deal-flyer-icon{width:39px!important;min-width:39px!important;height:41px!important}.deal-store-info strong{font-size:11px!important}.deal-store-info small{font-size:9px!important}
.site-footer{background:#14251f!important;color:#fff!important;padding:9px 16px!important}.site-footer .price-disclaimer{color:rgba(255,255,255,.88)!important;font-size:10px!important}
@media(max-width:1050px){.brand{min-width:190px!important}.location{font-size:12px!important;padding:6px 9px!important}.hero-panel{height:570px!important;min-height:570px!important}.hero-banner{width:34%!important;top:31%!important}.hero-badges{left:39%!important;gap:5px!important}.deals-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:680px){.header-inner{padding:8px 10px!important;display:flex!important;align-items:center!important}.brand{min-width:0!important;flex:1!important}.brand-name{font-size:21px!important}.brand-tag{font-size:9px!important}.location{display:block!important;font-size:10px!important;padding:5px 7px!important}.header-actions{gap:3px!important}.header-action{font-size:8px!important;min-width:28px!important}.header-action b{width:27px!important;height:27px!important;font-size:15px!important}
.hero-panel{height:600px!important;min-height:600px!important;padding:105px 10px 10px!important}.hero-banner{top:auto!important;bottom:18%!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;padding:13px 15px!important;border-radius:19px!important}.hero-banner h1{font-size:27px!important}.hero-banner p{font-size:12px!important}.hero-banner .btn-yellow{font-size:11px!important;padding:8px 11px!important}
.hero-badges{top:86px!important;left:10px!important;right:10px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.hero-badge{min-height:46px!important;font-size:8px!important}.hero-badge span{font-size:16px!important}.hero-note{display:none!important}
.unified-deals{padding:8px 8px 10px!important}.deals-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* =========================================================
   TodasPromo 1.9 — layout rebuilt from the visual sketch
   One full-bleed photographic composition.
   ========================================================= */

html,body{background:#0d211a!important;margin:0!important;padding:0!important}
.site-header{
 position:absolute!important;top:0!important;left:0!important;right:0!important;
 z-index:60!important;background:transparent!important;border:0!important;
}
.header-inner{
 width:100%!important;max-width:none!important;
 padding:17px 3.3%!important;display:flex!important;align-items:center!important;
 gap:18px!important;
 background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,0))!important;
}
.brand{min-width:265px!important}.brand-mark{font-size:31px!important}
.brand-name{font-size:30px!important;color:#fff!important;text-shadow:0 2px 8px #000a!important}
.brand-name span{color:#ed2935!important}.brand-tag{color:#fff!important;text-shadow:0 1px 6px #000a!important}
.location{
 color:#fff!important;background:rgba(255,255,255,.16)!important;
 border:1px solid rgba(255,255,255,.5)!important;border-radius:15px!important;
 padding:8px 13px!important;backdrop-filter:blur(18px)!important;
 -webkit-backdrop-filter:blur(18px)!important;text-shadow:0 1px 5px #000a!important;
}
.location small{color:#fff!important}.header-actions{margin-left:auto!important;gap:10px!important}
.header-action{color:#fff!important;text-shadow:0 1px 5px #000b!important}
.header-action b{
 width:43px!important;height:43px!important;display:grid!important;place-items:center!important;
 margin:0 auto 2px!important;border-radius:50%!important;font-size:22px!important;
 background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.58)!important;
 backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}

/* Full screen composition */
.hero{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.hero-panel{
 width:100%!important;height:100svh!important;min-height:650px!important;max-height:none!important;
 border-radius:0!important;overflow:hidden!important;position:relative!important;
 padding:0!important;display:block!important;
 background:
 linear-gradient(90deg,rgba(0,45,31,.16),rgba(0,35,24,.02) 62%),
 url('assets/images/supermarket-hero.jpg') center center/cover no-repeat!important;
}

/* Compact Liquid Glass banner */
.hero-banner{
 position:absolute!important;left:3.2%!important;top:28%!important;
 width:min(31%,430px)!important;max-width:430px!important;
 padding:24px 25px 21px!important;margin:0!important;
 border-radius:28px!important;
 background:rgba(0,67,47,.43)!important;
 backdrop-filter:blur(20px) saturate(155%)!important;
 -webkit-backdrop-filter:blur(20px) saturate(155%)!important;
 border:1px solid rgba(255,255,255,.5)!important;
 box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.5)!important;
 z-index:20!important;
}
.hero-banner h1{
 font-size:clamp(30px,3.1vw,46px)!important;
 line-height:1.04!important;letter-spacing:-.8px!important;
 margin:0 0 10px!important;
}
.hero-banner p{font-size:15px!important;line-height:1.35!important;margin:0 0 15px!important}
.hero-banner .btn-yellow{font-size:14px!important;padding:11px 16px!important;border-radius:12px!important}

/* Small category glass tiles, visually floating on the photo */
.hero-badges{
 position:absolute!important;left:36.5%!important;right:3.1%!important;top:17%!important;
 width:auto!important;display:grid!important;
 grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;z-index:25!important;
}
.hero-badge{
 min-width:0!important;height:78px!important;padding:8px 4px!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 border-radius:15px!important;
 background:rgba(235,255,248,.20)!important;
 backdrop-filter:blur(21px) saturate(165%)!important;
 -webkit-backdrop-filter:blur(21px) saturate(165%)!important;
 border:1px solid rgba(255,255,255,.67)!important;
 box-shadow:0 8px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.68)!important;
 color:#fff!important;font-size:10px!important;font-weight:800!important;
 text-shadow:0 1px 5px #000b!important;white-space:nowrap!important;
}
.hero-badge span{font-size:20px!important;margin-bottom:4px!important}

/* Unified supermarket/flyer strip is part of the photo */
.hero-deals-wrap{
 position:absolute!important;left:1.7%!important;right:1.7%!important;bottom:17px!important;
 z-index:35!important;
}
.hero-deals-wrap .unified-deals{
 max-width:none!important;padding:0!important;margin:0!important;
 background:transparent!important;
}
.hero-deals-wrap .section-heading{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 margin:0 0 6px!important;padding:0 4px!important;
}
.hero-deals-wrap .section-heading h2{
 margin:0!important;font-size:16px!important;color:#fff!important;
 text-shadow:0 1px 5px #000b!important;
}
.hero-deals-wrap .section-heading a{color:#fff!important;text-shadow:0 1px 5px #000b!important}
.hero-deals-wrap .deals-grid{
 display:grid!important;grid-template-columns:repeat(13,minmax(0,1fr))!important;gap:5px!important;
}
.hero-deals-wrap .deal-store-card{
 min-width:0!important;height:92px!important;padding:7px 5px!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;gap:3px!important;border-radius:13px!important;
 color:#fff!important;
 background:rgba(255,255,255,.20)!important;
 backdrop-filter:blur(18px) saturate(155%)!important;
 -webkit-backdrop-filter:blur(18px) saturate(155%)!important;
 border:1px solid rgba(255,255,255,.58)!important;
 box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.5)!important;
}
.hero-deals-wrap .deal-flyer-icon{
 width:40px!important;min-width:40px!important;height:40px!important;
 border-radius:9px!important;margin:0!important;
}
.hero-deals-wrap .deal-store-info{display:block!important;min-width:0!important}
.hero-deals-wrap .deal-store-info strong{
 display:block!important;color:#fff!important;font-size:10px!important;line-height:1.08!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:90px!important;
}
.hero-deals-wrap .deal-store-info small{display:none!important}
.hero-deals-wrap .deal-arrow{display:none!important}

/* Footer follows the hero, but remains visually restrained */
.site-footer{
 background:#10241d!important;color:#fff!important;padding:9px 16px!important;
 text-align:center!important;
}
.site-footer .price-disclaimer{color:rgba(255,255,255,.9)!important;font-size:10px!important;max-width:1100px!important}

/* Desktop heights */
@media(max-width:1200px){
 .hero-banner{width:32%!important;padding:20px!important}
 .hero-badges{left:38%!important;gap:6px!important}
 .hero-badge{height:70px!important;font-size:9px!important}
 .hero-deals-wrap .deal-store-card{height:84px!important}
 .hero-deals-wrap .deal-store-info strong{font-size:9px!important}
 .hero-deals-wrap .deal-flyer-icon{width:35px!important;height:35px!important;min-width:35px!important}
}
@media(max-width:900px){
 .header-inner{padding:11px 18px!important}.brand{min-width:205px!important}.brand-name{font-size:24px!important}
 .location{font-size:11px!important;padding:6px 9px!important}
 .hero-panel{min-height:620px!important}
 .hero-banner{top:27%!important;width:34%!important;padding:17px!important}
 .hero-banner h1{font-size:30px!important}
 .hero-badges{left:39%!important;right:2%!important;top:17%!important;gap:4px!important}
 .hero-badge{height:62px!important;font-size:8px!important}
 .hero-badge span{font-size:17px!important}
 .hero-deals-wrap{left:1%;right:1%;bottom:10px!important}
 .hero-deals-wrap .deals-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
 .hero-deals-wrap .deal-store-card{height:74px!important}
 .hero-deals-wrap .deal-store-info strong{font-size:8px!important}
 .hero-deals-wrap .deal-flyer-icon{width:31px!important;height:31px!important;min-width:31px!important}
}
@media(max-width:680px){
 .header-inner{padding:7px 9px!important;gap:6px!important}.brand{min-width:0!important;flex:1!important}
 .brand-mark{font-size:23px!important}.brand-name{font-size:20px!important}.brand-tag{font-size:8px!important}
 .location{display:block!important;font-size:9px!important;padding:5px 6px!important}
 .header-actions{gap:2px!important}.header-action{font-size:7px!important;min-width:27px!important}
 .header-action b{width:27px!important;height:27px!important;font-size:14px!important}
 .hero-panel{height:720px!important;min-height:720px!important;background-position:center!important}
 .hero-badges{
   top:88px!important;left:9px!important;right:9px!important;
   grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;
 }
 .hero-badge{height:49px!important;font-size:8px!important;border-radius:10px!important}
 .hero-badge span{font-size:16px!important}
 .hero-banner{
   top:auto!important;bottom:205px!important;left:10px!important;right:10px!important;
   width:auto!important;padding:14px 15px!important;border-radius:19px!important;
 }
 .hero-banner h1{font-size:27px!important}.hero-banner p{font-size:12px!important}
 .hero-banner .btn-yellow{font-size:11px!important;padding:8px 11px!important}
 .hero-deals-wrap{left:7px!important;right:7px!important;bottom:7px!important}
 .hero-deals-wrap .section-heading h2{font-size:12px!important}
 .hero-deals-wrap .section-heading a{font-size:11px!important}
 .hero-deals-wrap .deals-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
 .hero-deals-wrap .deal-store-card{height:69px!important;border-radius:9px!important;padding:4px!important}
 .hero-deals-wrap .deal-flyer-icon{width:27px!important;height:27px!important;min-width:27px!important}
 .hero-deals-wrap .deal-store-info strong{font-size:7px!important;max-width:65px!important}
 .site-footer{font-size:9px!important}
}

/* TodasPromo 1.10 - remove white strip below hero */
html, body { background:#0d211a !important; margin:0 !important; padding:0 !important; }
.site-main, .content-area, .main-content { margin:0 !important; padding:0 !important; background:transparent !important; }
.hero { margin:0 !important; padding:0 !important; }
.hero-panel { height:100svh !important; min-height:650px !important; max-height:none !important; margin:0 !important; border-radius:0 !important; }
.feature-row, .home-features, .features-row, .feature-cards { display:none !important; }
.hero-deals-wrap { bottom:16px !important; }
.site-footer { margin-top:0 !important; }
@media(max-width:680px){
  .hero-panel { height:720px !important; min-height:720px !important; }
}

/* TodasPromo 1.11 - banner de ofertas menor */
.hero-banner{
 width:min(25%,350px)!important;
 max-width:350px!important;
 top:30%!important;
 padding:17px 19px 16px!important;
 border-radius:21px!important;
}
.hero-banner h1{
 font-size:clamp(25px,2.55vw,37px)!important;
 line-height:1.03!important;
 letter-spacing:-.5px!important;
 margin:0 0 8px!important;
}
.hero-banner p{
 font-size:13px!important;
 line-height:1.3!important;
 margin:0 0 11px!important;
}
.hero-banner .btn-yellow{
 font-size:12px!important;
 padding:9px 13px!important;
 border-radius:10px!important;
}
@media(max-width:1200px){
 .hero-banner{width:27%!important;max-width:320px!important;padding:15px 17px!important}
 .hero-banner h1{font-size:30px!important}
}
@media(max-width:900px){
 .hero-banner{width:30%!important;top:29%!important;padding:14px!important}
 .hero-banner h1{font-size:27px!important}
 .hero-banner p{font-size:12px!important}
}
@media(max-width:680px){
 .hero-banner{
  left:10px!important;right:auto!important;
  width:calc(100% - 20px)!important;
  bottom:205px!important;top:auto!important;
  padding:12px 14px!important;border-radius:17px!important;
 }
 .hero-banner h1{font-size:25px!important}
 .hero-banner p{font-size:11px!important;margin-bottom:8px!important}
 .hero-banner .btn-yellow{font-size:11px!important;padding:8px 10px!important}
}