.card{display:flex;flex-direction:column;text-decoration:none;color:var(--color_black);background:var(--color_white);border-radius:var(--border_radius_default);transition:all .3s ease;height:100%}.card .card-info{height:100%;display:flex;flex-direction:column}.card .card-info .image{aspect-ratio:304/127;width:100%;overflow:hidden;border-radius:var(--border_radius_default);background:var(--color_white)}@media screen and (min-width:640px){.card .card-info .image{aspect-ratio:288/237}}.card .card-info .content{padding:20px 16px;display:flex;flex-direction:column;height:100%;width:100%;flex:1;gap:7px}@media screen and (min-width:640px){.card .card-info .content{gap:10px}}.card .card-info .content .name{font:var(--font_18);font-weight:var(--extra_bold);color:var(--color_black);margin-bottom:6px;display:inline-flex}@media screen and (min-width:640px){.card .card-info .content .name{font:var(--font_17);font-weight:var(--extra_bold)}}.card .card-info .content .bottom-info{height:100%;display:flex;flex-direction:column;gap:15px}@media screen and (min-width:640px){.card .card-info .content .bottom-info{gap:15px}}.card .card-info .content .bottom-info .price{font:var(--font_28);font-weight:var(--bold)!important;text-align:center}@media screen and (min-width:640px){.card .card-info .content .bottom-info .price{font:var(--font_20)}}.card .card-info .content .bottom-info .params-row{display:grid;align-items:start;grid-template-columns:repeat(2,1fr);list-style:none;row-gap:10px;margin-bottom:auto;height:100%;column-gap:25px;font:var(--font_15);font-weight:500}.card .card-info .content .bottom-info .params-row li{display:flex;gap:8px;align-items:start}@media screen and (min-width:640px){.card .card-info .content .bottom-info .params-row{font:var(--font_14)}}.card .card-info .content .bottom-info .learn{padding:8px 0;display:flex;justify-content:center;align-items:center;width:100%;background:var(--color_accent2);border-radius:var(--border_radius_default);font:var(--font_15);font-weight:var(--bold);color:var(--color_white)}@media screen and (min-width:640px){.card .card-info .content .bottom-info .learn{font:var(--font_14);font-weight:700}}.card .card-info .content .bottom-info .learn:hover{background:var(--color_accent);color:var(--color_white);transition:all .3s ease}.card:hover{background:var(--color_accent2)}.card:hover .content .bottom-info .learn{background:var(--color_white);color:var(--color_black)}