/* V73 — novo layout aprovado para 5 Vinhos.
   Cabeçalho global e menu inferior permanecem inalterados. */
#fiveWinesScreen{
  --v73-cream:#fffaf3;
  --v73-wine:#651f32;
  --v73-gold:#c48724;
  --v73-ink:#211619;
  background:
    radial-gradient(circle at 12% 8%,rgba(213,164,72,.08),transparent 28%),
    linear-gradient(180deg,#fffdf9 0%,#fbf6ef 100%) !important;
}
#fiveWinesScreen .qual-five-shell{
  padding:8px 12px calc(20px + var(--vinhario-bottom-nav-height,76px)) !important;
  color:var(--v73-ink) !important;
}
#fiveWinesScreen .qual-five-back{
  min-height:27px !important;
  margin:0 0 5px !important;
  padding:0 5px !important;
  color:var(--v73-wine) !important;
  font-size:11px !important;
  font-weight:700 !important;
}
#fiveWinesScreen .qual-five-back span{
  font-size:22px !important;
}

/* Prato selecionado */
#fiveWinesScreen .qual-five-hero{
  position:relative !important;
  display:grid !important;
  grid-template-columns:138px minmax(0,1fr) !important;
  gap:13px !important;
  min-height:156px !important;
  padding:10px 12px 10px 8px !important;
  overflow:hidden !important;
  border:1px solid #e6b85f !important;
  border-radius:17px !important;
  background:
    linear-gradient(115deg,rgba(255,248,235,.98),rgba(255,255,255,.94)),
    radial-gradient(circle at 80% 20%,rgba(218,169,73,.14),transparent 42%) !important;
  box-shadow:0 4px 14px rgba(77,35,23,.10) !important;
}
#fiveWinesScreen .qual-five-hero::before,
#fiveWinesScreen .qual-five-hero::after{
  content:"❧";
  position:absolute;
  color:#d69a36;
  opacity:.75;
  font:34px Georgia,serif;
  pointer-events:none;
}
#fiveWinesScreen .qual-five-hero::before{left:8px;top:2px;transform:rotate(-30deg)}
#fiveWinesScreen .qual-five-hero::after{right:9px;bottom:2px;transform:rotate(145deg)}
#fiveWinesScreen .qual-five-dish{
  position:relative !important;
  z-index:1 !important;
  width:132px !important;
  height:132px !important;
  align-self:center !important;
  border:2px solid #c98a2a !important;
  border-radius:50% !important;
  object-fit:cover !important;
  background:#fff !important;
  box-shadow:0 6px 12px rgba(57,29,19,.18),0 0 0 5px rgba(255,255,255,.85) !important;
}
#fiveWinesScreen .qual-five-hero-copy{
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
  align-self:center !important;
  padding-right:5px !important;
}
#fiveWinesScreen .qual-v73-eyebrow{
  display:block;
  margin:0 0 6px;
  color:#a66614;
  font-size:10px;
  font-weight:800;
  letter-spacing:.55px;
  text-transform:uppercase;
}
#fiveWinesScreen .qual-five-hero h2{
  margin:0 0 8px !important;
  color:#201416 !important;
  font:700 24px/1.03 Georgia,"Times New Roman",serif !important;
  letter-spacing:-.25px !important;
}
#fiveWinesScreen .qual-five-hero p{
  margin:0 !important;
  color:#173b78 !important;
  font:500 12px/1.34 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
#fiveWinesScreen .qual-v73-hero-rule{
  width:86px;
  height:1px;
  margin-top:13px;
  background:linear-gradient(90deg,#d4a04b 0 43%,transparent 43% 52%,#d4a04b 52%);
  position:relative;
}
#fiveWinesScreen .qual-v73-hero-rule::after{
  content:"✣";
  position:absolute;
  left:43%;top:50%;
  transform:translate(-50%,-50%);
  padding:0 4px;
  background:#fffaf4;
  color:#bd7c19;
  font-size:12px;
}

