/* Photographic Matcha product visuals. Sources: _quelle/generated/matcha/. */
.matte-matcha{background:#171719;background-image:none;padding:24px 20px 0;isolation:isolate;scroll-margin-top:100px}
.matte-matcha::after{background:#121214}
.matcha-fotos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:8px;padding-bottom:26px}
.matcha-fotos li{min-width:0;gap:12px}
.matcha-produkt{position:relative;width:100%}
.matcha-produkt img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;mix-blend-mode:lighten}
.matcha-fotos .cup-name{display:flex;flex-direction:column;justify-content:space-between;min-height:52px;max-width:150px;font-size:12px;line-height:1.3}
.matcha-fotos .cup-name small{font-size:15px;margin-top:5px}
.matcha-tag{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%) rotate(-4deg);padding:5px 8px;background:var(--paper);border-radius:3px;white-space:nowrap;font:400 12px/1.2 var(--marker);color:var(--ink);box-shadow:0 3px 9px #0004}
@media(min-width:1000px){.matcha-favorit .matcha-produkt{width:112%}}
@media(min-width:600px) and (max-width:999px){.matcha-fotos{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.matcha-produkt{max-width:210px}}
@media(max-width:599px){
  .matte-matcha{padding:16px 6px 0}
  .matcha-fotos{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 6px;overflow:visible;padding-bottom:22px}
  .matcha-fotos li{gap:8px}
  .matcha-fotos .cup-name{font-size:11px;min-height:50px}
  .matcha-tag{font-size:10px;padding:4px 6px}
}