.teacher-author__info{display:grid}@media only screen and (min-width:641px){.teacher-author__info{max-width:600px;align-items:center;margin-bottom:40px;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:8px 16px;grid-auto-flow:row;grid-template-areas:"avatar fullname" "avatar description"}}@media only screen and (max-width:640px){.teacher-author__info{margin-bottom:24px;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:20px 16px;grid-template-areas:"avatar fullname" "description description"}}.teacher-author__avatar{grid-area:avatar;width:120px;height:120px;object-fit:cover;border-radius:999px}@media only screen and (max-width:640px){.teacher-author__avatar{width:56px;height:56px}}.teacher-author__fullname{grid-area:fullname;align-self:center}@media only screen and (min-width:641px){.teacher-author__fullname{font-size:24px;line-height:32px;font-weight:700}}@media only screen and (max-width:640px){.teacher-author__fullname{font-size:16px;line-height:24px;font-weight:700}}.teacher-author__description{grid-area:description;color:gray}.teacher-author__products-container{display:grid;gap:24px 0}@media only screen and (min-width:641px){.teacher-author__products-container{max-width:800px}}.teacher-author__product-group{border-radius:8px;box-shadow:0 8px 16px #0000001a}@media only screen and (min-width:641px){.teacher-author__product-group{padding:24px}}@media only screen and (max-width:640px){.teacher-author__product-group{padding:20px 16px}}.teacher-author__products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.teacher-author__product{display:grid}.teacher-author__product-image{width:auto;height:100px}