/* Refinar recomendações */
#fiveWinesScreen .qual-five-refine-bar{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px 12px !important;
  align-items:center !important;
  margin:8px 0 9px !important;
  padding:6px 14px 10px !important;
  border:1px solid rgba(207,143,39,.42) !important;
  border-radius:14px !important;
  background:rgba(255,252,247,.88) !important;
  box-shadow:0 2px 8px rgba(96,48,25,.05) !important;
}
#fiveWinesScreen .qual-five-refine-title{
  grid-column:1/-1 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  margin:-1px 0 1px !important;
  color:#5e2430 !important;
  font:500 13px/1.1 Georgia,"Times New Roman",serif !important;
  text-transform:none !important;
}
#fiveWinesScreen .qual-five-refine-title::before,
#fiveWinesScreen .qual-five-refine-title::after{
  content:"✣";
  color:#c08728;
  font-size:10px;
}
#fiveWinesScreen .qual-five-select{
  min-width:0 !important;
}
#fiveWinesScreen .qual-five-select::before{
  position:absolute;
  left:13px;top:50%;
  z-index:2;
  transform:translateY(-50%);
  color:#b56e14;
  pointer-events:none;
}
#fiveWinesScreen .qual-five-select.country::before{content:"◎";font-size:21px}
#fiveWinesScreen .qual-five-select.type::before{content:"♙";font-size:20px;transform:translateY(-55%) rotate(180deg)}
#fiveWinesScreen .qual-five-select-icon{display:none !important}
#fiveWinesScreen .qual-five-select select{
  height:39px !important;
  padding:0 29px 0 42px !important;
  border:1px solid #d49432 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#fffaf2) !important;
  color:#5c2430 !important;
  font:600 13px Georgia,"Times New Roman",serif !important;
  box-shadow:0 2px 5px rgba(91,40,27,.08) !important;
}
#fiveWinesScreen .qual-five-select-chevron{
  right:14px !important;
  border-color:#651f32 !important;
}
#fiveWinesScreen .qual-five-clear{display:none !important}

/* Lista */
#fiveWinesScreen .qual-five-results{
  display:grid !important;
  gap:6px !important;
}
#fiveWinesScreen .qual-five-card{
  --tier:#b97b12;
  --tier-dark:#7b4d00;
  --tier-soft:#fff2ca;
  position:relative !important;
  width:100% !important;
  min-height:116px !important;
  display:grid !important;
  grid-template-columns:78px minmax(0,1fr) !important;
  align-items:stretch !important;
  overflow:hidden !important;
  border:1px solid color-mix(in srgb,var(--tier) 48%,#fff) !important;
  border-radius:13px !important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--tier-soft) 72%,#fff),color-mix(in srgb,var(--tier-soft) 58%,#fff)) !important;
  box-shadow:0 3px 9px rgba(60,31,22,.08) !important;
  color:#211619 !important;
  cursor:pointer !important;
}
#fiveWinesScreen .qual-five-card.tier-essential{--tier:#d79a16;--tier-dark:#795000;--tier-soft:#fff1bc}
#fiveWinesScreen .qual-five-card.tier-economico{--tier:#568727;--tier-dark:#244d13;--tier-soft:#edf5df}
#fiveWinesScreen .qual-five-card.tier-selecao{--tier:#1f62ad;--tier-dark:#0d3977;--tier-soft:#e8f1fc}
#fiveWinesScreen .qual-five-card.tier-premium{--tier:#8751a1;--tier-dark:#522764;--tier-soft:#f2e9f7}
#fiveWinesScreen .qual-five-card:hover{transform:translateY(-1px)}
#fiveWinesScreen .qual-five-card:focus-visible{outline:2px solid var(--tier);outline-offset:2px}

