/* Compact location bar. */
.location-bar-inner{min-height:27px;font-size:13px;font-weight:400;letter-spacing:.1px}
.location-bar-inner>span{gap:6px}
.location-bar-inner .icon{width:15px;height:15px}
.location-bar-inner .desktop-tagline{font-size:12px;font-weight:400;color:#e3eee5}

/* Fruit colors surround a light, readable product area. */
[data-flavor]{--juice-base:#f2a926;--juice-secondary:#fbcd72;--juice-glow:#fff0cc}
[data-flavor="laranja-morango"]{--juice-base:#ed6d21;--juice-secondary:#e64862;--juice-glow:#ffe8d4}
[data-flavor="laranja"]{--juice-base:#ee9d16;--juice-secondary:#f3c247;--juice-glow:#fff0c4}
[data-flavor="maracuja-morango"]{--juice-base:#e5b529;--juice-secondary:#dd416b;--juice-glow:#fff0d8}
[data-flavor="maracuja"]{--juice-base:#d6ac25;--juice-secondary:#ecc749;--juice-glow:#fff2c9}
[data-flavor="uva"]{--juice-base:#723b8f;--juice-secondary:#ae69ad;--juice-glow:#f1dff8}
[data-flavor="morango"]{--juice-base:#c73754;--juice-secondary:#f47786;--juice-glow:#ffe5e9}
[data-flavor="goiaba"]{--juice-base:#db6c6a;--juice-secondary:#f1a78d;--juice-glow:#ffe8df}
[data-flavor="tamarindo"]{--juice-base:#a96234;--juice-secondary:#d4995c;--juice-glow:#fae6d1}
[data-flavor="caju"]{--juice-base:#bc982f;--juice-secondary:#e8c965;--juice-glow:#fff2d0}
[data-flavor="acerola"]{--juice-base:#cc453a;--juice-secondary:#f29b68;--juice-glow:#ffe9df}
[data-flavor="laranja-acerola"]{--juice-base:#e59624;--juice-secondary:#d95147;--juice-glow:#ffeddb}
[data-flavor="limao"]{--juice-base:#709b2b;--juice-secondary:#b5cb53;--juice-glow:#f0f5d3}
.hero-art::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(ellipse at 91% 72%,var(--juice-glow) 0 22%,transparent 66%),linear-gradient(110deg,transparent 30%,var(--juice-base) 65%,var(--juice-secondary));z-index:-1}
.has-juice .hero-art::before{opacity:1}
.has-juice .hero-art .mascot{height:120%;left:-1%;bottom:-20%}
.has-juice .speech-main{right:3%;top:16px;min-width:104px;min-height:62px;font-size:21px;z-index:3;padding:9px 13px}
.has-juice .speech-extra{right:auto;left:20px;top:17px;bottom:auto;min-width:105px;min-height:51px;font-size:14px;padding:9px 11px;z-index:3}
.juice-showcase{position:absolute;top:85px;bottom:17px;right:2%;width:20%;z-index:2;min-height:215px;color:#123f30;isolation:isolate}
.juice-slides,.juice-slide{width:100%;height:100%;min-height:0}
.juice-slide{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:7px;text-align:center}
.juice-stage{position:relative;min-height:0;width:100%}
.juice-photo{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0 28% 0 0;border:0;background:transparent;border-radius:12px}
.juice-photo img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 7px 7px #18202725);transition:transform .25s;border-radius:8px}
.juice-photo:hover img{transform:translateY(-2px)}
.juice-volumes{position:absolute;right:0;bottom:9px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;list-style:none;margin:0;padding:0;pointer-events:none}
.juice-volumes li{padding:4px 9px;border:1px solid #ffffffbd;border-radius:7px;background:#fffdf1e8;box-shadow:0 2px 5px #4236190c;color:#214a35;font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap}
.juice-caption{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:0 3px;background:none;color:#123f30;text-shadow:0 1px 10px #fff9e8}
.juice-brand{font-size:14px;font-weight:400;letter-spacing:.3px;line-height:1.2}
.juice-flavor{font-size:21px;font-weight:700;line-height:1.15;overflow-wrap:anywhere}
.juice-hint{font-size:12px;font-weight:400;line-height:1.3;color:#385441}
@media(min-width:701px) and (max-width:1100px){
  .juice-showcase{top:76px;bottom:12px;right:1.8%;width:21.5%;min-height:200px}
  .has-juice .hero-art .mascot{height:111%;left:-9%;bottom:-17%}
  .has-juice .speech-extra{left:12px;top:14px;font-size:12px;min-width:84px;min-height:43px}
  .has-juice .speech-main{right:4%;top:12px;font-size:17px;min-height:53px;min-width:88px}
  .juice-photo{padding-right:27%}
  .juice-volumes{display:grid;grid-template-columns:repeat(2,auto);gap:3px;bottom:2px}
  .juice-volumes li{font-size:12px;padding:3px 6px}
  .juice-flavor{font-size:18px}
  .juice-brand{font-size:13px}
  .juice-hint{font-size:12px}
}
@media(max-width:700px){
  .location-bar-inner{min-height:24px;font-size:12px}
  .location-bar-inner .icon{width:14px;height:14px}
  .has-juice .hero-art .mascot{height:138%;bottom:-21%;left:-24%}
  .has-juice .hero-art::before{opacity:.32}
  .has-juice .speech-main{right:7%;top:7px;font-size:clamp(14px,3.5vw,25px);min-width:67px;min-height:47px;padding:7px 10px}
  .has-juice .speech-extra{display:none}
  .juice-showcase{position:relative;grid-column:1/3;grid-row:5;inset:auto;width:auto;height:256px;min-height:0;margin:23px 15px 0;border-radius:19px;background:radial-gradient(ellipse at 85% 52%,var(--juice-glow) 0 32%,transparent 86%),linear-gradient(120deg,var(--juice-base),var(--juice-secondary));overflow:hidden;padding:16px}
  .juice-slide{grid-template-columns:60% minmax(0,1fr);grid-template-rows:1fr auto;gap:9px}
  .juice-stage{grid-column:1;grid-row:1/3;height:100%}
  .juice-photo{padding-right:25%}
  .juice-volumes{right:0;bottom:5px;gap:4px}
  .juice-volumes li{font-size:12px;padding:4px 7px}
  .juice-caption{grid-column:2;grid-row:1;align-self:center;align-items:flex-start;text-align:left;padding:0}
  .juice-brand{font-size:14px}
  .juice-flavor{font-size:21px;line-height:1.18}
  .juice-hint{grid-column:2;grid-row:2;text-align:left;align-self:end;font-size:12px;max-width:145px}
  .has-juice+.categories{margin-top:27px}
}
@media(max-width:370px){.juice-showcase{height:244px;padding:13px}.juice-slide{grid-template-columns:59% minmax(0,1fr);gap:8px}.juice-flavor{font-size:18px}.juice-volumes li{padding:3px 6px}}