
.qual-refined-card{position:relative;overflow:hidden;padding:18px 14px 15px;background:linear-gradient(180deg,#fffaf3 0%,#fff7ec 100%);border:1px solid #ead8c0;box-shadow:0 9px 24px rgba(82,37,31,.08)}
.qual-grape-watermark{position:absolute;right:-12px;top:14px;width:76px;height:90px;color:#8a263f;opacity:.075;pointer-events:none}
.qual-grape-watermark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2}
.qual-refined-kicker{position:relative;margin:0;text-align:center;color:#7c3346;font:italic 600 12px/1.35 Georgia,serif;letter-spacing:.05px}
.qual-gold-divider{display:flex;align-items:center;justify-content:center;gap:7px;margin:7px auto 5px;color:#bd8a37}
.qual-gold-divider i{width:34px;height:1px;background:linear-gradient(90deg,transparent,#c99b51)}
.qual-gold-divider i:last-child{background:linear-gradient(90deg,#c99b51,transparent)}
.qual-gold-divider span{font-size:8px}
.qual-refined-title{position:relative;margin:0 0 10px;text-align:center;color:#5e1128;font:700 20px/1.1 Georgia,serif}
.qual-refined-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.qual-refined-mode{min-height:64px;border:1px solid #ddcebd;border-radius:12px;background:#fffaf4;padding:8px 9px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:7px;color:#9b8a7a;text-align:left;box-shadow:0 2px 5px rgba(85,35,40,.025)}
.qual-refined-mode.active{border:1.5px solid #7c1933;background:#fff9f4;color:#69152c;box-shadow:0 0 0 1px rgba(124,25,51,.04)}
.qual-mode-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eee4d7;color:#aa9a88}
.qual-refined-mode.active .qual-mode-icon{background:#7b1731;color:#fff}
.qual-mode-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qual-mode-copy strong{display:block;color:inherit;font:700 11px/1.16 Georgia,serif}
.qual-refined-search{position:relative}
.qual-refined-search svg{position:absolute;left:11px;top:50%;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:#ad9c8d;stroke-width:1.8;stroke-linecap:round}
.qual-refined-search input{width:100%;height:38px;border:1px solid #e4d6c7;border-radius:10px;background:rgba(255,255,255,.88);padding:0 12px 0 36px;color:#59474b;font-size:11px;outline:none}
.qual-refined-search input:focus{border-color:#9f6675;box-shadow:0 0 0 3px rgba(101,31,50,.06)}
.qual-search-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-items:start}
.qual-search-layout.wine-mode{grid-template-columns:minmax(0,1.55fr) minmax(72px,.72fr) minmax(78px,.78fr);gap:6px}
.qual-wine-filter{display:none;position:relative;min-width:0}
.qual-search-layout.wine-mode .qual-wine-filter{display:block}
.qual-wine-filter select{width:100%;height:38px;appearance:none;-webkit-appearance:none;border:1px solid #e4d6c7;border-radius:10px;background:rgba(255,255,255,.92);padding:0 21px 0 9px;color:#6a1930;font-size:9px;font-weight:700;outline:none;text-overflow:ellipsis}
.qual-wine-filter select:focus{border-color:#9f6675;box-shadow:0 0 0 3px rgba(101,31,50,.06)}
.qual-wine-filter:after{content:"⌄";position:absolute;right:8px;top:50%;transform:translateY(-54%);color:#9a6f79;font-size:11px;pointer-events:none}
.qual-refined-examples{margin:4px 0 12px 37px;color:#a18f83;font-size:8px}
.qual-search-layout.wine-mode + .qual-refined-examples{margin-left:1px}
@media(max-width:360px){.qual-search-layout.wine-mode{grid-template-columns:minmax(0,1fr) 70px 76px;gap:4px}.qual-wine-filter select{padding-left:6px;padding-right:16px;font-size:8px}.qual-wine-filter:after{right:5px}}

.qual-refined-heading{display:flex;align-items:center;justify-content:space-between;margin:0 1px 7px}
.qual-refined-heading h3{margin:0;color:#6a1930;font:700 11px Georgia,serif}
.qual-refined-heading button{border:0;background:none;padding:0;color:#8e3147;font-size:8px;font-weight:700}
.qual-popular-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.qual-photo-card{position:relative;isolation:isolate;aspect-ratio:.77;border:0;border-radius:9px;overflow:hidden;background-image:var(--food);background-size:cover;background-position:center;padding:0;box-shadow:0 2px 7px rgba(58,25,28,.13)}
.qual-photo-card:after{content:"";position:absolute;z-index:-1;inset:42% 0 0;background:linear-gradient(transparent,rgba(18,7,8,.88))}
.qual-photo-card span{position:absolute;left:2px;right:2px;bottom:5px;color:#fff;font-size:7px;font-weight:800;text-align:center;text-shadow:0 1px 2px #000}
.qual-refined-helper{width:100%;margin-top:12px;border:1px solid #8f304a;border-radius:11px;background:linear-gradient(135deg,#73142d,#4c0b1d);padding:9px 10px;display:grid;grid-template-columns:30px minmax(0,1fr) 12px;gap:8px;align-items:center;color:#fff;text-align:left;box-shadow:0 5px 13px rgba(74,13,31,.16)}
.qual-helper-seal{width:28px;height:28px;border:1px solid #c49a4d;border-radius:50%;display:grid;place-items:center;color:#deb96b;background:#661129}
.qual-helper-seal svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.qual-refined-helper strong{display:block;font:700 8.5px Georgia,serif}
.qual-refined-helper small{display:block;margin-top:2px;color:#e9d9dc;font-size:6.8px;line-height:1.25}
.qual-refined-helper b{font:400 20px Georgia,serif;color:#d8ad61}
.qual-refined-search{z-index:4}
.qual-autocomplete{display:none;position:absolute;z-index:20;left:0;right:0;top:43px;padding:5px;border:1px solid #dfd0c2;border-radius:11px;background:#fffdf9;box-shadow:0 12px 26px rgba(76,28,37,.14)}
.qual-autocomplete.open{display:block}
.qual-autocomplete button{width:100%;border:0;border-radius:8px;background:transparent;padding:8px 9px;text-align:left;color:#5e4750;font-size:10px}
.qual-autocomplete button.active{background:#f7e9ec;color:#721830}
.qual-autocomplete button strong{color:#721830}
.qual-result-wrap{margin-top:13px}
.qual-mode-icon{
  overflow:hidden;
  background:transparent!important;
}
.qual-mode-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.qual-refined-mode.active .qual-mode-icon,
.qual-refined-mode:not(.active) .qual-mode-icon{
  background:transparent!important;
}
.pairing-result-screen{padding-bottom:76px}
.pairing-result-shell{padding:4px 12px 18px}
.pairing-result-header{text-align:center;padding:0 8px 10px;background:transparent;border:0;box-shadow:none}
.pairing-result-header small{display:block;color:#8f7d83;font-size:8px;letter-spacing:0;text-transform:none;font-weight:400}
.pairing-result-header h1{margin:3px 0 6px;color:var(--wine);font:700 21px/1.15 Georgia,serif;background:transparent}
.pairing-result-header p{margin:0;color:#77666c;font-size:9px;line-height:1.45;background:transparent}
.pairing-back{width:32px;height:32px;border:1px solid #e1d3d7;border-radius:50%;background:#fff;color:var(--wine);font-size:20px}
.pairing-dish-card{display:block;padding:8px;border:1px solid #eadde0;border-radius:16px;background:#fff}
.pairing-result-title-row{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 32px;
  align-items:center;
  gap:6px;
  margin:2px 0 5px;
}
.pairing-result-title-row h1{margin:0!important}
.pairing-title-spacer{display:block;width:32px;height:32px}
.pairing-back{
  width:30px!important;
  height:30px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:19px!important;
  line-height:1!important;
}
.pairing-dish-main{
  display:grid;
  grid-template-columns:138px minmax(0,1fr);
  gap:11px;
  align-items:stretch;
}
.pairing-dish-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:4px 5px 2px!important;
}
.pairing-dish-copy p{
  font-size:10px!important;
  line-height:1.5!important;
}
.pairing-vinhario-tip{
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:center;
  margin-top:8px!important;
  padding:8px 10px!important;
}
.pairing-vinhario-tip > div:first-child{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
}
.pairing-vinhario-tip p{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:7.7px!important;
  line-height:1.2!important;
}
.pairing-wine-card{
  grid-template-columns:74px minmax(0,1fr) 72px 26px!important;
  grid-template-areas:
    "visual info score save";
  align-items:stretch!important;
}
.pairing-wine-card .pairing-tier{
  min-height:0!important;
  height:auto!important;
  padding:5px 3px!important;
  border-radius:8px!important;
}
.pairing-wine-card .pairing-tier span{
  font-size:14px!important;
}
.pairing-wine-card .pairing-tier strong{
  margin-top:2px!important;
  font-size:6.2px!important;
}
.pairing-wine-card .pairing-tier small{
  display:none!important;
}
.pairing-wine-card .pairing-bottle{
  height:92px!important;
  margin-bottom:5px;
}
.pairing-wine-card .pairing-bottle-photo{
  width:68px!important;
  height:92px!important;
  object-fit:contain!important;
}
.pairing-wine-card > .pairing-tier{
  grid-column:1;
  grid-row:1;
  align-self:end;
  margin-top:98px;
}
.pairing-wine-card > .pairing-bottle{
  grid-column:1;
  grid-row:1;
  align-self:start;
}
.pairing-wine-info{
  grid-column:2;
  grid-row:1;
  padding:4px 0;
}
.pairing-score{
  grid-column:3;
  grid-row:1;
  align-self:center;
}
.pairing-save{
  grid-column:4;
  grid-row:1;
}
.pairing-dish-photo{height:118px;border-radius:12px;background:url("../assets/img_003_0d0230c64c76ac36.jpg") center/cover no-repeat}
.pairing-dish-copy{padding:4px}
.pairing-dish-copy h2{margin:5px 0 4px;color:#64152c;font:700 16px/1.15 Georgia,serif}
.pairing-dish-copy p{margin:0;color:#6f5f64;font-size:9px;line-height:1.45}
.pairing-vinhario-tip{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;margin-top:9px;padding:9px;border:1px solid #f0dfbe;border-radius:11px;background:#fffaf0}
.pairing-vinhario-tip strong{display:block;color:#94651f;font-size:8px}
.pairing-vinhario-tip p{margin:2px 0 0;color:#786a61;font-size:7.5px}
.pairing-list{display:grid;gap:9px;margin-top:11px}
.pairing-wine-card{display:grid;grid-template-columns:66px 52px minmax(0,1fr) 74px 28px;gap:8px;align-items:center;padding:8px;border:1px solid #e8dce0;border-radius:15px;background:#fff}
.pairing-tier{min-height:122px;border-radius:11px;padding:8px 5px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pairing-tier span{font-size:18px}
.pairing-tier strong{margin-top:6px;font-size:7px;text-transform:uppercase}
.pairing-tier small{margin-top:5px;font-size:6px}
.essential{background:#eef5e6;color:#66884b}
.economic{background:#eef7eb;color:#50783f}
.selection{background:#edf2fa;color:#4e6d9d}
.premium{background:#f3ecf8;color:#7d4c99}
.pairing-bottle{height:112px;display:grid;place-items:center}
.pairing-bottle svg{width:40px;height:108px}
.pairing-bottle-photo{
  display:block;
  width:46px;
  height:112px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 4px 5px rgba(54,25,31,.12));
}
.pairing-score small{font-size:6px!important;letter-spacing:.15px}
.pairing-score .price{
  margin-top:3px!important;
  color:#4f7833!important;
  font:700 12px/1.05 Georgia,serif!important;
}
.pairing-score .compat{
  margin-top:7px!important;
  padding:6px 4px!important;
  border-radius:8px!important;
}
.pairing-score .compat .compat-title{
  display:block;
  color:#8b7d77;
  font-size:5.7px;
  line-height:1.15;
}
.pairing-score .compat .compat-subtitle{
  display:block;
  margin-top:1px;
  color:#a0918d;
  font-size:5.3px;
  line-height:1.1;
}
.pairing-score .compat b{
  margin-top:3px;
  font:700 15px/1 Georgia,serif!important;
}
.pairing-tier .diamond-model{
  display:block;
  width:22px;
  height:22px;
  object-fit:contain;
  margin:0 auto;
}
.pairing-wine-info h3{margin:0;color:#65152c;font:700 13px/1.2 Georgia,serif}
.pairing-wine-info .origin{margin-top:3px;color:#8a777d;font-size:7.5px}
.pairing-wine-info .meta{margin-top:5px;color:#735f65;font-size:7px}
.pairing-wine-info p{margin:5px 0 0;color:#6e5d62;font-size:8px;line-height:1.4}
.pairing-score{text-align:center}
.pairing-score small{font-size:6.5px;color:#8f7d83}
.pairing-score .price{margin-top:2px;color:#4f7e2e;font:700 15px Georgia,serif}
.pairing-score .compat{margin-top:8px;padding:6px 5px;border:1px solid #e2ddd0;border-radius:9px;background:#fafbf5}
.pairing-score .compat b{display:block;color:#56813a;font:700 18px Georgia,serif}
.pairing-score .compat span{display:block;color:#8b7d77;font-size:6px}
.pairing-save{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:space-between;padding:5px 0}
.pairing-save button{border:0;background:none;color:#7e6c72}
.pairing-footer-card{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:9px;align-items:center;margin-top:11px;padding:11px 12px;border:1px solid #f0dfbf;border-radius:14px;background:#fffaf2}
.pairing-footer-card strong{display:block;color:#7d4f18;font-size:8.5px}
.pairing-footer-card p{margin:2px 0 0;color:#7e6e65;font-size:7.5px}
.pairing-result-header,
.pairing-result-header *{
  background-color:transparent!important;
  background-image:none!important;
  border:none!important;
  box-shadow:none!important;
}
#pairingResultScreen .pairing-result-header{
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  color:inherit !important;
}
#qualWine,
#pairingResultScreen{
  min-width:0;
  max-width:100%;
  overflow-x:hidden;
}