/* Folhas + manta */
#fiveWinesScreen .qual-five-rank{
  position:relative !important;
  min-width:0 !important;
  display:block !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-right:1px solid color-mix(in srgb,var(--tier) 38%,#fff) !important;
  background:
    radial-gradient(circle at 20% 84%,color-mix(in srgb,var(--tier) 20%,transparent),transparent 34%),
    linear-gradient(180deg,color-mix(in srgb,var(--tier-soft) 80%,#fff),#fffdf8) !important;
  color:var(--tier-dark) !important;
}
#fiveWinesScreen .qual-five-rank::before,
#fiveWinesScreen .qual-five-rank::after{display:none !important}
#fiveWinesScreen .qual-v73-rank-art{
  position:absolute;
  inset:0;
  pointer-events:none;
  color:color-mix(in srgb,var(--tier) 86%,#d79a16);
  opacity:.72;
}
#fiveWinesScreen .qual-v73-rank-art svg{
  width:100%;
  height:100%;
  display:block;
}
#fiveWinesScreen .qual-v73-rank-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
#fiveWinesScreen .qual-five-store .qual-v73-rank-photo{
  width:100% !important;
  height:100% !important;
  object-fit:fill !important;
  object-position:center center !important;
  display:block !important;
  transform:scaleX(1.10) !important;
  transform-origin:left center !important;
}
#fiveWinesScreen .qual-v73-banner{
  position:absolute;
  z-index:2;
  left:12px;top:-1px;
  width:58px;height:79px;
  padding:11px 4px 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);
  border:1px solid rgba(255,255,255,.64);
  background:linear-gradient(145deg,color-mix(in srgb,var(--tier) 82%,#fff),var(--tier-dark));
  box-shadow:0 2px 0 #e9c575,0 4px 8px rgba(48,27,15,.18);
  color:#fffbe9;
  text-shadow:0 1px 1px rgba(0,0,0,.26);
}
#fiveWinesScreen .qual-v73-tier-icon{
  min-height:20px;
  display:grid;
  place-items:center;
  font-size:19px;
  line-height:1;
}
#fiveWinesScreen .qual-v73-tier-label{
  max-width:52px;
  font:600 10.5px/1.02 Georgia,"Times New Roman",serif;
  text-align:center;
  overflow-wrap:anywhere;
}
#fiveWinesScreen .qual-v73-tier-ornament{
  font-size:9px;
  opacity:.85;
}

/* Conteúdo do vinho */
#fiveWinesScreen .qual-five-info{
  position:relative !important;
  z-index:2 !important;
  min-width:0 !important;
  padding:10px 8px 8px 12px !important;
  background:linear-gradient(180deg,rgba(255,252,246,.78),rgba(255,250,242,.92)) !important;
}
#fiveWinesScreen .qual-five-name{
  margin:0 0 4px !important;
  color:var(--tier-dark) !important;
  font:700 14.6px/1.04 Georgia,"Times New Roman",serif !important;
  letter-spacing:-.15px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#fiveWinesScreen .qual-v73-origin{display:none !important}
#fiveWinesScreen .qual-v73-detail{
  display:grid;
  grid-template-columns:14px minmax(0,1fr);
  gap:3px;
  align-items:start;
  margin:2px 0;
  color:#24232b;
  font-size:8.7px;
  line-height:1.16;
}
#fiveWinesScreen .qual-v73-detail-icon{
  color:var(--tier);
  font-size:10px;
  line-height:1.05;
  text-align:center;
}
#fiveWinesScreen .qual-v73-pairing-copy{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#fiveWinesScreen .qual-v73-flag-watermark{
  position:absolute;
  z-index:1;
  right:88px;top:17px;
  width:96px;height:78px;
  display:grid;
  place-items:center;
  opacity:.12;
  filter:saturate(.9);
  pointer-events:none;
}
#fiveWinesScreen .qual-v73-flag-watermark svg{
  width:96px !important;
  height:70px !important;
  border-radius:50%;
  transform:scale(1.38);
}

/* Compatibilidade, preço e ação */
#fiveWinesScreen .qual-five-score{
  position:relative !important;
  z-index:3 !important;
  min-width:0 !important;
  margin:8px 8px 8px 0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 44px !important;
  align-items:stretch !important;
  overflow:hidden !important;
  border:1px solid color-mix(in srgb,var(--tier) 56%,#fff) !important;
  border-radius:11px !important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--tier-soft) 72%,#fff),#fffdf9) !important;
  box-shadow:inset 0 0 16px rgba(255,255,255,.68) !important;
  color:var(--tier-dark) !important;
  text-align:center !important;
}
#fiveWinesScreen .qual-v73-score-main{
  padding:10px 6px 9px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-width:0;
}
#fiveWinesScreen .qual-five-percent{
  margin:0 0 1px !important;
  color:var(--tier-dark) !important;
  font:normal 23px/.92 Georgia,"Times New Roman",serif !important;
}
#fiveWinesScreen .qual-five-percent small{font-size:.48em !important}
#fiveWinesScreen .qual-five-score-label{
  color:var(--tier-dark) !important;
  font-size:7.1px !important;
  line-height:1.08 !important;
}
#fiveWinesScreen .qual-v73-score-rule{
  width:38px;height:1px;
  margin:6px auto 5px;
  background:var(--tier);
  opacity:.65;
}
#fiveWinesScreen .qual-five-price{
  margin:0 !important;
  color:var(--tier-dark) !important;
  font:700 12.5px/1 Georgia,"Times New Roman",serif !important;
}
#fiveWinesScreen .qual-v73-offer{
  appearance:none;
  min-width:0;
  padding:4px 2px;
  border:0;
  border-left:1px solid color-mix(in srgb,var(--tier) 36%,#fff);
  background:transparent;
  color:var(--tier-dark);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1px;
  font:600 9.4px/1.08 Georgia,"Times New Roman",serif;
  cursor:pointer;
}
#fiveWinesScreen .qual-v73-offer span{font-size:17px;line-height:1}

/* Quinto card */
#fiveWinesScreen .qual-five-store{
  --tier:#8e2338;
  --tier-dark:#641528;
  --tier-soft:#f8e8e8;
  position:relative !important;
  width:100% !important;
  min-height:108px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:78px minmax(0,1fr) 118px !important;
  align-items:stretch !important;
  overflow:hidden !important;
  border:1px solid #c8727e !important;
  border-radius:13px !important;
  background:linear-gradient(90deg,#fae9e9,#fffaf7 35%,#fff) !important;
  color:#31171d !important;
  box-shadow:0 3px 9px rgba(60,31,22,.08) !important;
  text-align:left !important;
  cursor:pointer !important;
}
#fiveWinesScreen .qual-five-store .qual-five-rank{
  min-height:108px !important;
  color:var(--tier-dark) !important;
}
#fiveWinesScreen .qual-five-store-info{
  min-width:0 !important;
  padding:10px 12px 7px 12px !important;
}
#fiveWinesScreen .qual-five-store-title{
  margin:0 0 3px !important;
  color:var(--tier-dark) !important;
  font:700 15px/1.06 Georgia,"Times New Roman",serif !important;
}
#fiveWinesScreen .qual-five-store-main{
  margin:0 0 3px !important;
  color:#75243a !important;
  font-size:7.8px !important;
  font-weight:800 !important;
  letter-spacing:.45px !important;
  text-transform:uppercase !important;
}
#fiveWinesScreen .qual-five-store-sub{
  display:grid !important;
  gap:2px !important;
  color:#23304c !important;
  font-size:8.1px !important;
  line-height:1.15 !important;
}
#fiveWinesScreen .qual-v73-shop-line{
  display:grid;
  grid-template-columns:13px minmax(0,1fr);
  gap:3px;
}
#fiveWinesScreen .qual-v73-shop-line b{color:#a16b12;text-align:center}
#fiveWinesScreen .qual-v73-shop-art{display:none !important}
#fiveWinesScreen .qual-five-note{display:none !important}

@media(max-width:390px){
  #fiveWinesScreen .qual-five-shell{padding-left:8px !important;padding-right:8px !important}
  #fiveWinesScreen .qual-five-hero{grid-template-columns:119px minmax(0,1fr) !important;gap:10px !important;min-height:145px !important}
  #fiveWinesScreen .qual-five-dish{width:114px !important;height:114px !important}
  #fiveWinesScreen .qual-five-hero h2{font-size:21px !important}
  #fiveWinesScreen .qual-five-card{grid-template-columns:70px minmax(0,1fr) 110px !important;min-height:113px !important}
  #fiveWinesScreen .qual-v73-banner{left:9px;width:54px}
  #fiveWinesScreen .qual-five-name{font-size:15px !important}
  #fiveWinesScreen .qual-v73-detail{font-size:8px}
  #fiveWinesScreen .qual-five-store{grid-template-columns:70px minmax(0,1fr) !important}
  #fiveWinesScreen .qual-v73-shop-art svg{width:96px}
}